@font-face {
    font-family: "Montserrat";
    src: url("./Montserrat-Variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("./Montserrat-Italic-Variable.ttf") format("truetype");
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
}

/*
 * Scope: typography belonging to the selected publication.
 * Header, sidebars, footer, related-news cards and share controls
 * keep the site's default Lato.
 */
body.sakhalife-article-font-montserrat .section_single-default .post__top,
body.sakhalife-article-font-montserrat .section_single-default .post__pre-content,
body.sakhalife-article-font-montserrat .section_single-default .post__heading,
body.sakhalife-article-font-montserrat .section_single-default .post__excerpt,
body.sakhalife-article-font-montserrat .section_single-default .container-text,
body.sakhalife-article-font-montserrat .section_single-default .post__news-source,
body.sakhalife-article-font-montserrat .section_single-default .post__photo-source {
    font-family: "Montserrat", "Lato", sans-serif;
}

body.sakhalife-article-font-montserrat .section_single-default .container-text button,
body.sakhalife-article-font-montserrat .section_single-default .container-text input,
body.sakhalife-article-font-montserrat .section_single-default .container-text select,
body.sakhalife-article-font-montserrat .section_single-default .container-text textarea {
    font-family: "Montserrat", "Lato", sans-serif;
}