.vl-accordion--large .vl-toggle--rtl {
  span {
    width: 65%;
    text-align: right;
  }

  .vl-accordion-dropdown {
    direction: ltr;

    .js-vl-select {
      width: 100%;
    }
  }
}

.vl-toggle {
  background-color: $vl-shade-dark;
  color: $vl-white;
  width: 100%;
  vertical-align: middle;
  padding: 1.5rem;

  &--rtl {
    direction: rtl;

    span {
      width: 100%;
      text-align: left;
      margin-right: 10px;
    }

    & > .vl-vi {
      @include vi-u-180deg;
    }
  }
}

.vl-accordion-list {
  &--bordered {
    .vl-accordion-list__item {
      padding: 0;
      border-bottom: 0;

      @include respond-to(medium) {
        padding: 0;
      }

      &:first-child {
        border-top: 0;
      }
    }
  }
}

.vl-accordion {
  border: 0.1rem solid $vl-shade-border;

  &--flex {
    display: flex;
  }

  .vl-link {
    text-transform: uppercase;

    &:hover,
    &:focus {
      color: $vl-black;
      background-color: $vl-shade-border;
      text-decoration: none;
    }
  }

  &--large {
    .vl-accordion-dropdown {
      display: flex;
      width: 35%;
    }

    .vl-accordion__panel {
      margin-top: 0;
    }

    .vl-accordion__content {

      &:nth-child(odd) {
        background-color: $vl-shade-light;
      }
    }

    .vl-accordion__content[aria-hidden="false"] {
      padding-top: 1rem;

      &:not(:last-child) {
        border-bottom: 1px solid $vl-shade-border;
      }
    }
  }
}