/*
* We load this CSS file if the spark has a language that's an RTL lang.
*/

.rtl {
    direction: rtl;
    text-align: right;
}

.rtl,
.font-ar {
    font-family: 'Noto Naskh Arabic', 'Inter', 'Roboto', sans-serif !important;
}

.not-rtl,
.btn,
.tag {
    direction: ltr !important;
    text-align: left !important;
}

.subhead.rtl {
    font-size: 28px;
}

.subhead.small.rtl {
    font-size: 24px;
}

.entry-content-container.rtl {
    font-size: 19px;
}

.fs-14.rtl {
    font-size: 15px !important;
}

@media (max-width: 991.97px) {

    .subhead.rtl {
        font-size: 24px;
    }

    .subhead.small.rtl {
        font-size: 20px;
    }
}