/* Himalaya rounded typography for the public website. */

@font-face {
    font-family: "Himalaya Sans";
    src: url("/fonts/be-vietnam-pro/BeVietnamPro-Variable.ttf") format("truetype-variations");
    font-display: swap;
    font-style: normal;
    font-weight: 300 800;
}

:root {
    --font-display: "Nunito", "Himalaya Sans", "Be Vietnam Pro", sans-serif;
    --font-heading: var(--font-display);
    --font-body: "Nunito", "Himalaya Sans", "Be Vietnam Pro", "Noto Sans", Arial, sans-serif;
    --hm-serif: var(--font-display);
    --hm-sans: var(--font-body);
}

body.spa-theme,
body.website-classic-body {
    font-family: var(--font-body);
    font-optical-sizing: auto;
    font-synthesis: none;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures;
    text-rendering: optimizeLegibility;
}

body.spa-theme button,
body.spa-theme input,
body.spa-theme select,
body.spa-theme textarea,
body.website-classic-body button,
body.website-classic-body input,
body.website-classic-body select,
body.website-classic-body textarea {
    font-family: var(--font-body);
}

body.spa-theme h1,
body.spa-theme h2,
body.spa-theme h3,
body.spa-theme h4,
body.spa-theme h5,
body.spa-theme h6,
body.website-classic-body h1,
body.website-classic-body h2,
body.website-classic-body h3,
body.website-classic-body h4,
body.website-classic-body h5,
body.website-classic-body h6 {
    font-family: var(--font-display) !important;
    font-optical-sizing: auto;
    font-style: normal;
    letter-spacing: 0 !important;
    text-wrap: balance;
}

body.spa-theme h1,
body.spa-theme h2,
body.website-classic-body h1,
body.website-classic-body h2 {
    font-weight: 700;
    line-height: 1.12;
}

body.spa-theme h3,
body.spa-theme h4,
body.spa-theme h5,
body.spa-theme h6,
body.website-classic-body h3,
body.website-classic-body h4,
body.website-classic-body h5,
body.website-classic-body h6 {
    font-weight: 700;
    line-height: 1.2;
}

.spa-header .navbar-nav .nav-link,
.spa-header .dropdown-item,
.spa-footer,
.mobile-bottom-nav,
.btn,
.form-control,
.form-select,
.website-content-block {
    font-family: var(--font-body);
}

.spa-header .navbar-nav .nav-link,
.spa-header .dropdown-item,
.public-mega-menu__group li a,
.mobile-nav-link,
.btn,
.mobile-bottom-nav {
    font-weight: 600;
    letter-spacing: 0 !important;
}

.website-classic-body :is(
    .section-subtitle,
    .website-franchise-eyebrow,
    .website-services-eyebrow,
    .website-guides-eyebrow,
    .website-promotions-eyebrow,
    .website-article-kicker,
    .website-promotion-detail__eyebrow
) {
    font-family: var(--font-body);
    letter-spacing: 0 !important;
}

.website-content-block blockquote,
.website-article-story__body > p:first-child,
.website-service-story__rich-content > .website-content-block:first-child > p:first-child {
    font-family: var(--font-display);
    font-weight: 600;
}

html[lang="vi"] body {
    font-feature-settings: "kern" 1, "liga" 1;
}

@media (max-width: 767px) {
    body.spa-theme,
    body.website-classic-body {
        -webkit-font-smoothing: antialiased;
    }
}