/* Typography */
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-VariableFont_wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-Italic-VariableFont_wght.woff2")
    format("woff2");
  font-weight: 100 900;
  font-style: italic;
}

/* Global font settings */
html {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.25; /* 20px / 16px */
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: var(--backgroud-color);
}

/* Headers */
:root {
  --heading-xs--font-size: 0.75rem; /* 12px / 16px */
  --heading-sm--font-size: 0.875rem; /* 14px / 16px */
  --heading-base--font-size: 1rem; /* 16px / 16px */
  --heading-lg--font-size: 1.125rem; /* 18px / 16px */
  --heading-xl--font-size: 1.25rem; /* 20px / 16px */
  --heading-2xl--font-size: 1.5rem; /* 24px / 16px */
  --heading-3xl--font-size: 1.875rem; /* 30px / 16px */
  --heading-4xl--font-size: 2.25rem; /* 36px / 16px */
  --heading-5xl--font-size: 3rem; /* 48px / 16px */
  --heading-6xl--font-size: 3.75rem; /* 60px / 16px */
  --heading-7xl--font-size: 4.5rem; /* 72px / 16px */
  --heading-8xl--font-size: 6rem; /* 96px / 16px */
  --heading-font-weight: 800;
  --heading--line-height: 1.2;
}

/* Body text */
:root {
  --body-xs--font-size: 0.75rem; /* 12px / 16px */
  --body-sm--font-size: 0.875rem; /* 14px / 16px */
  --body-base--font-size: 1rem; /* 16px / 16px */
  --body-lg--font-size: 1.125rem; /* 18px / 16px */
  --body-xl--font-size: 1.25rem; /* 20px / 16px */
  --body-2xl--font-size: 1.5rem; /* 24px / 16px */
  --body-3xl--font-size: 1.875rem; /* 30px / 16px */
  --body-4xl--font-size: 2.25rem; /* 36px / 16px */
  --body-5xl--font-size: 3rem; /* 48px / 16px */
  --body-6xl--font-size: 3.75rem; /* 60px / 16px */
  --body--line-height: 1.5;
}

/* Other text */
:root {
  --other-xxs--font-size: 0.625rem; /* 10px / 16px */
  --other-xs--font-size: 0.75rem; /* 12px / 16px */
  --other-sm--font-size: 0.875rem; /* 14px / 16px */
  --other-base--font-size: 1rem; /* 16px / 16px */
  --other-lg--font-size: 1.125rem; /* 18px / 16px */
  --other-xl--font-size: 1.25rem; /* 20px / 16px */
  --other-2xl--font-size: 1.5rem; /* 24px / 16px */
  --other-3xl--font-size: 1.875rem; /* 30px / 16px */
  --other-4xl--font-size: 2.25rem; /* 36px / 16px */
  --other-5xl--font-size: 3rem; /* 48px / 16px */
  --other-6xl--font-size: 3.75rem; /* 60px / 16px */
  --other-7xl--font-size: 4.5rem; /* 72px / 16px */
  --other-font-weight: 700;
  --other-line-height: 1.5;
}

@media screen and (max-width: 1199px) {
  /* Headers */
  :root {
    --heading-5xl--font-size: 1.875rem; /* 30px / 16px */
  }

  /* Body text */
  :root {
    --body-2xl--font-size: 1.3rem; /* 21px / 16px */
  }
}

/* Font weight */
:root {
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-800: 800;
  --font-weight-900: 900;
}

a {
  color: var(--havelock-blue-400);
  text-decoration: none;
}

p,
li,
figcaption {
  text-wrap: pretty;
}

body {
  font-size: var(--body-base--font-size);
  line-height: var(----body--line-height);
}

h2 {
  line-height: 1.25;
}

/* Ugly font-size fixes */
.lk-section--wrapper .lk-headline.lk-headline--size--5xl{
  font-size: 2.4rem;
}