/* The static export dropped the theme scripts, so the mobile menu cannot be toggled.
   Show it under the header on small screens. */
@media only screen and (max-width: 960px) {
  .header-mobile-navigation,
  .mobile-menu {
    display: block !important;
  }
  .header-mobile-navigation {
    background: #ffffff;
    border-top: 1px solid #e6e6e6;
  }
  #mobile-menu a {
    display: block;
    padding: 12px 18px;
    text-decoration: none;
  }
}

.logo {
  text-align: center;
}
/* Theme options set a 514px line-height to match the original logo.
   The logo file is gone, so that leaves a large empty band. */
#header-wrap,
#header-controls-left,
#header-controls-right,
.mobile-nav-controller-wrap {
  line-height: normal !important;
}
.logo .normal-logo {
  display: inline-block;
  max-height: 168px;
  width: auto;
  height: auto;
  margin: 16px auto;
}
.logo .sticky-logo,
.logo .transparent-logo,
.logo .dark-scheme-logo,
.logo .light-scheme-logo {
  display: none;
}

/* Dark sections use a texture image. Keep the white text readable over it. */
.tatsu-section[data-headerscheme="background--dark"] {
  background-color: #1a5e53;
}
.tatsu-section[data-headerscheme="background--dark"] .tatsu-section-overlay {
  background-color: rgba(26, 94, 83, 0.86);
}
/* July 2019 homepage uses a plain white page, not a texture. */
body.custom-background {
  background-color: #ffffff !important;
  background-image: none !important;
}
#header-inner-wrap {
  background-color: #ffffff !important;
  background-image: none !important;
}
#footer {
  background-color: #1a5e53 !important;
  background-image: none !important;
}

/* The 2019 artwork is the one hero banner. The later copies are hidden. */
.tatsu-SJxxDvfDa9,
.tatsu-H1xFIdAwtc {
  display: none !important;
}

/* The page builder hides images until its script marks them loaded. */
.tatsu-image-lazyload img,
.tatsu-bg-lazyload {
  opacity: 1 !important;
}