.box-image-text .image {
  min-height: 190px;
  max-height: 190px;
}

.box-image-text .image img {
  max-height: 190px;
  margin: auto;
}

.box-simple {
  min-height: 230px;
}

/* Two-column course layout */
.course-wrap{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}
.course-main{flex:1 1 60%;min-width:300px}
.course-side{flex:0 0 320px}
@media(max-width:800px){
  .course-wrap{flex-direction:column}
  .course-side{width:100%}
}
.course-side-section{margin-bottom:1.25rem}


/* Course sidebar styling */
.course-sidebar{
  font-size:1.5rem;
}

.course-side-image img{
  max-width:100%;
  height:auto;
  display:block;
  margin:0 auto 1rem;
}

.course-side-heading{
  font-size:1.2rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-top:0;
  margin-bottom:.5rem;
}

.course-side-duration{
  margin-bottom:0;
}

.course-side-table{
  width:100%;
  margin-bottom:0;
}

.course-side-table th{
  font-weight:600;
}

.course-side-table th,
.course-side-table td{
  padding:.35rem .5rem;
}

.course-sidebar .btn{
  font-size: 1.75rem;
  border-radius:4px;
}

.course-sidebar .btn-template-main{
  background:var(--primary-accent);
  color:#ffffff;
  border-color:var(--primary-accent);
}

.course-sidebar .btn-template-main:hover,
.course-sidebar .btn-template-main:focus{
  background:var(--button-border);
  border-color:var(--button-border);
  color:#ffffff;
}

.course-sidebar .btn-secondary{
  background:#f6653c;
  border-color:#f6653c;
  color:#ffffff;
}

.course-sidebar .btn-secondary:hover,
.course-sidebar .btn-secondary:focus{
  background:#ca4d2a;
  border-color:#ca4d2a;
  color:#ffffff;
}


/* Courses tabbed catalog styling */
.course-tabs > li > a{
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.course-tabs-content .btn {
  border-radius:4px;
}

.course-tabs > li.active > a,
.course-tabs > li.active > a:focus,
.course-tabs > li.active > a:hover{
  background-color:var(--primary-accent);
  color:#ffffff;
  border-color:var(--primary-accent);
}

@media (max-width: 767px) {
  /* Let course table cells wrap on small screens, overriding Bootstrap's nowrap */
  .course-tabs-content .table-responsive>.course-table>tbody>tr>td,
  .course-tabs-content .table-responsive>.course-table>tbody>tr>th,
  .course-tabs-content .table-responsive>.course-table>tfoot>tr>td,
  .course-tabs-content .table-responsive>.course-table>tfoot>tr>th,
  .course-tabs-content .table-responsive>.course-table>thead>tr>td,
  .course-tabs-content .table-responsive>.course-table>thead>tr>th{
    white-space: normal;
  }
}


/* Course catalogue dropdown sections */
.course-section{
  border:1px solid #e0e0e0;
  border-radius:4px;
  margin:1.5rem 0; /* extra space above and below each dropdown */
  background:#fafafa;
}

.course-section[open]{
  background:#ffffff;
  border-color:var(--primary-accent);
  box-shadow:0 2px 4px rgba(0,0,0,.04);
}

.course-section-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:.75rem 1rem;
  margin:0;
  cursor:pointer;
}

.course-section-title{
  margin:0;
  color:#6e6e6e; /* match standard heading/text color */
}

.course-section-summary::after{
  content:"\25bc"; /* down arrow */
  font-size:.9rem;
  margin-left:.75rem;
  transition:transform .2s ease;
}

.course-section[open] .course-section-summary::after{
  transform:rotate(-180deg);
}

.course-section-body{
  padding:0 1rem 1rem;
}

/* Hide default marker in some browsers */
details.course-section summary::-webkit-details-marker{
  display:none;
}