/* ------------------------------------------------------------------
   2026 header normalisation for recovered pages.

   The recovered pages span Divi 3.0 -> 4.x. Their own era's CSS styles
   the transplanted 2026 header markup structurally, but the sizing and
   colours differ enough to look like a different site (old CSS honours
   the literal width="400" on the logo and paints the top bar Divi-default
   blue). These rules realign the header with the 2026 homepage.

   Scope: header only. Nothing here applies below </header>, so each
   page keeps its own era-appropriate body styling.
   ------------------------------------------------------------------ */

/* Fonts the 2026 header uses, so they don't fall back on older pages */
@font-face {
  font-family: 'Alata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('8c7ab5c8d2-PbytFmztEwbIoceyzqYzQ1OW7l8.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('bf4aa17d70-JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2') format('woff2');
}

/* ---------- geometry ---------- */

/* Logo: preserve aspect ratio; old CSS honours width="400" and squashes it */
#main-header #logo {
  width: auto !important;
  height: auto !important;
  max-height: 94% !important;
  max-width: 100%;
}

#main-header,
#main-header .container.et_menu_container,
#main-header .logo_container {
  height: 94px;
}

#main-header .container.et_menu_container {
  padding-top: 0;
  padding-bottom: 0;
}

#main-header #et-top-navigation {
  padding-top: 40px !important;
}

/* ---------- top bar ---------- */

#top-header {
  background-color: #471500 !important;
  color: #fff;
  min-height: 33px;
  line-height: 33px;
  font-size: 13px;
  font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
}

#top-header,
#top-header a,
#top-header #et-info,
#top-header #et-info a,
#top-header #et-secondary-menu a,
#top-header .et-social-icon a {
  color: #fff;
}

#top-header .container {
  padding-top: 0;
  padding-bottom: 0;
}

#top-header #et-secondary-menu > ul > li > a {
  font-size: 14px;
}

/* ---------- main nav ---------- */

#main-header {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

#main-header #top-menu > li > a {
  font-family: 'Alata', Helvetica, Arial, Lucida, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
}

#main-header #top-menu > li {
  padding-right: 22px;
}

#main-header #top-menu > li.current-menu-item > a,
#main-header #top-menu > li > a:hover {
  color: #2ea3f2;
}

/* ---------- content offset ---------- */

/* Most recovered pages carry et_transparent_nav + et_fixed_nav, so the
   header floats above content that starts at y=0. The original layouts
   compensated with a hero section; recovered pages often don't, leaving
   the first heading under the bar. The shim pins the header stack to a
   known height (33 + 94), so the offset is deterministic. */
body.et_transparent_nav #page-container {
  padding-top: 127px !important;
}

/* Pages without the top bar only need the main header's height */
body.et_transparent_nav:not(.et_secondary_nav_enabled) #page-container {
  padding-top: 94px !important;
}

/* Dropdown items keep the nav face but stay readable on the panel */
#main-header #top-menu li ul.sub-menu li a {
  font-family: 'Alata', Helvetica, Arial, Lucida, sans-serif;
  text-transform: none;
  font-size: 14px;
}