/* Layout fixes for the static copy. The old host lost Elementor's per-template stylesheets
   (post-11.css for the header), so the header's three inner columns fell back to 33% each and the
   menu wrapped onto two lines; the dropdown panels were also painted below the hero section. */

/* The header must sit above the page content, otherwise the hero (LayerSlider stacks its layers
   with their own z-indexes) covers the open dropdown panels. */
header.header {
  position: relative;
  z-index: 1000;
}

.main-menu ul li:hover > ul.sub-menu,
.main-menu ul li:hover ul.mega-menu {
  z-index: 1001;
}

/* Desktop header columns: logo / menu / button (Elementor ids of the shared header template). */
@media (min-width: 1025px) {
  header .elementor-element-b9dfa70 > .elementor-container > .elementor-element-07f9db5 {
    width: 22%;
  }
  header .elementor-element-b9dfa70 > .elementor-container > .elementor-element-fd9128f {
    width: 62%;
  }
  header .elementor-element-b9dfa70 > .elementor-container > .elementor-element-2562edd {
    width: 16%;
  }
  header .elementor-element-2562edd .elementor-widget-container {
    text-align: right;
  }

  /* Keep every top-level item on one line. */
  .main-menu > ul {
    white-space: nowrap;
  }
  .main-menu > ul > li {
    margin: 0 11px;
  }
  .main-menu > ul > li:first-child {
    margin-left: 0;
  }
  .main-menu > ul > li:last-child {
    margin-right: 0;
  }
  .main-menu ul.sub-menu a {
    white-space: normal;
  }
}

@media (min-width: 1025px) and (max-width: 1199px) {
  .main-menu a {
    font-size: 15px;
  }
  .main-menu > ul > li {
    margin: 0 8px;
  }
}