/**
 * Styling for specific blocks.
 *
 * Selectors should be structured for a specific block, or a specific block 
 * WITHIN a region (but not for blocks within a region as a whole).  For
 * region specific styling, see regions.css.
 *
 * E.g.:
 *
 * - #block-block-NN {}
 * - #region-leader-row-first #block-menu-secondary-menu
 * - Etc.
 *
 */

/* Search block in the top region */
#header #search-block-form .input-group {
  height: 52px;
}
#header #search-block-form .input-group input,
#header #search-block-form .input-group .input-group-btn {
  height: 100%;
}

/* Social media block (header) */
#block-block-60 {
  padding-top: 2px;
}
#block-block-60 .social-icon {
  border-right: 1px solid rgba(0,0,0,0.05);
}
#block-block-60 .first .social-icon {
  border-right: none;
}
#block-block-60 .social-icon .small {
  display: none;
}
#block-block-60 .social-icon img {
  height: 28px;
  width: 45px;
  opacity: 0.50;
}

#block-block-60 .social-icon img:hover {
  opacity: 1.0;
}

@media(max-width: 769px) {
  #block-block-60 .social-icon img {
    width: 28px;
  }
  #block-block-60 .social-icon {
    border-right: none;
  }
}

@media(max-width: 374px) {
  #block-block-60 .social-icon img {
    width: 26px;
  }
}

/* Engagement Links (header) */
#block-block-65 {
  padding-top: 3px;
  text-align: center;
    padding-left: 0;padding-right: 0;/* Override bootstrap defaults */

  font-size: 24px;
}
@media(max-width: 992px) {
  #block-block-65 {
    font-size: 18px;
  }
}
@media(max-width: 767px) {
  #block-block-65 {
    font-size: 14px;
  }
}

#block-block-65 .engagement-mobile a.engagement-link {
  padding-right: 0.66em;
  border-right: 1px solid rgba(255,255,255,0.15);
}
#block-block-65 .engagement-mobile .first a.engagement-link {
}
#block-block-65 .engagement-mobile .last a.engagement-link {
  padding-right: 0;
  border-right: none;
}

#block-block-65 a.engagement-link  {
  color: #fff;
  opacity: 0.66;
}
#block-block-65 a.engagement-link:hover {
  opacity: 1.0;
}
#block-block-65 a.engagement-link .glyphicon {
  top: 3px;
}

/* Google Translate Widget (header) */
#block-block-54 {
  padding: 0;
  opacity: 0.8;
}

#block-block-54 .goog-te-gadget-simple {
  border: 0;
}

#block-block-54 .goog-te-gadget {
  margin-top: -26px;
  margin-left: 0;
}
#block-block-54 .goog-te-gadget-simple .goog-te-menu-value span {
  text-decoration: none;
  font-size: 12px;
}
@media(max-width: 769px) {
  #block-block-54 .goog-te-gadget {
  }
}

@media(max-width: 374px) {
  #block-block-54 .goog-te-gadget-simple .goog-te-menu-value span {
    font-size: 11px;
  }
}
/* How we can help (secondary) */
#block-block-61 ul.we-can-help {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
} 
#block-block-61 ul.we-can-help li {
  position: relative;
  display: block;
}
#block-block-61 ul.we-can-help li .glyphicon {
  left: 10px;
  position: absolute;
  text-align: center;
  width: 1em;
  line-height: 225%;
}
  
#block-block-61 ul.we-can-help li a {
  position: relative;
  display: block;
  padding: 5px 5px 5px 2em;
}

/* Mini-donation block */
#block-block-35 {
  padding-top: 1em;
  padding-bottom: 1em;
}

