/*==============================================
   KIMST typography - the single place to change the site fonts.

   Three roles (currently all Jost):
     --kh-font-display  big titles and quotes
     --kh-font-ui       navigation, buttons, labels, card titles
     --kh-font-body     paragraphs and form text

   The Google Fonts <link> in partials/css.hbs must load whatever is named here.
   Loaded after every other stylesheet so these rules win.
===============================================*/

:root {
    --kh-font-display: 'Jost', sans-serif;
    --kh-font-ui: 'Jost', sans-serif;
    --kh-font-body: 'Jost', sans-serif;
}

body {
    font-family: var(--kh-font-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/*---------- Titles ----------*/

/* Home */
body .kh-hero h2.kh-hero__title,
body .kh-pillars h2.kh-pillars__title,
body .kh-why h2.kh-why__title,
body .kh-courses h2.kh-courses__title,
body .kh-testi h2.kh-testi__title,
body .kh-testi blockquote.kh-quote__text,
/* Legacy home sections and inner pages */
body .sec-title h2,
body .sec-title-contact h2,
body.is-inner .sec-title h2,
body.is-inner .sec-title-contact h2,
body .about-style1-text-box .sec-title h3:only-child,
body.is-inner .about-style1-text-box .sec-title h3:only-child,
body.is-inner .breadcrumb-area .title h2,
body.is-inner .team-area .container > h3,
body.is-inner .visa-detail-content .text-box > h2,
body.is-inner .contact-form-area .title h2,
body.is-inner .error-page-area .error-content .title {
    font-family: var(--kh-font-display);
}

/* Some titles wrap their highlighted words in a <span> that the old template gave its own font: follow the heading */
body .sec-title h2 span,
body .sec-title-contact h2 span,
body.is-inner .sec-title h2 span,
body.is-inner .sec-title-contact h2 span,
body .kh-hero__title em,
body .kh-pillars__title em,
body .kh-why__title em,
body .kh-courses__title em,
body .kh-testi__title em {
    font-family: inherit;
}