/* =====================================================
   Open Sans - self-hosted web fonts (SIL Open Font License, see OFL.txt)
   Source: https://github.com/googlefonts/opensans

   Three font families are provided:

   1. 'Open Sans'            static cuts, weights 300 / 400 / 500 / 600 / 700 / 800, normal + italic
                             (500 Medium is instantiated from the variable font, Google ships no static Medium)
   2. 'Open Sans Condensed'  static condensed cuts, same weights and styles
   3. 'Open Sans Variable'   variable font, weight axis 300-800, width axis 75%-100%
                             (one file per style; use font-weight / font-stretch freely)

   Usage examples:
     font-family: 'Open Sans', sans-serif;            font-weight: 600;   -> SemiBold
     font-family: 'Open Sans Condensed', sans-serif;  font-weight: 700;   -> Condensed Bold
     font-family: 'Open Sans Variable', sans-serif;   font-weight: 550;   -> any weight in between

   Every @font-face ships WOFF2 (all current browsers) with the original TTF as fallback.
   ===================================================== */

/* ---------- Open Sans (static) ---------- */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('woff2/OpenSans-Light.woff2') format('woff2'),
         url('ttf/OpenSans-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('woff2/OpenSans-LightItalic.woff2') format('woff2'),
         url('ttf/OpenSans-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('woff2/OpenSans-Regular.woff2') format('woff2'),
         url('ttf/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('woff2/OpenSans-Italic.woff2') format('woff2'),
         url('ttf/OpenSans-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('woff2/OpenSans-Medium.woff2') format('woff2'),
         url('ttf/OpenSans-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url('woff2/OpenSans-MediumItalic.woff2') format('woff2'),
         url('ttf/OpenSans-MediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('woff2/OpenSans-SemiBold.woff2') format('woff2'),
         url('ttf/OpenSans-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url('woff2/OpenSans-SemiBoldItalic.woff2') format('woff2'),
         url('ttf/OpenSans-SemiBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('woff2/OpenSans-Bold.woff2') format('woff2'),
         url('ttf/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('woff2/OpenSans-BoldItalic.woff2') format('woff2'),
         url('ttf/OpenSans-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('woff2/OpenSans-ExtraBold.woff2') format('woff2'),
         url('ttf/OpenSans-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url('woff2/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
         url('ttf/OpenSans-ExtraBoldItalic.ttf') format('truetype');
}

/* ---------- Open Sans Condensed (static) ---------- */

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('woff2/OpenSans-CondensedLight.woff2') format('woff2'),
         url('ttf/OpenSans-CondensedLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('woff2/OpenSans-CondensedLightItalic.woff2') format('woff2'),
         url('ttf/OpenSans-CondensedLightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('woff2/OpenSans-CondensedRegular.woff2') format('woff2'),
         url('ttf/OpenSans-CondensedRegular.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('woff2/OpenSans-CondensedItalic.woff2') format('woff2'),
         url('ttf/OpenSans-CondensedItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('woff2/OpenSans-CondensedMedium.woff2') format('woff2'),
         url('ttf/OpenSans-CondensedMedium.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url('woff2/OpenSans-CondensedMediumItalic.woff2') format('woff2'),
         url('ttf/OpenSans-CondensedMediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('woff2/OpenSans-CondensedSemiBold.woff2') format('woff2'),
         url('ttf/OpenSans-CondensedSemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url('woff2/OpenSans-CondensedSemiBoldItalic.woff2') format('woff2'),
         url('ttf/OpenSans-CondensedSemiBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('woff2/OpenSans-CondensedBold.woff2') format('woff2'),
         url('ttf/OpenSans-CondensedBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('woff2/OpenSans-CondensedBoldItalic.woff2') format('woff2'),
         url('ttf/OpenSans-CondensedBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('woff2/OpenSans-CondensedExtraBold.woff2') format('woff2'),
         url('ttf/OpenSans-CondensedExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url('woff2/OpenSans-CondensedExtraBoldItalic.woff2') format('woff2'),
         url('ttf/OpenSans-CondensedExtraBoldItalic.ttf') format('truetype');
}

/* ---------- Open Sans Variable (wght 300-800, wdth 75-100) ---------- */

@font-face {
    font-family: 'Open Sans Variable';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 75% 100%;
    font-display: swap;
    src: url('woff2/OpenSans[wdth,wght].woff2') format('woff2-variations'),
         url('woff2/OpenSans[wdth,wght].woff2') format('woff2'),
         url('ttf/OpenSans[wdth,wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Open Sans Variable';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 75% 100%;
    font-display: swap;
    src: url('woff2/OpenSans-Italic[wdth,wght].woff2') format('woff2-variations'),
         url('woff2/OpenSans-Italic[wdth,wght].woff2') format('woff2'),
         url('ttf/OpenSans-Italic[wdth,wght].ttf') format('truetype-variations');
}