/*
Your custom style

Add your custom styles in this file so it is easier to update the theme.
*/
@font-face {
    font-family: Neue Haas Grotesk Pro;
    src: url(../../assets/fonts/NeueHaasGroteskPro-45Light.eot);
    src: url(../../assets/fonts/NeueHaasGroteskPro-45Light.eot?#iefix) format(embedded-opentype),
        url(../../assets/fonts/NeueHaasGroteskPro-45Light.woff2) format(woff2),
        url(../../assets/fonts/NeueHaasGroteskPro-45Light.woff) format(woff),
        url(../../assets/fonts/NeueHaasGroteskPro-45Light.ttf) format(truetype),
        url(../../assets/fonts/NeueHaasGroteskPro-45Light.svg#NeueHaasGroteskPro-45Light) format(svg);
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Neue Haas Grotesk Pro;
    src: url(../../assets/fonts/NeueHaasGroteskPro-55Roman.eot);
    src: url(../../assets/fonts/NeueHaasGroteskPro-55Roman.eot?#iefix) format(embedded-opentype),
        url(../../assets/fonts/NeueHaasGroteskPro-55Roman.woff2) format(woff2),
        url(../../assets/fonts/NeueHaasGroteskPro-55Roman.woff) format(woff),
        url(../../assets/fonts/NeueHaasGroteskPro-55Roman.ttf) format(truetype),
        url(../../assets/fonts/NeueHaasGroteskPro-55Roman.svg#NeueHaasGroteskPro-55Roman) format(svg);
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Neue Haas Grotesk Pro;
    src: url(../../assets/fonts/NeueHaasGroteskPro-75Bold.eot);
    src: url(../../assets/fonts/NeueHaasGroteskPro-75Bold.eot?#iefix) format(embedded-opentype),
        url(../../assets/fonts/NeueHaasGroteskPro-75Bold.woff2) format(woff2),
        url(../../assets/fonts/NeueHaasGroteskPro-75Bold.woff) format(woff),
        url(../../assets/fonts/NeueHaasGroteskPro-75Bold.ttf) format(truetype),
        url(../../assets/fonts/NeueHaasGroteskPro-75Bold.svg#NeueHaasGroteskPro-75Bold) format(svg);
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}