/*!
 * ===========================
 * 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;
      }
    }
  }
}