.vds-sidenav {
  background-color: $gold-200;
  margin-right: 1rem;
  padding: var(--layout-padding);
  font-size: 1.05rem;
  @extend .d-none;
  @extend .d-lg-block;
  @extend .d-print-none;
  @extend .flex-shrink-0;

  ul {
    @extend .sticky-top;
    top: 1rem;
    z-index: 100;

    a {
      font-family: $headings-font-family;
      font-weight: 600;

      &.active {
        color: $gold-600;
      }
    }
  }
}

.vds-mobile-sidenav {
  .locale-icon {
    display: none;
  }
}

.vds-sidenav,
.vds-mobile-sidenav {
  ul {
    @extend .list-unstyled;
    @extend .flex-column;

    li {
      a {
        @extend .text-decoration-none;
      }
    }
  }
}