/* Shared SEO header: uses the exact landing navbar classes/styles. */
.seo-shared-header,
.seo-shared-header a,
.seo-shared-header button,
.seo-shared-header li,
.seo-shared-header span {
  font-family: Sora, sans-serif;
}

.seo-main-logo-link {
  display: flex;
  align-items: center;
}

.seo-main-logo {
  height: 72px;
  width: auto;
  display: block;
}

.seo-shared-header .seo-promotion-dropdown.is-open > .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.seo-shared-header .seo-mobile-auth-row {
  display: none !important;
}

@media (max-width: 1199.98px) {
  .seo-shared-header .navbar {
    min-height: 88px;
  }

  .seo-shared-header .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: calc(100vh - 88px);
    overflow-y: auto;
    padding: 18px 24px 28px;
    background: #04091e;
    box-shadow: 0 24px 50px rgba(0, 0, 0, .32);
  }

  .seo-shared-header .navbar-collapse:not(.show) {
    display: none !important;
  }

  .seo-shared-header .navbar-collapse.show {
    display: block !important;
  }

  .seo-shared-header .navbar-nav {
    width: 100%;
  }

  .seo-shared-header .navbar-nav .dropdown-menu {
    position: static !important;
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0;
    border: 0;
    opacity: 0;
    visibility: hidden;
    transform: none;
    transition: opacity .2s ease;
  }

  .seo-shared-header .seo-promotion-dropdown.is-open > .dropdown-menu {
    height: auto;
    padding: 8px 0 10px 14px;
    opacity: 1;
    visibility: visible;
  }

  .seo-shared-header .seo-mobile-auth-row {
    display: flex !important;
  }

  .seo-shared-header .seo-main-logo {
    height: 60px;
  }
}