_courses.scss

.find-courses, .university-profile {
  background: $course-profile-bg;
  padding-bottom: 60px;

  header.search {
    background: $course-profile-bg;
    background-size: cover;
    @include background-image(url($homepage-bg-image));
    background-position: center top !important;
    border-bottom: 1px solid $border-color-3;
    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: $header_image_margin;
    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: $course-header-bg;
        border: 1px solid $border-color-3;
        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 $border-color-2;
    @include clearfix;
    margin-top: 20px;
    padding-top: 60px;
    @include columns(2 20px);
  }
}