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: #dadada;
      border: none;
      border-bottom: 1px solid #c3c3c3;
      font-size: 12px;
      margin: 0;
      // overflow: visible;

      li {
        position: relative;

        &.active {
          font-weight: bold;

          p.subtitle {
            font-weight: normal;
          }

          // &:after {
          //   content: " ";
          //   width: 16px;
          //   height: 16px;
          //   position: absolute;
          //   right: -35px;
          //   top: 7px;
          //   display: block;
          //   background-color: #dadada;
          //   border-top: 1px solid #c3c3c3;
          //   border-right: 1px solid #c3c3c3;
          //   z-index: 99;
          //   @include transform(rotate(45deg));
          // }
        }

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

          &:hover {
            color: #666;
          }

          p {
            margin-bottom: 0;

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