@font-face {
    font-family: "Arla-Human-Bold";
    src: url("../css/fonts/ARLA-Human-Bold.woff2") format('woff2'),
        url("../css/fonts/ARLA-Human-Bold.woff") format('woff'),
        url("../css/fonts/ARLA-Human-Bold.otf") format('opentype'),
        url("../css/fonts/ARLA-Human-Bold.ttf") format('truetype'),
        url("../css/fonts/ARLA-Human-Bold.eot") format('embedded-opentype');
}
@font-face {
    font-family: "Arla-Human-Regular";
    src: url("../css/fonts/ARLA-Human-Regular.woff2") format('woff2'),
        url("../css/fonts/ARLA-Human-Regular.woff") format('woff'),
        url("../css/fonts/ARLA-Human-Regular.otf") format('opentype'),
        url("../css/fonts/ARLA-Human-Regular.ttf") format('truetype'),
        url("../css/fonts/ARLA-Human-Regular.eot") format('embedded-opentype');
}
@font-face {
    font-family: "Arla-Interface-Italic";
    src: url("../css/fonts/ArlaIF_W_It.woff") format('woff'),
        url("../css/fonts/ArlaIF_W_It.ttf") format('truetype'),
        url("../css/fonts/ArlaIF_W_It.eot") format('embedded-opentype');
}
@font-face {
    font-family: "Arla-Interface-Regular";
    src: url("../css/fonts/ArlaIF_W_Rg.woff") format('woff'),
        url("../css/fonts/ArlaIF_W_Rg.ttf") format('truetype'),
        url("../css/fonts/ArlaIF_W_Rg.eot") format('embedded-opentype');
}
@font-face {
    font-family: "Arla-Strong-Mono";
    src: url("../css/fonts/ARLASTRONG-Mono.woff2") format('woff2'),
        url("../css/fonts/ARLASTRONG-Mono.woff") format('woff'),
        url("../css/fonts/ARLASTRONG-Mono.otf") format('opentype'),
        url("../css/fonts/ARLASTRONG-Mono.ttf") format('truetype');
}
@font-face {
    font-family: "Arla-Strong-Regular";
    src: url("../css/fonts/ARLASTRONG-Regular.woff2") format('woff2'),
        url("../css/fonts/ARLASTRONG-Regular.woff") format('woff'),
        url("../css/fonts/ARLASTRONG-Regular.otf") format('opentype'),
        url("../css/fonts/ARLASTRONG-Regular.ttf") format('truetype');
}

body,
input,
select,
textarea,
button,
.button,
.btn {
    font-family: "Arla-Interface-Regular", Avenir, Roboto, Calibri, sans-serif;
}

/* Platform headings (h1–h6) don't pick up body's font — an intermediate platform container
   resets font-family — so force the Arla font on them. Covers the login "Panelist's Login"
   heading and the app-page section titles. The `heading *` part catches heading text wrapped
   in a child <span>. */
#container_12 :is(h1, h2, h3, h4, h5, h6),
#container_12 :is(h1, h2, h3, h4, h5, h6) * {
    font-family: "Arla-Interface-Regular", Avenir, Roboto, Calibri, sans-serif !important;
}