:root {
  --c-carouselBg: #184ebc;
  --c-carouselLines: #acd7ff;
  --c-heroBg: #011f5b;
  --c-heroInnerBg: #184ebc;
  --c-heroBorder: #acd7ff;
  --c-heroBorderOff: rgba(172,215,255,0);
  --c-heroEyebrow: #acd7ff;
  --c-heroTitle: #fff;
  --c-heroLinkList: #184ebc;
  --c-heroLinkListLink: #fff;
  --c-heroStripe: #acd7ff;
  --c-innerHeroStripe: #99d66a;
  --c-heroArrow: #ca1111;
  --c-heroArrowCircle: #ee3a3a;
}

.utility-nav a {
  color: var(--c-white);
}

.header-main--logo {
  width: 7.5rem;
  height: 2.1875rem;
}

.utility-nav a {
  color: var(--c-blue);
}

.utility-nav li:first-child a {
  background-color: var(--c-white);
  border: 0;
}

.utility-nav li:last-child a {
  background-color: var(--c-heroBg);
  border-top-color: var(--c-heroBorder);
  color: var(--c-white);
}

.detail-hero {
  --c-buttonText: #fff;
  --c-button: #184ebc;
  --c-buttonHover: #fff;
  --c-buttonHoverColor: #011f5b;
}

@media (min-width: 768px) {
  .header-main--logo {
    width: 9.0625rem;
    height: 2.8125rem;
  }
}