.aside__holder {
  @include media-breakpoint-down(md) {
    display: none;
  }
}

.aside-nav {
  padding: 30px 15px;
  background: $gray-bg;
  color: $gray-dark;

  @include media-breakpoint-down(xs) {
    margin-left: -15px;
    margin-right: -15px;
  }

  @include media-breakpoint-down(md) {
    padding: 0;
  }

  @include media-breakpoint-up(lg) {
    border-bottom: 1px solid $gray;
  }

  &__heading {
    font-size: .875rem;
    line-height: 24px;
    margin-bottom: 20px;
    text-transform: uppercase;

    @include media-breakpoint-down(md) {
      display: none;
    }
  }

  &__holder-row {
    @include media-breakpoint-only(md) {
      @include make-row;
    }
  }

  &__holder {
    @include media-breakpoint-down(sm) {
      padding-left: 35px;

      & + & {
        border-top: 1px solid $gray-light;
        margin-top: 15px;
        padding-top: 15px;
      }
    }

    @include media-breakpoint-only(md) {
      @include make-col-ready;
      @include make-col(6);
      padding-left: 50px;

      & + & {
        padding-left: 70px;
        border-left: 1px solid $gray-light;
      }
    }

    @include media-breakpoint-up(lg) {
      & + & {
        border-top: 1px solid $gray-light;
        margin-top: 15px;
        padding-top: 15px;
      }
    }
  }

  &__list {
    color: $gray-dark;
    list-style: none;
    margin: 0;
    padding: 17px 0 0;
  }

  &__title {
    margin-bottom: 0;
  }

  &__item {
    &:not(:last-child) {
      margin: 0 0 15px;
    }
  }

  &__link {
    @include link-primary;
    font-weight: 400;

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

  &__toggle {
    border-bottom: 0;
    padding: 0;
    @include media-breakpoint-up(lg) {
      display: none;
    }
  }

  .accordion {
    border-color: $gray;
    border-style: solid;
    border-width: 0 0 1px;

    @include media-breakpoint-down(sm) {
      padding: 20px 15px;
      border-width: 1px;
    }

    @include media-breakpoint-down(xs) {
      border-width: 1px 0;
    }

    @include media-breakpoint-only(md) {
      padding: 20px 25px;
      border-width: 1px;
    }
  }

  .accordion__header-text {
    margin-bottom: 0;
  }

  .accordion__content {
    padding: 17px 0 0;
  }
}
