/* custom overrides (loaded last) */
@media (max-width: 767px) {
  .headerAndNavContainer {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
  }
  /* eyebrow (secondary nav) collapses on scroll to reclaim space */
  .secondaryNav {
    overflow: hidden;
    max-height: 300px;
    transition: max-height 0.25s ease, opacity 0.2s ease;
  }
  .secondaryNav.eyebrow-collapsed {
    max-height: 0 !important;
    opacity: 0 !important;
  }
}
/* visually-hidden text: gives the logo-only home <h1> a real, descriptive
   heading for screen readers and SEO without altering the visual design. */
.sc-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/* keyboard skip-to-content link: off-screen until it receives focus, then it
   drops into the top-left corner. Purely additive; no visual change otherwise. */
.sc-skip-link {
  position: absolute !important;
  left: -9999px !important;
  top: 0 !important;
  z-index: 100000 !important;
  padding: 10px 16px !important;
  background: #ffffff !important;
  color: #003a70 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-radius: 0 0 6px 0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}
.sc-skip-link:focus {
  left: 0 !important;
}
/* Newsletter block: the Lumistry signup widget renders its own heading
   (<h3 class="lk-title">) and subtitle (<p class="lk-sub">) inside .lk-head.
   Those duplicate our own "Sign Up For Our Newsletter" <h2>, so hide the
   widget's head — removing the H3 and the p while keeping the H2 and form. */
.lk-head {
  display: none !important;
}