$nav-drawer-height: 593px;

#nav-drawer {
  @include transition(right, 0.3s);
  background: $blue;
  bottom: 0;
  color: $white;
  width: 300px;
  z-index: 4999;

  @include respond-to(medium-up) {
    display: none;
  }

  &[aria-expanded="true"] {
    right: 0;
  }

  &[aria-expanded="false"] {
    @include transition(right, 0.3s);
    display: inline-block;
    right: -300px;
  }

  @media only screen and (min-height: $nav-drawer-height) {
    bottom: initial;
    overflow: hidden;
  }
}

.nav_drawer-nav {
  list-style-type: none;
  margin-bottom: 0;
  padding: $base-padding;
  padding-bottom: 0;
}

.nav_drawer-nav_item {
  @include heading('para-md');

  font-weight: $weight-bold;
  letter-spacing: 2px;
  padding-bottom: 1.6em;
  text-transform: uppercase;

  &:last-of-type {
    padding-bottom: $base-padding;
  }
}

.nav_drawer-nav_item_bottom {
  font-weight: $weight-light;
  letter-spacing: initial;
  padding-bottom: $base-padding;
  text-transform: none;
}

.nav_drawer-break {
  border-bottom: 1px solid $white;
  margin-bottom: $base-padding-large + ($base-padding / 2);
  padding-bottom: $base-padding-large + ($base-padding / 2);
}

.nav_drawer-nav_item_link {
  color: $white;
  text-decoration: none;

  &:hover,
  &:focus {
    text-decoration: underline;
  }
}
