section.course-index {
  @extend .sidebar;
  @extend .tran;

  div#accordion {

    h3 {
      overflow: hidden;
      margin: 0;

      &:last-child {
        @include box-shadow(none);
      }

      &.ui-accordion-header {
        color: #000;

        a {
          font-size: $body-font-size;
          color: lighten($text-color, 10%);
        }

        &.ui-state-hover {
          border: none;
          border-bottom: 1px solid #d3d3d3;
        }

        &.ui-state-active {
          @extend .active;
        }
      }
    }

    ul.ui-accordion-content {
      @include border-radius(0);
      @include box-shadow( inset -1px 0 0 #e6e6e6);
      background: #d6d6d6;
      border: none;
      border-bottom: 1px solid #c3c3c3;
      font-size: 12px;
      margin: 0;
      overflow: hidden;

      li {
        &.active {
          font-weight: bold;
        }

        a {
          text-decoration: none;
          margin-bottom: lh(.5);
          display: block;
          color: #000;

          &:hover {
            color: #666;
          }

          p {
            margin-bottom: 0;

            &.subtitle {
              color: #666;
            }
          }
        }
      }
    }
  }
}
