/* ==========================================
   AVALON INTERMEDIA
   GLOBAL DESIGN SYSTEM
   ========================================== */

/* GLOBAL FONT — JURA */

@import url('https://fonts.googleapis.com/css2?family=Jura:wght@400;500;600;700&display=swap');

/* DESIGN VARIABLES */

:root {
    --avalon-font-primary: 'Jura', sans-serif;

    --avalon-orange: #ff5b00;
    --avalon-dark: #08172c;
    --avalon-white: #ffffff;
    --avalon-gray: #667188;
    --avalon-light: #f5f6f8;
}

/* GLOBAL TYPOGRAPHY */

html {
    font-family: var(--avalon-font-primary);
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-family: var(--avalon-font-primary);
    color: var(--avalon-dark);
    background: var(--avalon-white);
}

button,
input,
textarea,
select {
    font: inherit;
}

h1, h2, h3, h4, h5, h6,
p, a, span, li, label, small {
    font-family: inherit;
}

/* GLOBAL RESPONSIVE FOUNDATION */

*,
*::before,
*::after {
    box-sizing: border-box;
}

img,
video,
svg {
    max-width: 100%;
}

img,
video {
    height: auto;
}

html {
    overflow-wrap: break-word;
}

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


/* AVALON — HEADER & FOOTER COLORS */

.avalon-site-header,
.avalon-site-footer {
    background: #ffffff;
    color: #08172c;
}

.avalon-site-header a,
.avalon-site-footer a {
    color: #08172c;
}