/*
 * Cursalo typography tuning.
 * Gerardo asked for the site typography to be ~20% smaller overall.
 * This overrides the previous enlarged scale without editing the vendor CSS bundle.
 */
html,
body {
    font-size: 14px;
}

body,
button,
input,
select,
textarea {
    line-height: 1.42;
}

.font-8 { font-size: 8px !important; }
.font-10 { font-size: 10px !important; }
.font-12 { font-size: 12px !important; }
.font-13 { font-size: 13px !important; }
.font-14 { font-size: 14px !important; }
.font-15 { font-size: 15px !important; }
.font-16 { font-size: 16px !important; }
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; }
.font-21 { font-size: 21px !important; }
.font-22 { font-size: 22px !important; }
.font-24 { font-size: 24px !important; }
.font-30 { font-size: 30px !important; }
.font-32 { font-size: 32px !important; }
.font-36 { font-size: 36px !important; }
.font-40 { font-size: 40px !important; }
.font-44 { font-size: 44px !important; }
.font-48 { font-size: 48px !important; }
.font-64 { font-size: 64px !important; }

.btn,
.form-control,
.dropdown-menu,
.select2-container,
.tox,
.table,
.accordion,
.course-title,
.course-hero__description,
.text-ellipsis {
    line-height: 1.32;
}

.course-grid-card-1__body,
.course-grid-card-2__body,
.course-row-card-1 {
    font-size: 12px;
    line-height: 1.28;
}

.course-grid-card-1__body .course-title,
.course-grid-card-2__body .course-title,
.course-row-card-1 .course-title {
    font-size: 16px !important;
    line-height: 1.22;
    max-height: 44px;
}

.course-grid-card-1__body .font-12,
.course-grid-card-2__body .font-12,
.course-row-card-1 .font-12 {
    font-size: 10px !important;
}

.course-grid-card-1__body .font-14,
.course-grid-card-2__body .font-14,
.course-row-card-1 .font-14 {
    font-size: 11px !important;
}

.course-grid-card-1__body .font-16,
.course-grid-card-2__body .font-16,
.course-row-card-1 .font-16 {
    font-size: 12px !important;
}

@media (max-width: 767px) {
    html,
    body {
        font-size: 13.2px;
    }

    .font-30 { font-size: 27px !important; }
    .font-32 { font-size: 29px !important; }
    .font-36 { font-size: 31px !important; }
    .font-40 { font-size: 34px !important; }
    .font-44 { font-size: 36px !important; }
    .font-48 { font-size: 38px !important; }
    .font-64 { font-size: 45px !important; }
}