:root{
    --qep-font-primary: "Sequel Sans", sans-serif;
    --qep-font-display: "Sequel Sans Display", sans-serif;
    --qep-font-headline: "Sequel Sans Headline", sans-serif;
}

/* ============================
   SEQUEL SANS
   ============================ */

@font-face {
    font-family: "Sequel Sans";
    src: url("../fonts/SequelSans-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans";
    src: url("../fonts/SequelSans-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans";
    src: url("../fonts/SequelSans-Book.ttf") format("truetype");
    font-weight: 350;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans";
    src: url("../fonts/SequelSans-BookItalic.ttf") format("truetype");
    font-weight: 350;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans";
    src: url("../fonts/SequelSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans";
    src: url("../fonts/SequelSans-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans";
    src: url("../fonts/SequelSans-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans";
    src: url("../fonts/SequelSans-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans";
    src: url("../fonts/SequelSans-Semi.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans";
    src: url("../fonts/SequelSans-SemiItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans";
    src: url("../fonts/SequelSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans";
    src: url("../fonts/SequelSans-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans";
    src: url("../fonts/SequelSans-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans";
    src: url("../fonts/SequelSans-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* ============================
   DISPLAY
   ============================ */

@font-face {
    font-family: "Sequel Sans Display";
    src: url("../fonts/SequelSans-DisplayLight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans Display";
    src: url("../fonts/SequelSans-DisplayRegular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans Display";
    src: url("../fonts/SequelSans-DisplayMedium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans Display";
    src: url("../fonts/SequelSans-DisplaySemi.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans Display";
    src: url("../fonts/SequelSans-DisplayBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans Display";
    src: url("../fonts/SequelSans-DisplayHeavy.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* ============================
   HEADLINE
   ============================ */

@font-face {
    font-family: "Sequel Sans Headline";
    src: url("../fonts/SequelSans-Headline.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans Headline";
    src: url("../fonts/SequelSans-HeadlineBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans Headline";
    src: url("../fonts/SequelSans-HeadlineHeavy.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sequel Sans Headline";
    src: url("../fonts/SequelSans-HeadlineBlack.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

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

body,
div,
p,
span,
li,
a,
button,
input,
textarea,
select,
label {
    font-family: var(--qep-font-primary);
}

h1,
h2,
h3,
h4,
h5,
h6,
.bde-heading,
.breakdance-heading,
.bde-heading__text,
.breakdance-text-heading {
    font-family: var(--qep-font-display);
}

.headline-font,
.headline-font *,
.qep-headline-font,
.qep-headline-font * {
    font-family: var(--qep-font-headline) !important;
}

/* Prevent WP Admin Bar Issues */

#wpadminbar * {
    font-family: inherit !important;
}

#wpadminbar span.ab-icon {
    font: normal 20px/1 dashicons !important;
}