/*
  Defines the following official fonts used by Clausion:

  * Lato Hairline   (bold text: Lato Light)
  * Lato Thin       (bold text: Lato)
  * Lato Light      (bold text: Lato Medium)
  * Lato            (bold text: Lato Bold)
  * Lato Medium     (bold text: Lato Heavy)
  * Lato Semibold   (bold text: Lato Black)
  * Lato Heavy      (bold text: Lato Black)
  * Lato Black      (bold text: n/a)

  NB. Please use bold only with font "Lato" and use the other fonts for starker emphasis or lighter outlook

  See preview of fonts: https://fonts.adobe.com/fonts/lato

*/

/*  LATO HAIRLINE  */

@font-face {
  font-family: "Lato Hairline";
  font-weight: normal;
  font-style: normal;
  src: local("Lato Hairline"),
       local("Lato-Hairline"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Hairline.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Hairline.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Hairline.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Hairline.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato Hairline";
  font-weight: normal;
  font-style: italic;
  src: local("Lato Hairline Italic"),
       local("Lato-HairlineItalic"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-HairlineItalic.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-HairlineItalic.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-HairlineItalic.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-HairlineItalic.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato Hairline";
  font-weight: bold;
  font-style: normal;
  src: local("Lato Light"),
       local("Lato-Light"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Light.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Light.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Light.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Light.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato Hairline";
  font-weight: bold;
  font-style: italic;
  src: local("Lato Light Italic"),
       local("Lato-LightItalic"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-LightItalic.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-LightItalic.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-LightItalic.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-LightItalic.ttf") format("truetype");
  font-display: block;
}

/*  LATO THIN  */

@font-face {
  font-family: "Lato Thin";
  font-weight: normal;
  font-style: normal;
  src: local("Lato Thin"),
       local("Lato-Thin"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Thin.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Thin.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Thin.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Thin.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato Thin";
  font-weight: normal;
  font-style: italic;
  src: local("Lato Thin Italic"),
       local("Lato-ThinItalic"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-ThinItalic.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-ThinItalic.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-ThinItalic.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato Thin";
  font-weight: bold;
  font-style: normal;
  src: local("Lato"),
       local("Lato-Regular"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Regular.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Regular.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Regular.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Regular.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato";
  font-weight: bold;
  font-style: italic;
  src: local("Lato Italic"),
       local("Lato-Italic"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Italic.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Italic.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Italic.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Italic.ttf") format("truetype");
  font-display: block;
}

/*  LATO LIGHT  */

@font-face {
  font-family: "Lato Light";
  font-weight: normal;
  font-style: normal;
  src: local("Lato Light"),
       local("Lato-Light"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Light.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Light.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Light.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Light.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato Light";
  font-weight: normal;
  font-style: italic;
  src: local("Lato Light Italic"),
       local("Lato-LightItalic"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-LightItalic.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-LightItalic.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-LightItalic.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-LightItalic.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato Light";
  font-weight: bold;
  font-style: normal;
  src: local("Lato Medium"),
       local("Lato-Medium"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Medium.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Medium.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Medium.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Medium.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato Light";
  font-weight: bold;
  font-style: italic;
  src: local("Lato Medium Italic"),
       local("Lato-MediumItalic"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-MediumItalic.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-MediumItalic.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-MediumItalic.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-MediumItalic.ttf") format("truetype");
  font-display: block;
}

/*  LATO (regular)  */

@font-face {
  font-family: "Lato";
  font-weight: normal;
  font-style: normal;
  src: local("Lato"),
       local("Lato-Regular"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Regular.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Regular.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Regular.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Regular.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato";
  font-weight: normal;
  font-style: italic;
  src: local("Lato Italic"),
       local("Lato-Italic"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Italic.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Italic.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Italic.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Italic.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato";
  font-weight: bold;
  font-style: normal;
  src: local("Lato Bold"),
       local("Lato-Bold"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Bold.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Bold.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Bold.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Bold.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato";
  font-weight: bold;
  font-style: italic;
  src: local("Lato Bold Italic"),
       local("Lato-BoldItalic"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-BoldItalic.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-BoldItalic.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-BoldItalic.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-display: block;
}

/*  LATO MEDIUM  */

@font-face {
  font-family: "Lato Medium";
  font-weight: normal;
  font-style: normal;
  src: local("Lato Medium"),
       local("Lato-Medium"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Medium.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Medium.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Medium.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Medium.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato Medium";
  font-weight: normal;
  font-style: italic;
  src: local("Lato Medium Italic"),
       local("Lato-MediumItalic"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-MediumItalic.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-MediumItalic.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-MediumItalic.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-MediumItalic.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato Medium";
  font-weight: bold;
  font-style: normal;
  src: local("Lato Heavy"),
       local("Lato-Heavy"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Heavy.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Heavy.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Heavy.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Heavy.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato Medium";
  font-weight: bold;
  font-style: italic;
  src: local("Lato Heavy Italic"),
       local("Lato-HeavyItalic"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-HeavyItalic.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-HeavyItalic.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-HeavyItalic.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-HeavyItalic.ttf") format("truetype");
  font-display: block;
}

/*  LATO SEMIBOLD  */

@font-face {
  font-family: "Lato Semibold";
  font-weight: normal;
  font-style: normal;
  src: url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Semibold.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Semibold.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Semibold.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Semibold.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato Semibold";
  font-weight: normal;
  font-style: italic;
  src: local("Lato Semibold Italic"),
       local("Lato-SemiboldItalic"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-SemiboldItalic.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-SemiboldItalic.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-SemiboldItalic.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-SemiboldItalic.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato Semibold";
  font-weight: bold;
  font-style: normal;
  src: local("Lato Black"),
       local("Lato-Black"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Black.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Black.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Black.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Black.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato Semibold";
  font-weight: bold;
  font-style: italic;
  src: local("Lato Black Italic"),
       local("Lato-BlackItalic"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-BlackItalic.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-BlackItalic.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-BlackItalic.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-display: block;
}

/*  LATO HEAVY  */

@font-face {
  font-family: "Lato Heavy";
  font-weight: normal;
  font-style: normal;
  src: local("Lato Heavy"),
       local("Lato-Heavy"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Heavy.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Heavy.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Heavy.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Heavy.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato Heavy";
  font-weight: normal;
  font-style: italic;
  src: local("Lato Heavy Italic"),
       local("Lato-HeavyItalic"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-HeavyItalic.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-HeavyItalic.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-HeavyItalic.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-HeavyItalic.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato Heavy";
  font-weight: bold;
  font-style: normal;
  src: local("Lato Black"),
       local("Lato-Black"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Black.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Black.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Black.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Black.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato Heavy";
  font-weight: bold;
  font-style: italic;
  src: local("Lato Black Italic"),
       local("Lato-BlackItalic"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-BlackItalic.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-BlackItalic.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-BlackItalic.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-display: block;
}

/*  LATO BLACK  */

@font-face {
  font-family: "Lato Black";
  font-weight: normal;
  font-style: normal;
  src: local("Lato Black"),
       local("Lato-Black"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Black.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Black.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Black.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-Black.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Lato Black";
  font-weight: normal;
  font-style: italic;
  src: local("Lato Black Italic"),
       local("Lato-BlackItalic"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-BlackItalic.woff2") format("woff2"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-BlackItalic.woff") format("woff"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-BlackItalic.eot") format("embedded-opentype"),
       url("https://documentation.clausion.com/$web/documentation/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-display: block;
}