/*!
 * ===========================
 * Author: Steve Gotthardt
 * Created: 4-2025
 * ===========================
 */

.thumbnail {
  margin: 0 auto;
  max-width: 150px;
  @media screen and (min-width: 480px) {
    max-width: none;
  }
}
.card {
  margin-top: 48px;
  @media screen and (min-width: 960px) {
    margin-top: 0;
  }
  .required,
  .elective {
    h2 {
      font-family:inherit;
      font-size: inherit;
      line-height: inherit;
      color:#00447c;
      font-weight:600;
      margin:inherit;
    }
    ul.courses {
      list-style: none;
      margin: 0;
      li {
        margin: 9px 0 0 28px;
        text-indent: -14px;
        i {
          margin: 0 6px 0 0;
        }
      }
    }
  }
  .elective {
    margin-top: 24px;
  }
}




/*!
 * ===========================
 * Author: Steve Gotthardt
 * Created: 3-2026
 * ===========================
 */

.location-promo .grid .grid__unit {
  padding-right:24px;
  text-align:center;
  @media screen and (min-width:768px) {
    text-align:start;
  }
}

h2.course-table-header,
.course-table .course-header-row,
.course-table .course-row {
  padding:18px 24px;
}
h2.course-table-header {
  font-family: "Barlow Semi Condensed", "Roboto", Helvetica, Arial, sans-serif;
  font-size:18pt;
  line-height:1.3;
  background:#E27508;
  color:white;
  margin:0;
}
.course-table {
  display:grid;
  .course-header-row {
    background:rgba(249,227,206,.5);
    font-weight:600;    
    i {
      margin: 0 6px 0 0;
    }
  }
  .course-row {
    width:100%;
    border-top:1px solid #ededed;
    @media (min-width:960px) {
      display:grid;
      grid-template-columns: 2fr 1fr 1.5fr 161px;
      grid-column-gap: 24px;
      align-items:center;
    }
    @media (min-width:1200px) {
      grid-template-columns: 1.5fr 1fr 2fr 161px;
    }
    .course-date, .course-location {
      @media (min-width:450px) and (max-width:959.99px) {
        display:inline;
      }
    }
    .course-location {
      margin-top:3px;
      @media (min-width:450px) and (max-width:959.99px) {
        &::before {
          content:"| ";
        }
      }
      @media (min-width:960px) {
        margin:0;
      }
    }
    .course-registration {
      padding:12px 0;
      @media (min-width:960px) {
        padding:0;
      }
    }
    .course-price {
      display:flex;
      flex-direction:column;
      margin-top:3px;
      gap:3px;
      @media (min-width:450px) and (max-width:959.99px) {
        flex-direction:row;
        gap:18px;        
      }
      @media (min-width:960px) {
        display:block;
        margin:0;
      }
      @media (min-width:1200px) {
        display:flex;
        flex-direction:row;
        gap:24px;
      }
    }
  }
}