/* Mobile menu fix.
   style.css hides .main-nav below 900px and shows it when the hamburger adds .is-open, but the later
   "uniform header" patches (header-uniform-final.css, header-final.css) force display:flex !important at
   every width, so on phones the menu was permanently open and the hamburger did nothing visible.
   Desktop (>900px) is untouched. Delete this file + its <link> to revert. */
@media (max-width: 900px) {
  html body[class][class] header.site-header[class][class] .main-nav:not(.is-open),
  html body[class][class] header.site-header[class][class].is-scrolled .main-nav:not(.is-open) { display: none !important; }
  html body[class][class] header.site-header[class][class] .main-nav.is-open { display: flex !important; }
}

/* Homepage only: its hamburger stays visible up to 1180px (see header-final.css), so the same fix applies up to that width. */
@media (max-width: 1180px) {
  html body.home-page[class][class] header.site-header[class][class] .main-nav:not(.is-open),
  html body.home-page[class][class] header.site-header[class][class].is-scrolled .main-nav:not(.is-open) { display: none !important; }
  html body.home-page[class][class] header.site-header[class][class] .main-nav.is-open { display: flex !important; }
}