@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url("https://use.typekit.net/yaw4ucl.css");

/*
@font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 100 1000;
    font-display: swap;
    src: url('/inc/fonts/dm-sans-italic-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 100 1000;
    font-display: swap;
    src: url('/inc/fonts/dm-sans-italic-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 100 1000;
    font-display: swap;
    src: url('/inc/fonts/dm-sans-normal-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 100 1000;
    font-display: swap;
    src: url('/inc/fonts/dm-sans-normal-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*/





:root {
    --font-size: 15px;
    --font-size-sm: 16px;
    --font-size-md: 16px;
    --font-size-lg: 17px;
    --font-size-xl: 17px;
    --font-size-xxl: calc(7px + .5vh + .5vw);
    --font-par: 'Plus Jakarta Sans', sans-serif;
    --font-par-weight: 400;
    --font-strong-weight: 700;
    --font-h1-strong-weight: 600;
    --font-h1-h2: 'scale-variable', sans-serif;
    --font-h3-h6: 'Plus Jakarta Sans', sans-serif;
    --font-h1-weight: 500;
    --font-h2-weight: 500;
    --font-h3-weight: 700;
    --font-h4-h6-weight: 700;

    font-size: var(--font-size);
}
body, input, label, textarea, button, option, select{
    font-family: var(--font-par);
    font-weight: var(--font-par-weight);
    color: var(--col-text);
    outline-color: var(--col-secondary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
p{
    margin-top: 0;
    line-height: 1.4;
    font-weight: var(--font-par-weight);
    margin-bottom: 1rem;
}
h1, .h1, h2, .h2{
    font-family: var(--font-h1-h2);
    line-height: 1.1;
    text-wrap: balance;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;

}
h1, .h1{
    font-size: 2.2em;
    font-weight: var(--font-h1-weight);
    font-variation-settings: "wght" var(--font-h1-weight);
    margin-bottom: 1rem;
}
h2, .h2{
    font-size: 2em;
    font-weight: var(--font-h2-weight);
    font-variation-settings: "wght" var(--font-h2-weight);
    margin-bottom: .5rem;
}
h3, .h3, h4, .h4, h5, .h5{
    font-family: var(--font-h3-h6);
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
h3, .h3{
    font-size: 1.5em;
    font-weight: var(--font-h3-weight);
    font-variation-settings: "wght" var(--font-h3-weight);
    margin-bottom: .5rem;
    line-height: 1;
    text-wrap: balance;
}
h4, .h4{
    font-size: 1.2em;
    font-weight: var(--font-h4-h6-weight);
    font-variation-settings: "wght" var(--font-h4-h6-weight);
    margin-bottom: .15rem;
    line-height: 1.1;
}
h5, .h5{
    font-size: 1em;
    font-weight: var(--font-h4-h6-weight);
    font-variation-settings: "wght" var(--font-h4-h6-weight);
    margin-bottom: .15rem;
    line-height: 1.1;
}
strong, .strong{
    font-weight: var(--font-strong-weight);
}
h1 strong, h1.strong, .h1 strong, .h1.strong {
    font-weight: var(--font-h1-strong-weight);
    font-variation-settings: "wght" var(--font-h1-strong-weight);
}
.bigger, .lead{
    font-size: 1.25em;
}
.small{
    font-size: .85em;
}
.smaller{
    font-size: .7em;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.fw-bold{
    font-weight: var(--font-strong-weight);
}