/**
 * Smooth scrolling on the whole document
 */
html {
    scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

@font-face {
    font-family: 'theseasons';
    src: url('../fonts/theseasons-reg.eot');
    src: url('../fonts/theseasons-reg.eot?#iefix') format('embedded-opentype'),
        url('../fonts/theseasons-reg.woff2') format('woff2'),
        url('../fonts/theseasons-reg.woff') format('woff'),
        url('../fonts/theseasons-reg.ttf') format('truetype'),
        url('../fonts/theseasons-reg.svg#theseasons-reg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Allow to use the same font that the Canva.com one */
.aupot-font-1 {
    font-family: 'theseasons', sans-serif;
    font-weight: normal;
    font-style: normal;
}

/* The "Good to know" services boxes need to be longer to allow three rows of text and prevent responsive awkwardness  */
.aupot-services-box-extended {
    height: 380px;
}

/* Handle the height of the header on scroll to display the content below it */
.aupot-scroll-margin {
    scroll-margin-top: 195px;
}