/*
 * Temporary typography test for Cursalo.
 * Scales the Rocket LMS fixed font utilities by 25%.
 */
html,
body {
    font-size: 17.5px;
}

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

.font-8 { font-size: 10px !important; }
.font-10 { font-size: 12.5px !important; }
.font-12 { font-size: 15px !important; }
.font-13 { font-size: 16.25px !important; }
.font-14 { font-size: 17.5px !important; }
.font-15 { font-size: 18.75px !important; }
.font-16 { font-size: 20px !important; }
.font-18 { font-size: 22.5px !important; }
.font-20 { font-size: 25px !important; }
.font-21 { font-size: 26.25px !important; }
.font-22 { font-size: 27.5px !important; }
.font-24 { font-size: 30px !important; }
.font-30 { font-size: 37.5px !important; }
.font-32 { font-size: 40px !important; }
.font-36 { font-size: 45px !important; }
.font-40 { font-size: 50px !important; }
.font-44 { font-size: 55px !important; }
.font-48 { font-size: 60px !important; }
.font-64 { font-size: 80px !important; }

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

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

.course-grid-card-1__body .course-title,
.course-grid-card-2__body .course-title,
.course-row-card-1 .course-title {
    font-size: 20px !important;
    line-height: 1.25;
    max-height: 50px;
}

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

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

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

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

    .font-30 { font-size: 34px !important; }
    .font-32 { font-size: 36px !important; }
    .font-36 { font-size: 39px !important; }
    .font-40 { font-size: 42px !important; }
    .font-44 { font-size: 45px !important; }
    .font-48 { font-size: 48px !important; }
    .font-64 { font-size: 56px !important; }
}