/* Shared navigation palette: homepage navy, white type and restrained sand accents. */
body > header,
body .site-header,
body .hp-header,
body .hp-header.is-scrolled {
  background: #172b39 !important;
  color: #fff !important;
  border-bottom: 1px solid #ffffff24 !important;
  box-shadow: 0 4px 20px #10212c14;
}
body > .announcement { background: #10212c; color: #e5ebee; }
/* Match every footer to the shared header, including legacy page templates. */
body > footer,
body footer.site-footer,
body footer.hp-footer,
body footer.an-footer {
  background: #172b39 !important;
  color: #fff !important;
}
body > footer :is(a,p,span,address,h2,h3,strong),
body footer.site-footer :is(a,p,span,address,h2,h3,strong) {
  color: #fff !important;
}
body header :is(.brand, .brand-name, .brand-mark, .pd-header-brand, .pd-header-wordmark, .home-brand, .home-brand strong, .hp-brand, .hp-wordmark),
body header nav > a,
body header nav > details > summary,
body header :is(.header-email, .header-whatsapp, .pd-header-email, .pd-header-whatsapp, .hp-header-email, .hp-header-wa) {
  color: #fff !important;
}
body header :is(.brand-caption, .pd-header-caption, .hp-brand-caption, .home-brand small) { color: #bfcdd5 !important; }
body header nav > a:hover,
body header nav > details > summary:hover { color: #d6c5a5 !important; }
body header .pd-nav-current { box-shadow: inset 0 -2px #d6c5a5 !important; }
body header :is(.menu-toggle, .pd-header-toggle, .hp-menu-toggle) span { background: #fff !important; }
body header :is(.nav-dropdown-menu, .hp-dropdown) { background: #fff !important; color: #172b39 !important; }
body header :is(.nav-dropdown-menu, .hp-dropdown) a { color: #172b39 !important; }
body header :is(.nav-dropdown-menu, .hp-dropdown) a:hover { background: #f2f4f4 !important; }
body > header:not([class]) { padding: 24px max(24px, calc((100% - 1240px) / 2)); }
body > header:not([class]) > a { color: #fff; }
@media (max-width: 1100px) {
  body header :is(.main-nav, .pd-header-nav, .hp-nav) { background: #172b39 !important; }
  body header nav > a,
  body header nav > details > summary { border-color: #ffffff20 !important; }
}
