/* TEM PROBLEMAS DE COMPATIBILIDADE COM NAVEGADORES ANTIGOS */
/*:root {*/
/*    --top-courses-card-header: 222px;*/
/*    --top-courses-card-body: 80px;*/
/*    --top-courses-card-footer: 50px;*/
/*    --top-courses-card-bg-color: white;*/
/*    --top-courses-color-primary: #515151;*/
/*}*/

/* HEADER */
.card.card--custom {
    height: calc(222px + 80px + 50px);
    width: 349px;
}

.card-header.card-header--custom {
    height: 222px;
    background-color: white;
    padding: 0;
}

.card-header.card-header--custom > .card__img {
    width: 100%;
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
    height: 222px;
}

/* MAIN */
.card-body.card-body--custom {
    height: 80px;
    color: #515151;
}

.card-body.card-body--custom > .course-free {
    display: flex;
    justify-content: flex-end;
    color: -webkit-linear-gradient(50deg,#004e6f,#515151);
    font-size: 1.2em;
}

.card-body.card-body--custom .original-price {
    font-size: 11px;
}

.card-body.card-body--custom .current-price,
.card-body.card-body--custom .discount-price {
    font-size: 16px;
}

/* FOOTER */
.card-footer.card-footer--custom {
    height: 50px;
    background-color: white;
    border: none;
}

@media screen and (max-width: 768px) {
    .card.card--custom {
        width: auto;
        height: calc(222px + 50px + 50px);
    }

    .card-body.card-body--custom {
        height: 50px;
    }

    .card-body.card-body--custom .original-price {
        font-size: 10px;
    }
    .card-body.card-body--custom .discount-price {
        font-size: 14px;
    }

    .price {
        flex-direction: column;
    }

    .card-header.card-header--custom {
        height: auto;
        max-height: 222px;
    }

    .card-header.card-header--custom > .card__img {
        height: auto;
        max-height: 222px;
    }
}