/* ==========================================================================
   TABLE OF CONTENTS
   ========================================================================== */

.toc {
  padding: 0 0 1em;
  font-family: $sans-serif-narrow;
  color: $gray;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #fff;
}

.toc__title {
  margin: 0;
  padding: 10px 20px;
  font-family: $sans-serif-narrow;
  font-size: 16px;
  border-bottom: 1px solid $border-color;
}

.toc__menu {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;

  a {
    display: block;
    padding: 10px 20px;
    color: $gray;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.5;
    border-bottom: 1px solid $border-color;

    &:hover {
      color: #000;
      background: $border-color;
    }
  }

  li ul > li a {
    font-weight: normal;
  }

  // hide sub sub links on small screens
  li > ul li {
    display: none;

    @include breakpoint($medium) {
      display: block;
    }
  }
}