/* ICSUSA Design 0.1.0 — step 3: masthead, menu, phone menu, footer.
   Tokens: navy #1e3c72 · blue #2a5298 · ink #1c2230 · muted #5b6475 · rule #dfe3ea · wash #f5f7fa · tint #eaf0f8 */
@font-face { font-family: "Oswald"; font-style: normal; font-weight: 200 700; font-display: swap;
  src: url("fonts/oswald-latin.woff2") format("woff2"); }
:root { --icsusa-navy:#1e3c72; --icsusa-blue:#2a5298; --icsusa-ink:#1c2230; --icsusa-muted:#5b6475;
  --icsusa-rule:#dfe3ea; --icsusa-wash:#f5f7fa; --icsusa-tint:#eaf0f8; --icsusa-sans: Oswald, "Arial Narrow", sans-serif; }

body { background: #ffffff; }

/* Phone: menu button and slide-in panel */
body .menu-toggle, body .ast-mobile-menu-trigger-minimal { color: #fff; background: transparent; }
body .menu-toggle .ast-mobile-svg, body .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg { fill: #fff; }
body .ast-mobile-popup-drawer .ast-mobile-popup-inner { background: var(--icsusa-navy); }
body .ast-mobile-popup-drawer .main-header-menu, body .ast-mobile-popup-drawer .ast-mobile-popup-content { background: transparent; }
body .ast-mobile-popup-drawer .menu-link {
  color: #fff; font-family: var(--icsusa-sans); font-weight: 500; font-size: 18px;
  text-transform: uppercase; letter-spacing: .06em; border-color: rgba(255,255,255,.15); }
body .ast-mobile-popup-drawer .menu-toggle-close, body .ast-mobile-popup-drawer .ast-mobile-svg { color: #fff; fill: #fff; }

/* Footer */
body .site-footer, body .site-below-footer-wrap, body .site-primary-footer-wrap, body .site-above-footer-wrap {
  background: var(--icsusa-navy); color: #fff; border: 0; }
body .ast-footer-copyright, body .ast-footer-copyright p {
  color: #fff; font-family: var(--icsusa-sans); font-size: 14px; letter-spacing: .02em; line-height: 1.7; text-align: center; margin: 0; }
body .ast-footer-copyright a { color: #fff; }

/* Masthead 0.1.1 — two rows: identity above, menu below. Selectors are specific enough to beat Astra's own. */
html body .site-header .ast-above-header-bar,
html body .site-header .ast-primary-header-bar,
html body .site-header .main-header-bar { background: var(--icsusa-navy); border: 0; box-shadow: none; }
html body .site-header .ast-above-header-bar .site-above-header-wrap { min-height: 96px; }
html body .site-header .ast-primary-header-bar { border-top: 1px solid rgba(255,255,255,.15); }
html body .site-header .ast-primary-header-bar .site-primary-header-wrap { min-height: 52px; }
html body .site-header .site-branding, html body .site-header .ast-site-identity { text-align: left; padding: 0; }
html body .site-header .site-title,
html body .site-header .site-title a,
html body .site-header .site-title a:hover,
html body .site-header .site-title a:focus,
html body .site-header .site-title a:visited {
  color: #fff; font-family: var(--icsusa-sans); font-weight: 500; font-size: 26px; line-height: 1.15;
  text-transform: uppercase; letter-spacing: .04em; text-shadow: none; margin: 0; }
html body .site-header .site-description { color: #c9d4e8; font-family: var(--icsusa-sans); font-size: 15px; letter-spacing: .02em; text-shadow: none; margin: 4px 0 0; }

@media (min-width: 922px) {
  html body .site-header .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link,
  html body .site-header .main-header-menu > .menu-item > .menu-link {
    color: #fff; font-family: var(--icsusa-sans); font-weight: 500; font-size: 15px; line-height: 52px;
    padding: 0 14px; text-transform: uppercase; letter-spacing: .06em; text-shadow: none; background: transparent; }
  html body .site-header .ast-builder-menu-1 .main-header-menu > .menu-item:first-child > .menu-link { padding-left: 0; }
  html body .site-header .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link:hover { color: #c9d4e8; }
  html body .site-header .ast-builder-menu-1 .main-header-menu > .current-menu-item > .menu-link,
  html body .site-header .ast-builder-menu-1 .main-header-menu > .current-page-ancestor > .menu-link,
  html body .site-header .ast-builder-menu-1 .main-header-menu > .current_page_item > .menu-link {
    color: #fff; box-shadow: inset 0 -3px 0 #fff; }
  html body .site-header .main-header-menu .sub-menu { background: var(--icsusa-navy); border-color: rgba(255,255,255,.15); }
  html body .site-header .main-header-menu .sub-menu .menu-link { color: #fff; font-family: var(--icsusa-sans); }
}