/**
 * @file
 * HABD course page. Library beauty/habd.profile.course, theme group, weight
 * 44. Only what differs from the kit.
 */

/* The course photo is a background, further back than a salon's. */
.habd.habd .habd-profile--course .habd-hero-profile__media img,
.habd-profile--course .habd.habd .habd-hero-profile__media img {
  opacity: 0.4;
}
@media (max-width: 640px) {
  .habd.habd .habd-profile--course .habd-hero-profile__media img,
  .habd-profile--course .habd.habd .habd-hero-profile__media img {
    opacity: 0.16;
  }
}

/* Entry requirements and additional information, side by side. */
.habd.habd .habd-course-entry__cards {
  display: grid;
  grid-template-columns: repeat(var(--habd-cols, 2), minmax(0, 1fr));
  gap: 20px;
}
.habd .habd-course-entry__card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  padding: 32px 34px;
  border-top: 3px solid var(--habd-forest);
  border-radius: var(--habd-radius-l);
  background: var(--habd-card-bg);
  box-shadow: var(--habd-card-shadow);
}
.habd.habd .habd-course-entry__title {
  font-size: 32px;
  line-height: 1.1;
  color: var(--habd-ink);
}
.habd.habd .habd-course-entry__card .habd-prose {
  font-size: 17px;
}
@media (max-width: 1024px) {
  .habd.habd .habd-course-entry__cards {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 640px) {
  .habd .habd-course-entry__card {
    padding: 22px 20px;
  }
  .habd.habd .habd-course-entry__title {
    font-size: 26px;
  }
}