.nestedNavList {
  display:          block;
  white-space:      nowrap;
  position:         relative;
  z-index:          $zindex-dropdown;
  width:            100%;
  max-height:       0;
  opacity:          0;
  left:             50%;
  transition:       transform .5s ease, opacity .5s ease, max-height 0s linear .4s;
  transform-origin: left top;
  transform:        scale(0, 0) translateX(-50%);
  background-color: $gray-light;
  .navItem {
    padding: 0;
    height:  auto;
    display: block;
    .navLink, .nestLink {
      border-color:  transparent;
      border-radius: 0;

    }
    &:hover {
      & > .navLink, & > .nestLink {
        border-color:     transparent;
        color: white;

        background-color: $brand-primary;
      }

    }
  }
  .navLink {
    margin-left:   0;
    display:       block;
    height:        $smallNavHeight;
    line-height:   1;
    padding-left:  4rem;
    padding-right: 2rem;
    color:         $brand-secondary;
    border-color:  transparent;
    &[aria-current], &:active, &:focus {
      background-color: $brand-secondary;
      color:            white;

    }

  }

  @include media-breakpoint-up($navBreak) {

    position:         absolute;
    top:              calc(50% + #{$navHeight} / 2);
    bottom:           auto;
    width:            auto;
    height:           auto;
    box-shadow:       0 .1rem 2rem -.1rem rgba(0, 0, 0, 0);
    background-color: white;
    margin-top:       0;
    &:hover {
      @include activeNest;
    }
    .navLink {
      padding: 1rem 2rem;
    }
  }

  overflow-y:       hidden;
  padding:          0;
  margin-bottom:    0;
  list-style:       none;
}