/** =================== MONTSERRAT =================== **/

/*
!** Montserrat Regular **!
@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  src: url("fonts/Montserrat-Regular.woff2") format("woff2"),
  url("fonts/Montserrat-Regular.woff") format("woff");
}

!** Montserrat Bold **!
@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  font-style: normal;
  src: url("fonts/Montserrat-Bold.woff2") format("woff2"),
  url("fonts/Montserrat-Bold.woff") format("woff");
}

*/
/** Montserrat Thin **/
@font-face {
  font-family: "Montserrat";
  font-weight: 100;
  font-style: normal;
  src: url("fonts/Montserrat-Thin.woff2") format("woff2"),
  url("fonts/Montserrat-Thin.woff") format("woff");
}

/** Montserrat Thin-Italic **/
@font-face {
  font-family: "Montserrat";
  font-weight: 100;
  font-style: italic;
  src: url("fonts/Montserrat-ThinItalic.woff2") format("woff2"),
  url("fonts/Montserrat-ThinItalic.woff") format("woff");
}

/** Montserrat ExtraLight **/
@font-face {
  font-family: "Montserrat";
  font-weight: 200;
  font-style: normal;
  src: url("fonts/Montserrat-ExtraLight.woff2") format("woff2"),
  url("fonts/Montserrat-ExtraLight.woff") format("woff");
}

/** Montserrat ExtraLight-Italic **/
@font-face {
  font-family: "Montserrat";
  font-weight: 200;
  font-style: italic;
  src: url("fonts/Montserrat-ExtraLightItalic.woff2") format("woff2"),
  url("fonts/Montserrat-ExtraLightItalic.woff") format("woff");
}

/** Montserrat Light **/
@font-face {
  font-family: "Montserrat";
  font-weight: 300;
  font-style: normal;
  src: url("fonts/Montserrat-Light.woff2") format("woff2"),
  url("fonts/Montserrat-Light.woff") format("woff");
}

/** Montserrat Light-Italic **/
@font-face {
  font-family: "Montserrat";
  font-weight: 300;
  font-style: italic;
  src: url("fonts/Montserrat-LightItalic.woff2") format("woff2"),
  url("fonts/Montserrat-LightItalic.woff") format("woff");
}



/** Montserrat Regular-Italic **/
@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: italic;
  src: url("fonts/Montserrat-Italic.woff2") format("woff2"),
  url("fonts/Montserrat-Italic.woff") format("woff");
}

/** Montserrat Medium **/
@font-face {
  font-family: "Montserrat";
  font-weight: 500;
  font-style: normal;
  src: url("fonts/Montserrat-Medium.woff2") format("woff2"),
  url("fonts/Montserrat-Medium.woff") format("woff");
}

/** Montserrat Medium-Italic **/
@font-face {
  font-family: "Montserrat";
  font-weight: 500;
  font-style: italic;
  src: url("fonts/Montserrat-MediumItalic.woff2") format("woff2"),
  url("fonts/Montserrat-MediumItalic.woff") format("woff");
}

/*!** Montserrat SemiBold **!
@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  font-style: normal;
  src: url("fonts/Montserrat-SemiBold.woff2") format("woff2"),
  url("fonts/Montserrat-SemiBold.woff") format("woff");
}*/

/** Montserrat SemiBold-Italic **/
@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  font-style: italic;
  src: url("fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"),
  url("fonts/Montserrat-SemiBoldItalic.woff") format("woff");
}



/** Montserrat Bold-Italic **/
@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  font-style: italic;
  src: url("fonts/Montserrat-BoldItalic.woff2") format("woff2"),
  url("fonts/Montserrat-BoldItalic.woff") format("woff");
}

/** Montserrat ExtraBold **/
@font-face {
  font-family: "Montserrat";
  font-weight: 800;
  font-style: normal;
  src: url("fonts/Montserrat-ExtraBold.woff2") format("woff2"),
  url("fonts/Montserrat-ExtraBold.woff") format("woff");
}

/** Montserrat ExtraBold-Italic **/
@font-face {
  font-family: "Montserrat";
  font-weight: 800;
  font-style: italic;
  src: url("fonts/Montserrat-ExtraBoldItalic.woff2") format("woff2"),
  url("fonts/Montserrat-ExtraBoldItalic.woff") format("woff");
}

/** Montserrat Black **/
@font-face {
  font-family: "Montserrat";
  font-weight: 900;
  font-style: normal;
  src: url("fonts/Montserrat-Black.woff2") format("woff2"),
  url("fonts/Montserrat-Black.woff") format("woff");
}

/** Montserrat Black-Italic **/
@font-face {
  font-family: "Montserrat";
  font-weight: 900;
  font-style: italic;
  src: url("fonts/Montserrat-BlackItalic.woff2") format("woff2"),
  url("fonts/Montserrat-BlackItalic.woff") format("woff");
}

:root {
  --body-font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --ekol-font-family-headings: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --ekol-font-weight-headings: 400;
  --ekol-font-weight-normal: 400;
}