/**
 * Styling for EarthBeat section (e.g. header and footer; the global styles outside of the EarthBeat landing page).
 */

/**
 * Header and footer colors.
 */
.earthbeat-domain #header {
  background-color: #f2f2f2;
}

.earthbeat-domain #header .inner {
  padding-top: 1.25rem;
}

.earthbeat-domain .search-toggle .search-text {
  color: #000;
}

.earthbeat-domain #header .menu a {
  color: #329F4C;
}

.earthbeat-domain #header .menu a:hover,
.earthbeat-domain #header .menu a:active,
.earthbeat-domain .menu .megamenu-toggle span:hover {
  color: #33be54;
}

.earthbeat-domain #header #logo {
  width: 85%;
  max-width: 350px;
  padding-left: 0;
}

@media screen and (min-width: 800px) {
  .earthbeat-domain #header #logo {
    max-width: 450px;
  }
  .search-toggle .search-icon {
    border-color: #000;
  }
  .search-toggle .search-icon::after {
    background-color: #000;
  }
}

/**
 * Navigation.
 */
.earthbeat-domain .main-menu-block .menu li::before {
  color: #329F4C;
}
.earthbeat-domain .main-menu-block .menu li.first-link::before {
  display: none; /* Remove divider for first menu item */
}
.earthbeat-domain .main-menu-block .megamenu-toggle span {
  color: #329F4C;
}
.earthbeat-domain .region-megamenu {
  background-color: #f2f2f2;
  border-top: 1px solid #aaa;
  color: #000;
}
#megamenu .menu .menu-item.national-catholic-reporter a {
  color: #2969ae;
}
#megamenu .menu .menu-item.national-catholic-reporter a:hover {
  color: #4287d2;
}
@media all and (min-width: 1000px) {

  /* Megamenu */
  .earthbeat-domain .region-megamenu {
    background-color: #fff;
    border-top: none;
  }
}

/**
 * Free Newsletters area.
 */
.earthbeat-domain #header .free-newsletters-block {
  color: #000;
  background-image: url(../../images/eb-newsletter-icon.png);
}
.earthbeat-domain #header .free-newsletters-block a {
  color: #329F4C;
}

.earthbeat-domain .email-marketing-prefooter-title h2.with-icon {
  background-image: url(../../images/eb-newsletter-icon-with-line.jpg);
  padding-bottom: 1rem;
}

/**
 * Headers & typography.
 */
.earthbeat-domain .menu .megamenu-toggle span,
.earthbeat-domain.node-type-page h1.page-title,
.earthbeat-domain.page-taxonomy-term .page-title h1,
.earthbeat-landingpage .main h2,
.earthbeat-domain.page-taxonomy-term .main h2,
.earthbeat-landingpage .main h4,
.earthbeat-domain.page-taxonomy-term .main h4,
.earthbeat-domain .stories-readers-like-sidebar h2,
.earthbeat-domain .related-content-sidebar h2,
.earthbeat-domain .stories-readers-like-sidebar .views-field-counter,
.earthbeat-domain .ncr-prefooter-recirculation h2 {
  color: #329F4C;
}
.earthbeat-domain.page-taxonomy-term .main h2::before,
.earthbeat-domain.page-taxonomy-term .in-case-you-missed-it .views-field-title::before,
.earthbeat-domain .stories-readers-like-sidebar h2::before,
.earthbeat-domain .related-content-sidebar h2::before,
.earthbeat-domain .ncr-prefooter-recirculation h2::before {
  border-top: 1px solid #329F4C;
}