/* /assets/css/hc-header.css
   V30.6 HEADER LOCK
   Updated: 2026-01-16
*/

.hc-sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

#hcHeaderRoot, #hcHeaderRoot *{ box-sizing:border-box !important; }

#hcHeaderRoot{
  width:100% !important;
  display:block !important;
  position:relative !important;
  z-index:99990 !important;
  overflow:visible !important;
}

/* Blue background */
#hcHeaderRoot .hc-header-wrap{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background: linear-gradient(180deg, #0b3b57 0%, #06293f 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,.14) !important;
  color:#fff !important;
}

/* Rows */
#hcHeaderRoot .hc-row{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding: 14px 16px !important; /* taller */
}

#hcHeaderRoot .hc-row-top{ border-bottom:1px solid rgba(255,255,255,.10) !important; }
#hcHeaderRoot .hc-row-nav{ border-bottom:1px solid rgba(255,255,255,.10) !important; padding-top:12px !important; padding-bottom:12px !important; }
#hcHeaderRoot .hc-row-strip{ border-bottom:1px solid rgba(255,255,255,.10) !important; padding-top:10px !important; padding-bottom:10px !important; }
#hcHeaderRoot .hc-row-social{ padding-top:10px !important; padding-bottom:12px !important; }

/* Brand */
#hcHeaderRoot .hc-brand{ min-width:260px !important; }
#hcHeaderRoot .hc-brandlink{ text-decoration:none !important; color:#fff !important; display:flex !important; align-items:center !important; }
#hcHeaderRoot .hc-brandname{ font-weight:900 !important; letter-spacing:.2px !important; font-size:20px !important; line-height:1.1 !important; }
#hcHeaderRoot .hc-brandsub{ font-weight:800 !important; font-size:12px !important; opacity:.92 !important; margin-top:2px !important; }

/* Utilities */
#hcHeaderRoot .hc-utils{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  flex: 1 1 auto !important;
  min-width: 420px !important;
}

#hcHeaderRoot .hc-a11y{ display:flex !important; gap:8px !important; align-items:center !important; }

#hcHeaderRoot .hc-a11y-btn{
  appearance:none !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background: rgba(0,0,0,.10) !important;
  color:#fff !important;
  padding:8px 10px !important;
  border-radius:10px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  line-height:1 !important;
}
#hcHeaderRoot .hc-a11y-btn:hover{ background: rgba(255,255,255,.10) !important; }

#hcHeaderRoot .hc-translate-select{
  border:1px solid rgba(255,255,255,.22) !important;
  background: rgba(0,0,0,.10) !important;
  color:#fff !important;
  padding:9px 10px !important;
  border-radius:10px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  min-width: 240px !important;
}
#hcHeaderRoot .hc-translate-select option{ color:#000 !important; }

/* NAV + Dropdowns */
#hcHeaderRoot .hc-nav{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex: 1 1 auto !important;
  min-width: 420px !important;
}

#hcHeaderRoot .hc-navbtn,
#hcHeaderRoot .hc-navlink{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:10px 12px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background: rgba(0,0,0,.10) !important;
  color:#fff !important;
  font-weight:900 !important;
  text-decoration:none !important;
  cursor:pointer !important;
  white-space:nowrap !important;
  line-height:1 !important;
}
#hcHeaderRoot .hc-navbtn:hover,
#hcHeaderRoot .hc-navlink:hover{ background: rgba(255,255,255,.12) !important; }

#hcHeaderRoot .hc-caret{ font-size:11px !important; opacity:.95 !important; }

/* Dropdown container */
#hcHeaderRoot .hc-dd{ position:relative !important; }

#hcHeaderRoot .hc-dd-menu{
  position:absolute !important;
  top: calc(100% + 10px) !important;
  left:0 !important;
  min-width: 260px !important;
  background: #071c2a !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:14px !important;
  padding:8px !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.35) !important;
  display:none !important;
  z-index:99999 !important;
}

#hcHeaderRoot .hc-dd-menu a{
  display:block !important;
  padding:10px 10px !important;
  border-radius:10px !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900 !important;
  border:1px solid transparent !important;
}
#hcHeaderRoot .hc-dd-menu a:hover{
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* SHOW dropdown when JS toggles */
#hcHeaderRoot .hc-dd.is-open .hc-dd-menu{ display:block !important; }

/* Desktop hover ALSO works */
@media (hover:hover){
  #hcHeaderRoot .hc-dd:hover .hc-dd-menu{ display:block !important; }
}

/* Big CTAs row */
#hcHeaderRoot .hc-bigctas{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex: 0 0 auto !important;
  flex-wrap:wrap !important;
}

#hcHeaderRoot .hc-bigcta{
  text-decoration:none !important;
  color:#fff !important;
  font-weight:900 !important;
  padding:12px 16px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  white-space:nowrap !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
}

#hcHeaderRoot .hc-bigcta-home{ background:#173b78 !important; }
#hcHeaderRoot .hc-bigcta-new{ background:#0d5a58 !important; }
#hcHeaderRoot .hc-bigcta-grants{ background:#b0191f !important; } /* deep red */
#hcHeaderRoot .hc-bigcta-reports{ background:#6b4b12 !important; }

#hcHeaderRoot .hc-bigcta:hover{ filter:brightness(1.06) !important; }

/* Contact strip */
#hcHeaderRoot .hc-strip-left{
  color: rgba(255,255,255,.92) !important;
  font-weight:900 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}
#hcHeaderRoot .hc-strip-left a{
  color:#fff !important;
  text-decoration:underline !important;
  font-weight:900 !important;
}
#hcHeaderRoot .hc-sep{ opacity:.85 !important; }
#hcHeaderRoot .hc-dot{ color:#ffcc3a !important; }
#hcHeaderRoot .hc-nmls{ opacity:.95 !important; }

/* Compliance badges/logos */
#hcHeaderRoot .hc-strip-right{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
}

#hcHeaderRoot .hc-logoimg{
  height:22px !important;
  width:auto !important;
  display:inline-block !important;
  background:#fff !important;
  padding:4px 6px !important;
  border-radius:10px !important;
}

#hcHeaderRoot .hc-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background: rgba(0,0,0,.18) !important;
  color:#fff !important;
  font-weight:900 !important;
  font-size:12px !important;
}

/* Social row */
#hcHeaderRoot .hc-social{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}
#hcHeaderRoot .hc-social-link{
  color:#fff !important;
  text-decoration:underline !important;
  font-weight:900 !important;
}
#hcHeaderRoot .hc-social-note{
  opacity:.9 !important;
  font-weight:800 !important;
  font-size:12px !important;
  text-align:right !important;
}

/* Mobile */
@media (max-width: 980px){
  #hcHeaderRoot .hc-row{ flex-wrap:wrap !important; }
  #hcHeaderRoot .hc-utils{ min-width: unset !important; justify-content:flex-start !important; }
  #hcHeaderRoot .hc-nav{ flex-wrap:wrap !important; min-width: unset !important; }
  #hcHeaderRoot .hc-social-note{ text-align:left !important; }
}
