@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Variable.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Italic-Variable.ttf') format('truetype');
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
}

/* =========================================================
   GLOBAL APOLL TYPOGRAPHY
   ========================================================= */

/*
 * Apply Montserrat to normal storefront content.
 *
 * IMPORTANT:
 * We deliberately do NOT use:
 *
 * * {
 *     font-family: ... !important;
 * }
 *
 * because that would destroy Material Icons and other
 * icon-font based elements.
 */

html:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
body:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
button:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
input:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
select:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
textarea:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]) {
    font-family:
        'Montserrat',
        Arial,
        Helvetica,
        sans-serif !important;
}


/* =========================================================
   COMMON TEXT ELEMENTS
   ========================================================= */

body:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
p:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
a:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
span:not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not([class^="icon-"]):not([class*=" icon-"]),
div:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
li:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
ul:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
ol:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
label:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
input:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
textarea:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
select:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
button:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
table:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
th:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
td:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
h1:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
h2:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
h3:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
h4:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
h5:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]),
h6:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not([class^="icon-"]):not([class*=" icon-"]) {
    font-family:
        'Montserrat',
        Arial,
        Helvetica,
        sans-serif !important;
}


/* =========================================================
   APOLL MODULES
   ========================================================= */

.apoll-header,
.apoll-header button,
.apoll-header input,

.apoll-categories,

.apoll-featured,
.apoll-featured button,

.apoll-wide-banner {
    font-family:
        'Montserrat',
        Arial,
        Helvetica,
        sans-serif !important;
}


/* =========================================================
   PRESERVE MATERIAL ICONS
   ========================================================= */

.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
.material-icons-two-tone {
    font-family: 'Material Icons' !important;

    font-weight: normal !important;
    font-style: normal !important;

    letter-spacing: normal !important;
    text-transform: none !important;

    white-space: nowrap !important;
    word-wrap: normal !important;

    direction: ltr !important;

    -webkit-font-feature-settings: 'liga' !important;
    -webkit-font-smoothing: antialiased !important;

    font-feature-settings: 'liga' !important;
}