/* ==========================================================================
   Custom Fonts - SFSCMFCO
   Gotham family (headings) + Gotham Condensed family + Apercu Pro (body)
   Only woff2/woff - font-display: swap for PageSpeed
   ========================================================================== */

/* --- Gotham (headings) --- */

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/gotham-light-webfont.woff2') format('woff2'),
         url('../fonts/gotham-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/gothammedium-webfont.woff2') format('woff2'),
         url('../fonts/gothammedium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/gothammedium-italic-webfont.woff2') format('woff2'),
         url('../fonts/gothammedium-italic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/gotham-bold-webfont.woff2') format('woff2'),
         url('../fonts/gotham-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/gotham-bookitalic-webfont.woff2') format('woff2'),
         url('../fonts/gotham-bookitalic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/gotham-black-webfont.woff2') format('woff2'),
         url('../fonts/gotham-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* --- Gotham Condensed (display accents) --- */

@font-face {
    font-family: 'Gotham Condensed';
    src: url('../fonts/gothamcondensed-book-webfont.woff2') format('woff2'),
         url('../fonts/gothamcondensed-book-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Condensed';
    src: url('../fonts/gothamcondensed-medium-webfont.woff2') format('woff2'),
         url('../fonts/gothamcondensed-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Condensed';
    src: url('../fonts/gothamcondensed-bold-webfont.woff2') format('woff2'),
         url('../fonts/gothamcondensed-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* --- Apercu Pro (body) --- */

@font-face {
    font-family: 'Apercu Pro';
    src: url('../fonts/ApercuPro.woff2') format('woff2'),
         url('../fonts/ApercuPro.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Apercu Pro';
    src: url('../fonts/ApercuPro-Italic.woff2') format('woff2'),
         url('../fonts/ApercuPro-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Apercu Pro';
    src: url('../fonts/ApercuPro-Medium.woff2') format('woff2'),
         url('../fonts/ApercuPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Apercu Pro';
    src: url('../fonts/ApercuPro-MediumItalic.woff2') format('woff2'),
         url('../fonts/ApercuPro-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Apercu Pro';
    src: url('../fonts/ApercuPro-Bold.woff2') format('woff2'),
         url('../fonts/ApercuPro-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Apercu Pro';
    src: url('../fonts/ApercuPro-BoldItalic.woff2') format('woff2'),
         url('../fonts/ApercuPro-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Apercu Mono';
    src: url('../fonts/ApercuPro-Mono.woff2') format('woff2'),
         url('../fonts/ApercuPro-Mono.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}