/* ==================================================================
   Authoritative header styling for the archived interior pages.

   Rebuilt from the ground up. Values mirror the 2026 homepage exactly
   (measured from its computed styles). Fonts are self-hosted under
   UNIQUE family names (RielNav, RielTop) pointing at the same woff2
   files the homepage loads successfully -- so no era stylesheet can
   shadow the @font-face or leave the nav falling back to Helvetica.

   New filename (never cached anywhere) to sidestep the stale-CSS trap.
   ================================================================== */

@font-face {
  font-family: 'RielNav';           /* Alata, for the main nav */
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('/wp-content/fonts/Alata-400-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'RielTop';           /* Source Sans Pro, for the top bar */
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('/wp-content/fonts/SourceSansPro-400-latin.woff2') format('woff2');
}

/* ---------- header sits in normal flow (scrolls, like the homepage) ---------- */
#top-header, #main-header,
#top-header.et-fixed-header, #main-header.et-fixed-header {
  position: relative !important;
  top: auto !important;
}

/* ---------- main header geometry ---------- */
#main-header, #main-header.et-fixed-header,
#main-header .container.et_menu_container,
#main-header .logo_container {
  height: 94px !important;
}
#main-header .container.et_menu_container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#main-header #logo, #main-header.et-fixed-header #logo {
  width: auto !important;
  height: auto !important;
  max-height: 94% !important;
  max-width: 100%;
}
#main-header #et-top-navigation,
#main-header.et-fixed-header #et-top-navigation {
  padding-top: 40px !important;
}
#main-header {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

/* ---------- top bar ---------- */
#top-header {
  background-color: #471500 !important;
  color: #fff;
}
/* full width + the 9.75px top padding that vertically centres the row */
#top-header .container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 9.75px 30px 0 !important;
}
#top-header #et-info {
  float: left;
  padding: 0 0 9.75px !important;
  font-size: 13px;
}
#top-header #et-secondary-menu {
  float: right;
}
#top-header #et-secondary-menu > ul { white-space: nowrap; }
#top-header #et-secondary-menu > ul > li { display: inline-block; float: none; }
#top-header #et-secondary-menu > ul > li > a { font-size: 14px; }

/* Source Sans Pro for all top-bar text; white throughout */
#top-header #et-info,
#top-header #et-info a,
#top-header #et-secondary-menu,
#top-header #et-secondary-menu a {
  font-family: 'RielTop', Helvetica, Arial, Lucida, sans-serif !important;
}
#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;
}

/* ---------- main nav (Alata) ---------- */
#main-header #top-menu > li > a {
  font-family: 'RielNav', Helvetica, Arial, Lucida, sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
  padding-bottom: 40px;
}
#main-header #top-menu > li { padding-right: 22px; }

/* Active page (and the dropdown parent of an active child): bold, on-brand.
   Replaces the old blue, which clashed with the site's palette. */
#main-header #top-menu > li.current-menu-item > a,
#main-header #top-menu > li.current-menu-ancestor > a,
#main-header #top-menu > li.current-menu-parent > a {
  font-weight: 700 !important;
  color: rgba(0, 0, 0, 0.6) !important;
}
/* Active item inside the dropdown panel: bold, and drop the blue to match
   its sibling items (which are rgba(0,0,0,0.6)). */
#main-header #top-menu ul.sub-menu li.current-menu-item > a {
  font-weight: 700 !important;
  color: rgba(0, 0, 0, 0.6) !important;
}
/* Hover feedback: a slight darken, no blue, no layout reflow */
#main-header #top-menu > li > a:hover {
  color: rgba(0, 0, 0, 0.9) !important;
}
#main-header #top-menu li ul.sub-menu li a {
  font-family: 'RielNav', Helvetica, Arial, Lucida, sans-serif !important;
  text-transform: none;
  font-size: 14px;
}

/* ---------- content offset (header is in-flow, occupies its own space) ---------- */
#page-container { padding-top: 0 !important; }