/* Shared live header and navigation entrance. */
.legacy-header > nav {
  background: #000;
  color: #fff;
  border-bottom-color: #292929;
}

.legacy-header > nav > .container-custom > div > a span,
.legacy-header > nav > .container-custom > div > .hidden > div > a,
.legacy-header > nav > .container-custom > div > .hidden > div > div > button,
.legacy-header > nav > .container-custom > div > button {
  color: #f5f5f5;
}

.legacy-header > nav > .container-custom > div > a span span,
.legacy-header > nav > .container-custom > div > .hidden > div > a:hover,
.legacy-header > nav > .container-custom > div > .hidden > div > div > button:hover,
.legacy-header > nav > .container-custom > div > .hidden > div > div > button[aria-expanded="true"] {
  color: #ffdb73;
}

.legacy-header > nav :is(a, button):focus-visible {
  outline-color: #ffdb73;
}

.legacy-header #mobile-navigation {
  background: #0d0d0d;
  color: #f5f5f5;
  border-top-color: #323232;
  box-shadow: 0 14px 28px #0005;
}

.legacy-header #mobile-navigation :is(a, button),
.legacy-header #mobile-navigation :is(a, button):hover {
  color: #f5f5f5 !important;
}

.legacy-header #mobile-navigation :is(a, button):hover {
  background: #222;
}

.legacy-header #mobile-navigation :is(.mobile-services-list, .border-t) {
  border-color: #383838;
}

.legacy-header #mobile-navigation a[href="/dashboard"],
.legacy-header #mobile-navigation a[href="/dashboard"]:hover {
  background: #f5f5f5;
  color: #111 !important;
}

.legacy-header #mobile-navigation a[href="/contact"],
.legacy-header #mobile-navigation a[href="/contact"]:hover {
  background: #155ea0;
  color: #fff !important;
}

.legacy-header #desktop-services-menu,
.legacy-header #mobile-navigation {
  animation: octaleads-navigation-drop 240ms cubic-bezier(.2, .7, .25, 1) both;
}

.legacy-header #mobile-navigation .mobile-services-list {
  animation: octaleads-navigation-drop 180ms cubic-bezier(.2, .7, .25, 1) both;
}

@keyframes octaleads-navigation-drop {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .legacy-header #desktop-services-menu,
  .legacy-header #mobile-navigation,
  .legacy-header #mobile-navigation .mobile-services-list {
    animation: none;
  }
}