/* Persistent current-page styling for the shared header navigation. */
.nav-menu[data-astro-cid-vxlbulin] > ul[data-astro-cid-vxlbulin] > li[data-astro-cid-vxlbulin] > a.active[data-astro-cid-vxlbulin],
.nav-menu[data-astro-cid-vxlbulin] > ul[data-astro-cid-vxlbulin] > li[data-astro-cid-vxlbulin] > a[aria-current="page"][data-astro-cid-vxlbulin] {
  color: #eb562f;
  font-weight: 700;
}

.nav-menu[data-astro-cid-vxlbulin] > ul[data-astro-cid-vxlbulin] > li[data-astro-cid-vxlbulin] > a.active[data-astro-cid-vxlbulin]::after,
.nav-menu[data-astro-cid-vxlbulin] > ul[data-astro-cid-vxlbulin] > li[data-astro-cid-vxlbulin] > a[aria-current="page"][data-astro-cid-vxlbulin]::after {
  width: 100%;
}

.header-cta.active[data-astro-cid-vxlbulin],
.header-cta[aria-current="page"][data-astro-cid-vxlbulin],
.nav-cta-mobile.active[data-astro-cid-vxlbulin],
.nav-cta-mobile[aria-current="page"][data-astro-cid-vxlbulin] {
  background: #212121;
  color: #fff;
  box-shadow: 0 3px 12px #2121214d;
}

@media (max-width: 900px) {
  .nav-menu[data-astro-cid-vxlbulin] > ul[data-astro-cid-vxlbulin] > li[data-astro-cid-vxlbulin] > a.active[data-astro-cid-vxlbulin],
  .nav-menu[data-astro-cid-vxlbulin] > ul[data-astro-cid-vxlbulin] > li[data-astro-cid-vxlbulin] > a[aria-current="page"][data-astro-cid-vxlbulin] {
    background: #eb562f1a;
    border-left: 3px solid #eb562f;
    border-radius: 0 6px 6px 0;
    padding-left: 0.75rem;
  }

  .nav-menu[data-astro-cid-vxlbulin] .nav-cta-mobile[data-astro-cid-vxlbulin],
  .nav-menu[data-astro-cid-vxlbulin] .nav-cta-mobile[data-astro-cid-vxlbulin]:visited {
    color: #fff;
  }

  .nav-menu[data-astro-cid-vxlbulin] .nav-cta-mobile[data-astro-cid-vxlbulin]:hover,
  .nav-menu[data-astro-cid-vxlbulin] .nav-cta-mobile[data-astro-cid-vxlbulin]:focus-visible {
    background: #212121;
    color: #fff;
    box-shadow: 0 4px 15px #21212140;
    transform: translateY(-2px);
  }
}

/* Keep text readable on every filled orange button state. */
a.btn-primary:hover,
a.btn-primary:focus-visible,
a.btn-contact:hover,
a.btn-contact:focus-visible,
a.btn-learn-more:hover,
a.btn-learn-more:focus-visible,
a.btn-holiday:hover,
a.btn-holiday:focus-visible,
a.cta-btn-primary:hover,
a.cta-btn-primary:focus-visible,
a.header-cta:hover,
a.header-cta:focus-visible {
  color: #fff !important;
}

.header-cta[data-astro-cid-vxlbulin]:hover,
.header-cta[data-astro-cid-vxlbulin]:focus-visible {
  background: #212121;
  color: #fff;
}

.nav-cta-mobile[data-astro-cid-vxlbulin]:focus-visible,
.header-cta[data-astro-cid-vxlbulin]:focus-visible,
a.btn-primary:focus-visible,
a.btn-contact:focus-visible,
a.btn-learn-more:focus-visible,
a.btn-holiday:focus-visible,
a.cta-btn-primary:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}