/* =========================================================
   Custom Fonts – Sylvie Thümmler
   ========================================================= */

@font-face {
  font-family: "Superclarendon";
  src: url("../fonts/Superclarendon-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Host Grotesk */
@font-face {
  font-family: "Host Grotesk";
  src: url("../fonts/HostGrotesk-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Host Grotesk";
  src: url("../fonts/HostGrotesk-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Host Grotesk";
  src: url("../fonts/HostGrotesk-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Host Grotesk";
  src: url("../fonts/HostGrotesk-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Host Grotesk";
  src: url("../fonts/HostGrotesk-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Host Grotesk";
  src: url("../fonts/HostGrotesk-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Host Grotesk";
  src: url("../fonts/HostGrotesk-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* =========================================================
   Global Typography
   ========================================================= */

body {
  font-family: "Host Grotesk", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.6;
}

h1, h2, h3,
.sppb-addon-title,
.sp-page-title-heading {
  font-family: "Superclarendon", Georgia, serif;
  font-weight: 300;
  line-height: 1.1;
}

h4, h5, h6,
strong, b,
.btn, button,
.sp-megamenu-parent > li > a {
  font-family: "Host Grotesk", Arial, sans-serif;
}