/* Inverted site navigation: brand-blue background with white navigation content. */
.site-header,
.site-header .primary-navigation,
.site-header .primary-navigation-inner {
  background: var(--brand, #173a63);
}

.site-header {
  border-bottom-color: rgba(255, 255, 255, 0.18);
}

.site-header .brand-logo {
  filter: brightness(0) invert(1);
}

.site-header .nav-link,
.site-header .nav-link:visited,
.site-header .nav-link.active,
.site-header .nav-link:hover,
.site-header .nav-link:focus-visible {
  color: #ffffff;
}

.site-header .nav-link.active,
.site-header .nav-link:hover {
  border-bottom-color: #ffffff;
}

.site-header .nav-toggle {
  color: #ffffff;
  background: transparent;
  border-color: rgba(255, 255, 255, 0.7);
}

.site-header .nav-toggle:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
  border-color: #ffffff;
}

.site-header .nav-toggle:focus-visible,
.site-header .nav-link:focus-visible,
.site-header .brand-link:focus-visible,
.site-header .btn-header-cta:focus-visible {
  outline-color: #ffffff;
}

.site-header .btn-header-cta,
.site-header .btn-header-cta:visited {
  color: #ffffff;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.78);
  box-shadow: none;
}

.site-header .btn-header-cta:hover,
.site-header .btn-header-cta:focus-visible {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
  border-color: #ffffff;
  box-shadow: none;
}