/* Course hero content box (page-course.php, page-course-online.php), desktop */

@media screen and (min-width: 767px) {
  .course-subpage .course-info__head__description,
  .course-subpage .course-online__head > .container {
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 20px;
  }

  .course-subpage .course-hero--box {
    background: rgba(0, 0, 0, 0.42);
  }

  /* The box keeps the text readable, so the hero's gradient overlay is left out */
  .course-subpage .course-info__head:has(.course-hero--box)::before,
  .course-subpage .course-online__head:has(.course-hero--box)::before {
    content: none;
  }

  .course-subpage .course-info__head__description {
    max-width: 677px;
  }

  /* Keep the left edge where the theme had it */
  .course-subpage .course-online__head > .container {
    display: block;
    max-width: 641px;
    margin-right: auto;
    margin-left: 110px;
  }

  /* The theme fixes these at 700px */
  .course-subpage .course-info__head__description .course-info__head__description__info,
  .course-subpage .course-online__head > .container .course-online__head__description,
  .course-subpage .course-online__head > .container .course-online__head__description__info {
    width: auto;
    max-width: 100%;
  }

  /* Logos shrink evenly to fit on one row */
  .course-subpage .course-info__head__description .section-hero-header_reviews,
  .course-subpage .course-online__head > .container .section-hero-header_reviews {
    box-sizing: border-box;
    max-width: 100%;
  }

  .course-subpage .course-info__head__description .section-hero-header_reviews .review-rating,
  .course-subpage .course-online__head > .container .section-hero-header_reviews .review-rating {
    flex-wrap: wrap;
  }

  .course-subpage .course-info__head__description .section-hero-header_reviews .review-logos,
  .course-subpage .course-online__head > .container .section-hero-header_reviews .review-logos {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 16px;
    max-width: 100%;
  }

  .course-subpage .course-info__head__description .section-hero-header_reviews .review-logos > a,
  .course-subpage .course-info__head__description .section-hero-header_reviews .review-logos > img,
  .course-subpage .course-online__head > .container .section-hero-header_reviews .review-logos > a,
  .course-subpage .course-online__head > .container .section-hero-header_reviews .review-logos > img {
    flex: 0 1 auto;
    min-width: 0;
  }

  .course-subpage .course-info__head__description .section-hero-header_reviews .review-logos img,
  .course-subpage .course-online__head > .container .section-hero-header_reviews .review-logos img {
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
}

@media screen and (min-width: 767px) and (max-width: 1079px) {
  .course-subpage .course-online__head > .container {
    margin-left: 50px;
  }
}