@font-face {
    font-family: "Open Sans";
    font-weight: 300;
    font-style: normal;
    src:
        url("../fonts/OpenSans-Light-04UFIBm.woff2") format("woff2"),
        url("../fonts/OpenSans-Light-7vOm9yo.woff") format("woff"),
        url("../fonts/OpenSans-Light-96tEv4l.ttf") format("truetype");
}

@font-face {
    font-family: "Open Sans";
    font-weight: 300;
    font-style: italic;
    src:
        url("../fonts/OpenSans-LightItalic-0FE9hg7.woff2") format("woff2"),
        url("../fonts/OpenSans-LightItalic-eE30Hqv.woff") format("woff"),
        url("../fonts/OpenSans-LightItalic-XLwx_kU.ttf") format("truetype");
}

@font-face {
    font-family: "Open Sans";
    font-weight: 400;
    font-style: normal;
    src:
        url("../fonts/OpenSans-Regular-A8yNnEO.woff2") format("woff2"),
        url("../fonts/OpenSans-Regular---7Jbmv.woff") format("woff"),
        url("../fonts/OpenSans-Regular-TjkuN7J.ttf") format("truetype");
}

@font-face {
    font-family: "Open Sans";
    font-weight: 400;
    font-style: italic;
    src:
        url("../fonts/OpenSans-Italic-Bm8NGdJ.woff2") format("woff2"),
        url("../fonts/OpenSans-Italic-LWWEzVf.woff") format("woff"),
        url("../fonts/OpenSans-Italic-bOHHtDA.ttf") format("truetype");
}

@font-face {
    font-family: "Open Sans";
    font-weight: 600;
    font-style: normal;
    src:
        url("../fonts/OpenSans-SemiBold-ziAD6sj.woff2") format("woff2"),
        url("../fonts/OpenSans-SemiBold-S5InQqS.woff") format("woff"),
        url("../fonts/OpenSans-SemiBold-z66qVHD.ttf") format("truetype");
}

@font-face {
    font-family: "Open Sans";
    font-weight: 600;
    font-style: italic;
    src:
        url("../fonts/OpenSans-SemiBoldItalic-iKX3xzp.woff2") format("woff2"),
        url("../fonts/OpenSans-SemiBoldItalic-IJXSMMk.woff") format("woff"),
        url("../fonts/OpenSans-SemiBoldItalic-6eHuF_l.ttf") format("truetype");
}

@font-face {
    font-family: "Open Sans";
    font-weight: 700;
    font-style: normal;
    src:
        url("../fonts/OpenSans-Bold-65SDLpf.woff2") format("woff2"),
        url("../fonts/OpenSans-Bold-yIg2FBm.woff") format("woff"),
        url("../fonts/OpenSans-Bold-ffZEL4Y.ttf") format("truetype");
}

@font-face {
    font-family: "Open Sans";
    font-weight: 700;
    font-style: italic;
    src:
        url("../fonts/OpenSans-BoldItalic-h28lw8J.woff2") format("woff2"),
        url("../fonts/OpenSans-BoldItalic-JLOR0-I.woff") format("woff"),
        url("../fonts/OpenSans-BoldItalic-fmL9740.ttf") format("truetype");
}

.w-body {
    font-family: "Open Sans";
    line-height: 1.5;
    font-size: .875rem;
}
:root {
    --w-line-height: calc(1.2 * var(--text-base-size));
    /* set base values */
    --text-base-size: 1em;
    --text-scale-ratio: 1.2;

    /* type scale */
    --text-xs: calc(1em / (var(--text-scale-ratio) * var(--text-scale-ratio)));
    --text-sm: calc(1em / var(--text-scale-ratio));
    --text-md: calc(1em * var(--text-scale-ratio));
    --text-lg: calc(1em * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-xl: calc(1em * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-xxl: calc(1em * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-xxxl: calc(1em * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio));
}

.w-font-categorytitle {
    font-size: 1.3125rem;
    font-weight: 300;
}

.w-font-homepagesection {

}

.w-font-pagetitle {
    font-size: 1.3125rem;
    font-weight: 300;
}

.w-font-headermenu {

}

.w-font-section {

}

.w-font-bold {
    font-weight: 700;
}
.w-font--light {
    font-weight: 300;
}

.w-font-color--text {
    color: var(--w-color-text);
}
.w-font-color--offblack {
    color: var(--w-color-text-offblack);
}
.w-font-color--offblack--dark {
    color: var(--w-color-text-offblack--dark);
}
.w-font-color--light {
    color: var(--w-color-text--light);
}