/* stylelint-disable selector-class-pattern */

@font-face {
  font-display: swap;
  font-family: 'Forma DJR UI';
  src: url('../fonts/FormaDJRUI.woff2') format('woff2'),
       url('../fonts/FormaDJRUI.woff') format('woff');
  font-weight: 200 800;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Forma DJR UI';
  src: url('../fonts/FormaDJRUIItalic.woff2') format('woff2'),
       url('../fonts/FormaDJRUIItalic.woff') format('woff');
  font-style: italic;
  font-weight: 200 800;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@media (max-width: 575px) {
  h1,
  .title-large,
  .title-large--light, 
  .title-large--light,
  .title-large--light--light {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 44px;
  }

  h2,
  .title-medium,
  .title-medium--light, 
  .title-medium--light,
  .title-medium--light--light {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 36px;
  }

  h3,
  .title-regular,
  .title-regular--light, 
  .title-regular--light,
  .title-regular--light--light {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
  }

  h4,
  .title-small,
  .title-small--light, 
  .title-small--light,
  .title-small--light--light {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
  }

  h5,
  .subtitle-large,
  .subtitle-large--light {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
  }

  h6,
  .subtitle-regular,
  .subtitle-regular--light {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .overline-large {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
  }

  .overline,
  .overline-regular {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
  }

  .label,
  .label-regular {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .label-small {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .body-large {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  body,
  .body,
  .body-regular {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
  }

  .caption,
  .caption-regular {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .caption-small {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .font-medium {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-weight: 500;
  }

  .salt {
    font-feature-settings: "salt";
  }
}

@media (min-width: 576px) {
  h1,
  .title-large,
  .title-large--light, 
  .title-large--light,
  .title-large--light--light {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 64px;
  }

  h2,
  .title-medium,
  .title-medium--light, 
  .title-medium--light,
  .title-medium--light--light {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 48px;
  }

  h3,
  .title-regular,
  .title-regular--light, 
  .title-regular--light,
  .title-regular--light--light {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
  }

  h4,
  .title-small,
  .title-small--light, 
  .title-small--light,
  .title-small--light--light {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
  }

  h5,
  .subtitle-large,
  .subtitle-large--light {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
  }

  h6,
  .subtitle-regular,
  .subtitle-regular--light {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
  }

  .overline-large {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
  }

  .overline,
  .overline-regular {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
  }

  .label,
  .label-regular {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .label-small {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .body-large {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  body,
  .body,
  .body-regular {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }

  .caption,
  .caption-regular {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .caption-small {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .font-medium {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-weight: 500;
  }

  .salt {
    font-feature-settings: "salt";
  }
}

@media (min-width: 992px) {
  h1,
  .title-large,
  .title-large--light, 
  .title-large--light,
  .title-large--light--light {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 72px;
    font-weight: 400;
    line-height: 84px;
  }

  h2,
  .title-medium,
  .title-medium--light, 
  .title-medium--light,
  .title-medium--light--light {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 64px;
  }

  h3,
  .title-regular,
  .title-regular--light, 
  .title-regular--light,
  .title-regular--light--light {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 48px;
  }

  h4,
  .title-small,
  .title-small--light, 
  .title-small--light,
  .title-small--light--light {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
  }

  h5,
  .subtitle-large,
  .subtitle-large--light {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
  }

  h6,
  .subtitle-regular,
  .subtitle-regular--light {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
  }

  .overline-large {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-transform: uppercase;
  }

  .overline,
  .overline-regular {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
  }

  .label,
  .label-regular {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .label-small {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .body-large {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
  }

  body,
  .body,
  .body-regular {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  .caption,
  .caption-regular {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .caption-small {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .font-medium {
    font-family: 'Forma DJR UI', Arial, sans-serif;
    font-weight: 500;
  }

  .salt {
    font-feature-settings: "salt";
  }
}

body {
  color: #303030;
}

i,
.italic {
  font-style: italic;
}

b,
strong,
.bold {
  font-weight: bold;
}

a,
.link {
  color: #0096d6;
  text-decoration: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition: outline-color 0.2s ease;
}
  
a:hover,
.link:hover {
  color: #0084bd;
  text-decoration: underline;
}

a:focus-visible {
  outline: 2px solid #0096d6;
}


.salt {
  font-feature-settings: "salt";
}

sub {
  font-size: smaller;
  vertical-align: sub;
}

sup {
  font-size: smaller;
  vertical-align: super;
}