nav.course-material {
  @include clearfix;
  @include box-sizing(border-box);
  background: #f6f6f6;
  border-bottom: 1px solid rgb(200,200,200);
  margin: 0px auto 0px;
  padding: 0px;
  width: 100%;

  .inner-wrapper {
    margin: 0 auto;
    max-width: 1200px;
    width: flex-grid(12);
  }

  ol.course-tabs {
    @include border-top-radius(4px);
    @include clearfix;
    padding: 10px 0 0 0;

    li {
      float: left;
      list-style: none;

      a {
        color: darken($lighter-base-font-color, 20%);
        display: block;
        text-align: center;
        padding: 8px 13px 12px;
        font-size: 14px;
        font-weight: 400;
        text-decoration: none;
        text-shadow: 0 1px rgb(255,255,255);

        &:hover {
          color: $base-font-color;
        }

        &.active {
          background: rgb(255,255,255);
          border: 1px solid rgb(200,200,200);
          border-bottom: 0px;
          @include border-top-radius(4px);
          @include box-shadow(0 2px 0 0 rgba(255,255,255, 1));
          color: $blue;
        }
      }
    }
  }
}

.course-content {
  margin-top: 30px;

  .courseware {
    min-height: 300px;
  }
}

.global {
  .find-courses-button {
    display: none;
  }

  h2 {
    display: block;
    width: 700px;
    float: left;
    font-size: 0.9em;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

    .provider {
      font: inherit;
      font-weight: bold;
      color: #6d6d6d;
    }
  }
}