/*
 * Layout for the dynamic (Nomely-driven) term-dates cards. The card visuals
 * reuse the site's existing .thumbnail/.sticker-round/.caption/.color-* styles;
 * this only handles the flex grid + the programme sub-heading (Berkhamsted).
 */
[data-termdates] .td-cards {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
[data-termdates] .td-card {
  width: 33.333%;
  padding: 0 15px 30px;
}

/* Programme label (e.g. "Term Time" / "Full Year" for Berkhamsted) */
[data-termdates] .td-programme {
  margin: 8px 0 18px;
}
[data-termdates] .td-programme h3 {
  display: inline-block;
  font-weight: 700;
  color: #0b0f1a;
  margin: 0;
  padding-bottom: 6px;
  border-bottom: 3px solid #84bed6;
}

@media (max-width: 767px) {
  [data-termdates] .td-card { width: 100%; }
}