.course-post { padding-left: 60px; padding-right: 60px; padding-top: 70px; padding-bottom: 70px; }
@media (max-width: 1079px) { .course-post { padding-left: 50px; padding-left: 50px; } }
@media (max-width: 699px) { .course-post { padding-left: 35px; padding-right: 35px; } }
@media (max-width: 1079px) { .course-post { padding-top: 60px; padding-bottom: 60px; } }
@media (max-width: 699px) { .course-post { padding-top: 55px; padding-bottom: 55px; } }
.course-post .wrap { max-width: var(--wrap-regular); margin-left: auto; margin-right: auto; }
.course-post .course-overview { display: flex; align-items: flex-start; }
@media (max-width: 1079px) { .course-post .course-overview { flex-wrap: wrap; } }
.course-post .course-overview .course-image { width: 60%; padding-left: 90px; }
.course-post .course-overview .course-image .aspect { border-radius: 8px; overflow: hidden; width: 100%; padding-bottom: 56%; height: 0; position: relative; }
.course-post .course-overview .course-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; position: absolute; top: 0; left: 0; }
@media (max-width: 1079px) { .course-post .course-overview .course-image { width: 100%; flex: unset; padding-left: 0; } }
.course-post .course-overview .course-intro { width: 40%; margin-top: 1rem; }
@media (max-width: 1079px) { .course-post .course-overview .course-intro { width: 100%; flex: unset; padding-right: 0; margin-bottom: 40px; } }
.course-post .course-overview .course-intro h2 { font-size: 24px; }
.course-post .course-overview .course-intro .price { margin-bottom: 1.2em; margin-top: 0.3em; }
.course-post .course-overview .course-intro .price > div { font-size: 1.6em; font-weight: bold; color: var(--primary); margin-top: 0.3em; }
.course-post .course-overview .course-intro .action { background: var(--quaternary); border: solid 2px var(--quaternary); width: 100%; text-align: center; }
.course-post .course-overview .course-intro .action:hover { background: var(--primary); border: solid 2px var(--primary); }
.course-post .info-tabs { padding-top: 70px; padding-bottom: 70px; }
@media (max-width: 1079px) { .course-post .info-tabs { padding-top: 60px; padding-bottom: 60px; } }
@media (max-width: 699px) { .course-post .info-tabs { padding-top: 55px; padding-bottom: 55px; } }
.course-post .info-tabs .concertina .entry-content iframe { max-width: 100%; height: auto; aspect-ratio: 16 / 9; }