/*
	TQM: Updated 2018-05-21
    Includes improvements for compatibility with current browsers and upgraded CMS.
*/

/*  Open source Open Sans fonts designed by Ascender, from Font Squirrel
    --> https://www.fontsquirrel.com/fonts/list/find_fonts?q[term]=open+sans

    This css file updated 2018-02 to address current browser support
    (we are dropping support for EOT and SVG formats, which are being deprecated in favor of WOFF and TTF)
    and to adhere to current best @font-face syntax practices:
    --> https://css-tricks.com/snippets/css/using-font-face/#article-header-id-2

    Immediately below is a much better way than the default Font Squirrel way...
    We still need to define each element's weight in the main
    styles-global.css file (and any in-page css blocks), but note
    the way that multiple different font-file configurations can share
    the same font-family name. The variations come from the specific font files,
    and the combination of weights and styles used to invoke them.

        'Open Sans'
        The following weights are available in both "normal" and "italic" styles:
        300 = light
        400 = regular
        600 = semibold
        700 = bold
        800 = extrabold

        'Open Sans Condensed'
        Available in regular, italic, and bold
*/

@font-face {
  font-family: "Open Sans";
  src: url(/static-assets/fonts/opensans-light-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-light-webfont.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url(/static-assets/fonts/opensans-lightitalic-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-lightitalic-webfont.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Open Sans";
  src: url(/static-assets/fonts/opensans-regular-webfont.woff) format("woff"),
    url(/static-assets/fonts/opensans-regular-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url(/static-assets/fonts/opensans-italic-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-italic-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Open Sans";
  src: url(/static-assets/fonts/opensans-semibold-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-semibold-webfont.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url(/static-assets/fonts/opensans-semibolditalic-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-semibolditalic-webfont.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Open Sans";
  src: url(/static-assets/fonts/opensans-bold-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-bold-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url(/static-assets/fonts/opensans-bolditalic-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-bolditalic-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Open Sans";
  src: url(/static-assets/fonts/opensans-extrabold-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-extrabold-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url(/static-assets/fonts/opensans-extrabolditalic-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-extrabolditalic-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Open Sans Condensed";
  src: url(/static-assets/fonts/opensans-condlight-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-condlight-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans Condensed";
  src: url(/static-assets/fonts/opensans-condlightitalic-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-condlightitalic-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Open Sans Condensed";
  src: url(/static-assets/fonts/opensans-condbold-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-condbold-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

/* We will leave this legacy section in place, to support pages throughout the site
   that call the fonts by their specific names. But see the section above for a better way. */

@font-face {
  font-family: "OpenSansLight";
  src: url(/static-assets/fonts/opensans-light-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-light-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "OpenSansLightItalic";
  src: url(/static-assets/fonts/opensans-lightitalic-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-lightitalic-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "OpenSansRegular";
  src: url(/static-assets/fonts/opensans-regular-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-regular-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "OpenSansItalic";
  src: url(/static-assets/fonts/opensans-italic-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-italic-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "OpenSansSemibold";
  src: url(/static-assets/fonts/opensans-semibold-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-semibold-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "OpenSansSemiboldItalic";
  src: url(/static-assets/fonts/opensans-semibolditalic-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-semibolditalic-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "OpenSansBold";
  src: url(/static-assets/fonts/opensans-bold-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-bold-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "OpenSansBoldItalic";
  src: url(/static-assets/fonts/opensans-bolditalic-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-bolditalic-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "OpenSansExtrabold";
  src: url(/static-assets/fonts/opensans-extrabold-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-extrabold-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "OpenSansExtraboldItalic";
  src: url(/static-assets/fonts/opensans-extrabolditalic-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-extrabolditalic-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "OpenSansCondensedLight";
  src: url(/static-assets/fonts/opensans-condlight-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-condlight-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "OpenSansCondensedBold";
  src: url(/static-assets/fonts/opensans-condbold-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-condbold-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "OpenSansCondensedLightItalic";
  src: url(/static-assets/fonts/opensans-condlightitalic-webfont.woff) format("woff"),
       url(/static-assets/fonts/opensans-condlightitalic-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}