_courses.scss

.find-courses, .university-profile {
  background: rgb(252,252,252);
  padding-bottom: 60px;

  header.search {
    background: rgb(240,240,240);
    background-size: cover;
    border-bottom: 1px solid rgb(100,100,100);
    @include box-shadow(inset 0 -1px 8px 0 rgba(0,0,0, 0.2), inset 0 1px 12px 0 rgba(0,0,0, 0.3));
    height: 430px;
    margin-top: -69px;
    width: 100%;

    .inner-wrapper {
      height: 120px;
      margin: 0 auto;
      max-width: 1200px;
      min-width: 760px;
      padding-top: 200px;
      position: relative;
      text-align: center;
      width: flex-grid(12);

      > hgroup {
        background: #FFF;
        background: rgba(255,255,255, 0.93);
        border: 1px solid rgb(100,100,100);
        @include box-shadow(0 4px 25px 0 rgba(0,0,0, 0.5));
        padding: 20px 30px;
        position: relative;
        z-index: 2;
      }

      &.main-search, &.university-search {
        text-align: center;

        hgroup {
          @include inline-block;
        }

        .logo {
          @include inline-block;
          height: 80px;
          margin-right: 30px;
          padding-right: 30px;
          position: relative;
          vertical-align: middle;

          &::after {
            @extend .faded-vertical-divider;
            content: "";
            display: block;
            height: 80px;
            position: absolute;
            right: 0px;
            top: 0px;
          }

          img {
            height: 100%;
          }
        }

        h1 {
          color: $base-font-color;
          font-family: $sans-serif;
          font-style: italic;
          font-weight: 800;
          letter-spacing: 0px;
          text-transform: none;
        }

        h1, h2 {
          @include inline-block;
          letter-spacing: 1px;
          margin-bottom: 0px;
          text-shadow: 0 1px rgba(255,255,255, 0.8);
          vertical-align: middle;
        }
      }
    }
  }

  section.message {
    border-top: 1px solid rgb(220,220,220);
    @include clearfix;
    margin-top: 20px;
    padding-top: 60px;
    @include columns(2 20px);
  }
}