/*
 * Additional styles which have been created outside of the task run styles
 */
.node-type-home .intro {
  margin-right: 0;
}

.panel-donate {
  clear: both;
  width: 100%;
  background: #eb8727;
  color: white;
  padding: 16px;
  
}

@media (min-width: 960px) {
  .panel-donate {
    clear: none;
    margin-top: -3rem;
    width: 32.23%;
    float: right;
  }
}

.panel-donate h3 {
  margin-top: 0;
  color: white;
  text-transform: uppercase;
}

.panel-donate p:last-child {
  margin-bottom: 0;
}

.panel-donate a {
  display: inline-block;
  min-height: 24px;
  padding: .4em .7em;
  color: white;
  border: 1px solid white;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
  text-transform: uppercase;
  text-decoration: none;
}

.panel-donate a:hover {
  background: white;
  color: #eb8727;
}

/**
 * Site Alert Styles
 */
.page-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.page-header .page-header__wrapper {
  padding: 34px 0;
  height: 167px;
  background: url(../images/header-bg-image.png) no-repeat right top;
}

.page-header .l-region--header {
  background: none;
  color: #fff;
  height: auto;
  padding: 0;
}

.page-header .l-region--header div{
  background: none;
  height: auto;
  padding: 0;
}

.page-header .l-region--header div.site-alert {
  overflow: hidden;
  background: #455560;
  color: #fff;
}

.page-header .l-region--header div.site-alert__wrapper {
  padding: 1rem 1rem 0;
}

@media screen and (min-width: 500px) {
  .page-header .l-region--header div.site-alert__wrapper {
    padding: 1rem 2rem 0;
  }
}

.site-alert__title {
  font-size: 1.75rem;
}

.site-alert__description {
  font-size: 1.25rem;
  
}

.site-alert__description a {
  color: #fff;
}