/* Reusable overview presentation; Bootstrap owns container and column widths. */
.cce-course-overview {
    position: relative;
    z-index: 1;
    margin-top: -6rem;
    margin-bottom: 3rem;
}

.cce-course-overview__card {
    padding: 2.5rem;
    border-radius: 1.75rem;
    background: #fff;
    box-shadow: 0 1.25rem 2rem rgba(0, 0, 0, .2);
    color: #19232b;
}

.cce-course-overview__heading {
    position: relative;
    margin: 0;
    padding: 0 1.25rem 0 1.75rem;
    font: 700 clamp(1.6rem, 2.3vw, 2rem)/1.2 'Open Sans', Arial, sans-serif;
    overflow-wrap: anywhere;
}

.cce-course-overview__heading::before {
    content: '';
    position: absolute;
    inset: .1em auto .1em 0;
    width: .45rem;
    border-radius: 1rem;
    background: var(--cce-primary-red);
}

.cce-course-overview__highlight {
    color: var(--cce-primary-red);
}

.cce-course-overview__description {
    padding-left: 2rem;
    border-left: 2px solid #e1e1e1;
}

.cce-course-overview__description p {
    margin: 0;
    color: #19232b;
    font: 400 1.125rem/1.6 'Open Sans', Arial, sans-serif;
    overflow-wrap: anywhere;
}

@media (max-width: 991.98px) {
    .cce-course-overview__card {
        padding: 2rem;
    }
}

@media (max-width: 767.98px) {
    .cce-course-overview__card {
        padding: 1.75rem 1.5rem;
        border-radius: 1.5rem;
    }

    .cce-course-overview__heading {
        padding-right: 0;
        padding-left: 1.25rem;
        font-size: 1.65rem;
    }

    .cce-course-overview__description {
        margin-top: 1.5rem;
        padding-top: 1.5rem;
        padding-left: 0;
        border-top: 2px solid #e1e1e1;
        border-left: 0;
    }

    .cce-course-overview__description p {
        font-size: 1.0625rem;
    }
}