.Adp-header {
  background-color: $black;
  position: relative;
  left: 0;
  right: 0;
  width: 100%;

  font-family: Spezia;
  font-size: 14px;
  line-height: 20px;
}

.Adp-header__nav {
  top: 0;
  bottom: 62.37%;
  height: 36px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 6px;

  .Vlt-icon {
    height: 8px;
    width: 8px;
  }

  a {
    margin-right: 32px;
  }

  #signup {
    background-color: $purple;
    margin: 0;
  }

  #locale-switcher {
    margin-right: 32px;

    button {
      height: 20px;
      min-height: unset;
      padding: 0;
      font-weight: inherit;
    }

    .Vlt-dropdown__panel__content {
      background: $black;
      color: $grey;
      box-shadow: inset 0 0 0 1px $black, 0 2px 5px rgba(0, 0, 0, 15%);
    }

    .Vlt-dropdown__link {
      color: inherit;
    }
  }
}

.Adp-header__sub {
  bottom: 0;
  top: 34.41%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;

  @media #{$S-only} {
    padding: 0 18px;
  }

  .logo {
    height: 28px;
    align-self: center;
    padding: 0 72px 0 24px;

    @media #{$S-only} {
      padding: 0 72px 0 0;
    }
  }

  nav {
    display: flex;
  }

  .Vlt-tabs__link {
    padding: 0;
    margin-right: 40px;

    &:active {
      background-color: $black !important;
    }

    &:focus {
      background-color: $black !important;
    }

    @media #{$S-only} {
      padding: 0;
      width: 100%;
      min-height: 60px;
      display: flex;
      flex-direction: column;
      justify-content: center;

      &-menu {
        align-items: flex-start;
      }
    }

    p {
      margin: 0;
      display: inline;
    }

    a {
      line-height: 24px;

      &:hover {
        text-decoration: none;
      }
    }

    button:hover {
      text-decoration: none;
    }

    svg {
      height: 15px;
      width: 15px;
    }

    &:after {
      background: none;
    }
  }

  &__menu {
    display: flex;
    align-items: center;
    line-height: 24px;
  }

  .Vlt-topmenu {
    width: 100%;
    visibility: hidden;
    z-index: 100002;
    display: block;
    position: absolute;
    left: 0;
    overflow: hidden;
    min-width: 130px;

    @media #{$S-only} {
      display: flex;
      flex-direction: column;
    }

    &-active {
      visibility: visible;

      @media #{$S-only} {
        position: static;
      }

      .Vlt-tabs__link-menu b {
        text-decoration: underline;
      }
    }
  }

  .Adp-header__sub__menu {
    @media #{$S-only} {
      position: absolute;
      height: 100vh;
      width: 100vw;
      background: $black;
      z-index: 100001;
      top: 60px;
      left: 0;
      display: flex;
      flex-direction: column;
      padding: 50px;
      align-items: flex-start;
    }
  }

  .Vlt-header__backdrop {
    background: black;
    height: 0px;
    position: absolute;
    width: 100%;
    top: 96px;

    &-active {
      height: 250px;
      z-index: 100001;

      @media #{$S-only} {
        display: none;
      }
    }
  }

  .Vlt-topmenu__items {
    height: auto;
    display: flex;
    flex-direction: column;

    @media #{$S-only} {
      align-items: center;
    }

    .Vlt-topmenu__item {
      margin-bottom: 16px;
    }
  }
}

#skip-to-content, #skip-to-navigation {
  left: 67%;
  position: absolute;
  transform: translateY(-2000%);
  transition: transform 0.3s;

  &:focus {
    transform: translateY(0%);
    z-index: 1000;
  }
}

.subnav-logo {
  display: flex;
}