#block-block-35 .block-content .form-title {
  font-size: 3.5em;
  margin-top: 10px;
}
#block-block-35 .block-content label.control-label {
  font-size: 2.0em;
}
#block-block-35 .block-content .row, 
#block-block-35 .block-content form {
  margin-top: 1em;
}
#block-block-35 .block-content .form-icon {
  margin-right: 12px;
}
#block-block-35 .block-content #donation-mini-part-a h2,
#block-block-35 .block-content #donation-mini-part-a h3,
#block-block-35 .block-content #donation-mini-part-a h4,
#block-block-35 .block-content #donation-mini-part-a h5,
#block-block-35 .block-content #donation-mini-part-a h6,
#block-block-35 .block-content #donation-mini-part-d h2,
#block-block-35 .block-content #donation-mini-part-d h3,
#block-block-35 .block-content #donation-mini-part-d h4,
#block-block-35 .block-content #donation-mini-part-d h5,
#block-block-35 .block-content #donation-mini-part-d h6 {
  font-family: 'MuseoSlab-100';
  font-weight: 100;
}
#block-block-35 .block-content #donation-mini-part-d {
  border-top: 1px dashed rgba(255,255,255,0.5);
  border-bottom: 1px dashed rgba(255,255,255,0.5);
}
#block-block-35 .block-content #donation-mini-part-d .method-1,
#block-block-35 .block-content #donation-mini-part-d .method-2,
#block-block-35 .block-content #donation-mini-part-d .method-3 {
  border-right: 1px dashed rgba(255,255,255,0.5);
}

#block-block-35 .block-content #donation-mini-part-d h3 {
  font-size: 22px;
}

/* "Navigation" menu for authenticated users */
#block-system-navigation {}
#block-system-navigation h2.block-title {
  border-bottom: 2px solid #8c3232;
  color: #8c3232;
  font-weight: 600;
}
#block-system-navigation .block-content {
}
#block-system-user-menu {}
#block-system-user-menu h2.block-title {
  border-bottom: 2px solid #8c3232;
  color: #8c3232;
  font-weight: 600;
}
#block-system-user-menu .block-content {
  padding-bottom: 12px;
  border-bottom: 2px solid #8c3232;
}



/* Audience menu */
#block-menu-secondary-menu {
  border-color: #ededed;
  border-style: solid;
  border-width: 0 1px 4px 1px;
}
#block-menu-secondary-menu {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #fafafa;
  border-radius: 4px;
}

/**
 * NRD: Treewalk module "prev" and "next" buttons.
 */
.block-treewalk .treewalk-prev-next {
  border-top: 1px solid #e7e6e5;
  padding: 1em 0;
}

.block-treewalk .treewalk-prev-next a.treewalk-prev,
.block-treewalk .treewalk-prev-next a.treewalk-next {
  background: none repeat scroll 0 0 #faf9f8; border: 0 none; border-radius: 0; height: 52px; line-height: 52px; padding: 0 15px; 

  font-family: 'MuseoSlab-500';
  
  font-size: 1.1em;
  border: none;
  
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

/* Footer block and form */
#block-block-37 .social-icon {
  opacity: 0.75;
}
#block-block-37 .social-icon:hover {
  opacity: 1.0;
}
#block-block-37 .social-icon img {
  height: 35px;
  width: 55px;
}
#block-block-37 .social-icon .small {
  font-size: 70%;
}
#block-block-37 fieldset.webform-component--optional-information {
  display: none;
}
#block-block-37 #info-mini-part-a {
  padding-top: 1em;
}
#block-block-37 #info-mini-part-b p {
  margin: 1em 0 2em 0;
}
#block-block-37 #info-mini-part-a .trust-image {
  margin-right: 25px;
  margin-bottom: 25px;
}

/* Sign-up block on front page. */
#block-block-68 {
  text-align: center;
  padding: 0.5em 2em 1.5em 2em;
  /* background-color: #8c1924; */
  background-color: #8c3232;
  color: #fff;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8c3232+0,8c1924+100 */
  background: rgb(140,50,50); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(140,50,50,1) 0%, rgba(140,25,36,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(140,50,50,1) 0%,rgba(140,25,36,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(140,50,50,1) 0%,rgba(140,25,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c3232', endColorstr='#8c1924',GradientType=0 ); /* IE6-9 */
  
  /* border-bottom: 1px solid rgb(135,20,31); */
}
#block-block-68 h2 {
  text-shadow: 1px 1px 3px #400,1px 1px 12px #400;

  font-size: 34px;
  
  color: #fff;
}
#block-block-68 p {
  text-shadow: 1px 1px 3px #400,1px 1px 12px #400;

  font-size: 24px;
  font-weight: 100;
  color: #fff;
}
#block-block-68 p .btn {
  font-size: 20px;
  text-shadow: none;
}
#block-block-68 a {
  color: #eee;
}

#block-block-68 .btn {
}