/* =============================================
Block - Courses
============================================= */
/* =============================================================================
Import me into 'individual' scss partials
============================================================================= */
/* =============================================================================
Functions
============================================================================= */
/* Deep-get sass map
=================================================== */
/* =============================================================================
Mixins
============================================================================= */
/* =================================================
Breakpoints
=================================================== */
/* =============================================================================
Breakpoint definition
============================================================================= */
/* =============================================================================
Config
============================================================================= */
.block-courses__paragraph {
  margin-bottom: calc(4 * var(--baseline));
}
.block-courses__cards .tsl-card__fields-wrap {
  padding: 0 0 calc(4 * var(--baseline));
}

.block-courses .tsl-card__date,
.featherlight-content .tsl-card__date {
  display: block;
  color: var(--colors-brand-1);
}
.block-courses .tsl-card__date[href],
.featherlight-content .tsl-card__date[href] {
  text-decoration: none;
}
.block-courses .tsl-card__date img,
.featherlight-content .tsl-card__date img {
  float: left;
  width: 24px;
  height: auto;
  margin-right: calc(1 * var(--baseline));
}
.block-courses .tsl-card__date span,
.featherlight-content .tsl-card__date span {
  display: inline-block;
  font-weight: 600;
}

/* Modals
=================================================== */
.block-courses__modals {
  display: none;
}

.featherlight-content .block-courses__modal {
  display: flex;
  flex-flow: row nowrap;
  box-shadow: unset;
}
@media all and (max-width: calc(768px - 1px)) {
  .featherlight-content .block-courses__modal {
    flex-wrap: wrap;
  }
}
@media all and (min-width: 768px) {
  .featherlight-content .block-courses__modal .tsl-card__media-wrap {
    flex: 0 0 50%;
    margin-right: calc(4 * var(--baseline));
  }
}
.featherlight-content .block-courses__modal .tsl-card__link {
  width: 100%;
  margin-top: calc(4 * var(--baseline));
  text-align: center;
}
.featherlight-content .block-courses__modal .tsl-card__media {
  margin-bottom: calc(2 * var(--baseline));
}