/* ----------- KLINIC SLAB ----------- */
@font-face {
    font-family: 'KlinicSlab';
    src: url('fonts/KlinicSlab/KlinicSlabBook.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KlinicSlab';
    src: url('fonts/KlinicSlab/KlinicSlabBookIt.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'KlinicSlab';
    src: url('fonts/KlinicSlab/KlinicSlabBold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

/* ----------- AVENIR NEXT ----------- */
@font-face {
    font-family: "Avenir Next";
    src: url("fonts/AvenirNext/AvenirNext-Light.woff2") format("woff2"),
         url("fonts/AvenirNext/AvenirNext-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Avenir Next";
    src: url("fonts/AvenirNext/AvenirNext-LightItalic.woff2") format("woff2"),
         url("fonts/AvenirNext/AvenirNext-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Avenir Next";
    src: url("fonts/AvenirNext/AvenirNext-Regular.woff2") format("woff2"),
         url("fonts/AvenirNext/AvenirNext-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Avenir Next";
    src: url("fonts/AvenirNext/AvenirNext-Italic.woff2") format("woff2"),
         url("fonts/AvenirNext/AvenirNext-Italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Avenir Next";
    src: url("fonts/AvenirNext/AvenirNext-Medium.woff2") format("woff2"),
         url("fonts/AvenirNext/AvenirNext-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Avenir Next";
    src: url("fonts/AvenirNext/AvenirNext-MediumItalic.woff2") format("woff2"),
         url("fonts/AvenirNext/AvenirNext-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Avenir Next";
    src: url("fonts/AvenirNext/AvenirNext-Demi.woff2") format("woff2"),
         url("fonts/AvenirNext/AvenirNext-Demi.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Avenir Next";
    src: url("fonts/AvenirNext/AvenirNext-DemiItalic.woff2") format("woff2"),
         url("fonts/AvenirNext/AvenirNext-DemiItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Avenir Next";
    src: url("fonts/AvenirNext/AvenirNext-Bold.woff2") format("woff2"),
         url("fonts/AvenirNext/AvenirNext-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Avenir Next";
    src: url("fonts/AvenirNext/AvenirNext-BoldItalic.woff2") format("woff2"),
         url("fonts/AvenirNext/AvenirNext-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

.weight-300 {
    font-weight: 300;
}

.italic {
    font-style: italic;
}

.avenir {
    font-family: "Avenir Next", monospace;
}

.klinic {
    font-family: 'KlinicSlab', sans-serif;
}