/* Source Sans 3: locally hosted, unmodified Adobe fonts (see the bundled OFL). */
@font-face {
    font-family: "Source Sans 3";
    src: url("../fonts/source-sans-3/SourceSans3VF-Upright.ttf.woff2") format("woff2");
    font-style: normal;
    font-weight: 200 900;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans 3";
    src: url("../fonts/source-sans-3/SourceSans3VF-Italic.ttf.woff2") format("woff2");
    font-style: italic;
    font-weight: 200 900;
    font-display: swap;
}

/* Older page-builder content names Source Sans Pro explicitly, sometimes with
   !important. Resolve that legacy family to the same Source Sans 3 files. */
@font-face {
    font-family: "Source Sans Pro";
    src: url("../fonts/source-sans-3/SourceSans3VF-Upright.ttf.woff2") format("woff2");
    font-style: normal;
    font-weight: 200 900;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans Pro";
    src: url("../fonts/source-sans-3/SourceSans3VF-Italic.ttf.woff2") format("woff2");
    font-style: italic;
    font-weight: 200 900;
    font-display: swap;
}

/* Specificity also covers the theme's generated responsive typography rules. */
html:root {
    --whz-font-family: "Source Sans 3", Arial, sans-serif;
    --font-family: var(--whz-font-family);
    --h1-font-family: var(--whz-font-family);
    --h2-font-family: var(--whz-font-family);
    --h3-font-family: var(--whz-font-family);
    --h4-font-family: var(--whz-font-family);
    --h5-font-family: var(--whz-font-family);
    --h6-font-family: var(--whz-font-family);
}

/* Keep each component's existing size, weight and line height. Icon elements,
   pseudo-elements and code blocks retain their own font families. */
body,
h1, h2, h3, h4, h5, h6,
button, input, select, textarea,
.w-btn, .btn {
    font-family: var(--whz-font-family) !important;
}