/* custom overrides (loaded last) */
/* Fail-safe against the Typekit web-font gate: the template hides all content
   (.wf-loading .blockContent{visibility:hidden}) until the Typekit loader
   swaps wf-loading -> wf-active. That loader is a third-party script that can be
   blocked (mixed-content / CSP / offline), which would leave every text-heavy
   page blank. Keep content visible regardless; the web font still swaps in
   progressively if/when it loads, so the intended design is preserved. */
.wf-loading .siteName,
.wf-loading .pageTitleContent,
.wf-loading .navContent,
.wf-loading .blockContent,
.wf-loading .footerContent {
  visibility: visible !important;
}

@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;
  }
}

/* smaller header logo */
.headerContent .logo img,
.headerContent a.logo img,
.headerContent div.logo img {
  max-width: 150px !important;
}

/* smaller, white footer logo */
.footerContent .block_cb85c47e89f74a4dba1ddf7a55e99c67 img {
  max-width: 150px !important;
  filter: brightness(0) invert(1);
}

/* Newsletter: the embedded Lumistry signup widget renders its own duplicate
   title (h3.lk-title) and description (p.lk-sub), grouped inside .lk-head. The
   section already has our H2 "Sign Up For Our Newsletter" in the adjacent
   .blockText column, so hide the widget's heading block while keeping the email
   field and Subscribe button (.lk-body). Only the header elements are hidden:
   the widget's post-submit confirmation (p.lk-msg "Thanks - you're subscribed!")
   replaces the form and must stay visible. */
#newsletter .lk-head,
#newsletter .blockImg h3.lk-title,
#newsletter .blockImg p.lk-sub {
  display: none !important;
}
#newsletter .lk-msg {
  display: block !important;
}