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

/******************************************************************************************************************************//*
* Header & footer colors
********************************************************************************************************************************/

.earthbeat-domain .header {
  background-color: #f2f2f2;
  border-bottom: 1px solid #ddd;
  color: #000;
}
.earthbeat-domain .header .region-preheader,
.earthbeat-domain .header .region-preheader a {
  color: #fff;
}
.earthbeat-domain .search-toggle .search-text {
  color: #000;
}
.earthbeat-domain .sticky-page-header .with-slashes li.menu-item:before,
.earthbeat-domain .sticky-page-header .sections-menu .menu-item a,
.earthbeat-domain .header a,
.earthbeat-domain #navigation ul.menu a,
.earthbeat-domain #megamenu ul.menu a {
  color: #329F4C;
}
.earthbeat-domain .sticky-page-header.sticky .cta-nav a:hover,
.earthbeat-domain .sticky-page-header.sticky .sections-menu .menu-item a:hover,
.earthbeat-domain #navigation ul.menu a:hover,
.earthbeat-domain #navigation ul.menu a:active,
.earthbeat-domain .menu .megamenu-toggle span:hover,
.earthbeat-domain #megamenu ul.menu a:hover {
  color: #33be54;
}

/******************************************************************************************************************************//*
* Logo/branding header area
********************************************************************************************************************************/

.earthbeat-domain .header #logo {
  width: 50%;
  max-width: 220px;
  padding-left: 0;
}
.earthbeat-domain .header .ncr-commerce.cart {
  display: none;
}
@media all and (max-width: 999px) {
  .earthbeat-domain .cta-nav.mobile-nav li.menu-item {
    clear: right;
  }
  .earthbeat-domain .cta-nav.mobile-nav li.menu-item a {
    padding: 0.2rem 0;
  }
}
@media screen and (min-width: 800px) {
  .earthbeat-domain .search-toggle .search-icon {
    border-color: #000;
  }
  .earthbeat-domain .search-toggle .search-icon::after {
    background-color: #000;
  }
  .earthbeat-domain .header #logo {
    max-width: 375px;
  }
}
@media all and (min-width: 1000px) {
  .earthbeat-domain .header #logo {
    width: 60%;
  }
  .earthbeat-domain .cta-nav.mobile-nav li.menu-item {
    clear: none;
  }
}

/******************************************************************************************************************************//*
* Sticky branding header
********************************************************************************************************************************/

.earthbeat-domain .header .sticky-page-header.sticky {
  background-color: #eee;
}
.earthbeat-domain .header .sticky-page-header.sticky #logo {
  width: 150px;
}
.earthbeat-domain .sticky-page-header.sticky .cta-nav {
  padding-top: 0.25rem;
}
.earthbeat-domain .sticky-page-header.sticky .constrained {
  margin-top: 0.45rem;
  margin-bottom: 0.1rem;
}

/******************************************************************************************************************************//*
* Navigation
********************************************************************************************************************************/

.earthbeat-domain .mobile-tablet-display .megamenu-toggle > span::before,
.earthbeat-domain .site-branding .mobile-tablet-display a,
.earthbeat-domain .main-menu-block .menu li::before,
.earthbeat-domain .main-menu-block .megamenu-toggle span {
  color: #329F4C;
}
.earthbeat-domain .main-menu-block .menu li.first-link::before {
  display: none; /* Remove divider for first menu item */
}
.earthbeat-domain #megamenu ul.menu li.with-lines li,
.earthbeat-domain #megamenu ul.menu .global-sisters-report {
  border-top-color: rgba(0, 0, 0, 0.08);
}
.earthbeat-domain #megamenu .menu .menu-item.national-catholic-reporter {
  border-top: none;
  padding-top: 0;
}
#megamenu .menu .menu-item.national-catholic-reporter a {
  color: #2969ae;
}
#megamenu .menu .menu-item.national-catholic-reporter a:hover {
  color: #4287d2;
}
#megamenu ul.menu .menu-item.global-sisters-report a {
  color: #480571;
}
#megamenu ul.menu .menu-item.global-sisters-report a:hover {
  color: #70239f;
}

@media all and (min-width: 1000px) {
  .earthbeat-domain #megamenu .menu .menu-item.national-catholic-reporter {
    border-top: 2px solid rgba(112, 112, 112, 0.15);
    padding-top: 0.75rem;
  }
}

/******************************************************************************************************************************//*
* Free Newsletters area
********************************************************************************************************************************/

.earthbeat-domain .header-region .free-newsletters-cta {
  background-image: url(../../images/eb-newsletter-icon.png);
}
.earthbeat-domain .header-region .free-newsletters-cta,
.earthbeat-domain .header .free-newsletters-cta,
.earthbeat-domain .header .free-newsletters-cta a {
  color: #329F4C !important;
}
.earthbeat-domain .email-marketing-prefooter-title h2.with-icon {
  background-image: url(../../images/eb-newsletter-icon-with-line.jpg);
}
@media all and (min-width: 1000px) {
  .earthbeat-domain .header .free-newsletters-cta {
    clear: right;
  }
}

/******************************************************************************************************************************//*
* H1/H2 etc. and typography
********************************************************************************************************************************/

.earthbeat-domain .menu .megamenu-toggle span,
.earthbeat-domain.page-node-type-page h1.page-title,
.earthbeat-domain.page-taxonomy-term .page-title-wrapper 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;
}

.earthbeat-domain .header .search-form.open {
  background-color: #e7e7e7;
}