/* Brand Update - 01/08/2023 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,700;1,9..40,400;1,9..40,500&display=swap');

@font-face {
    font-family: 'Avenir Next';
    src: url('./assets/font/AvenirNext-Medium.eot');
    src: url('./assets/font/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
        url('./assets/font/AvenirNext-Medium.woff2') format('woff2'),
        url('./assets/font/AvenirNext-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('./assets/font/AvenirNext-Regular.eot');
    src: url('./assets/font/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),
        url('./assets/font/AvenirNext-Regular.woff2') format('woff2'),
        url('./assets/font/AvenirNext-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('./assets/font/AvenirNext-Bold.eot');
    src: url('./assets/font/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'),
        url('./assets/font/AvenirNext-Bold.woff2') format('woff2'),
        url('./assets/font/AvenirNext-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('./assets/font/AvenirNext-DemiBold.eot');
    src: url('./assets/font/AvenirNext-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('./assets/font/AvenirNext-DemiBold.woff2') format('woff2'),
        url('./assets/font/AvenirNext-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
html {
    font-family: 'Avenir Next', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'DM Sans', sans-serif;
    letter-spacing: -.1em;
}

.c-offcanvas.is-open,
.bg-darkgrey {
    background-color: #043659;
}
.bg-darkergrey,
.bg-black {
    background-color: #101820;
}
.footer .footer__bg {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(54.55%, #043659), color-stop(54.55%, #c8d1d3));
    background: linear-gradient(#043659 54.55%, #c8d1d3 54.55%);
}
@media (min-width: 1024px) {
    .footer .footer__bg {
        background: -webkit-gradient(linear, left top, right top, color-stop(50%, #043659), color-stop(50.01%, #c8d1d3));
        background: linear-gradient(90deg, #043659 50%, #c8d1d3 50.01%);
    }
}

.sub-cats {
    
}