@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter-variable.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/open-sans-variable.ttf") format("truetype");
}

:root {
  --font-heading: "Inter", Arial, sans-serif;
  --font-body: "Open Sans", Arial, sans-serif;
  --font-inter: var(--font-heading);
  --font-open-sans: var(--font-body);
}

html,
body,
.mrh-site {
  font-family: var(--font-body);
  font-synthesis-weight: none;
}

.mrh-site h1,
.mrh-site h2,
.mrh-site h3,
.mrh-site h4,
.mrh-site h5,
.mrh-site h6,
.mrh-site .nav,
.mrh-site .nav a,
.mrh-site .nav-dropdown-trigger,
.mrh-site .menu,
.mrh-site .btn,
.mrh-site button,
.mrh-site input[type="button"],
.mrh-site input[type="submit"],
.mrh-site .eyebrow,
.mrh-site .section-marker,
.mrh-site .hero-meta,
.mrh-site .hero-proof,
.mrh-site .hero-fan-card > span,
.mrh-site .faq-list summary,
.mrh-site .location-areas span,
.mrh-site .legal-status {
  font-family: var(--font-heading);
}

.mrh-site h1 em,
.mrh-site h2 em {
  font-family: var(--font-heading);
  font-style: normal;
}

.mrh-site p,
.mrh-site main li,
.mrh-site blockquote,
.mrh-site address,
.mrh-site .contact-item,
.mrh-site .contact-form label,
.mrh-site .contact-form input,
.mrh-site .contact-form textarea,
.mrh-site .contact-form select,
.mrh-site .contact-form input::placeholder,
.mrh-site .contact-form textarea::placeholder,
.mrh-site .footer-main a,
.mrh-site .footer-bottom {
  font-family: var(--font-body);
}

.mrh-site p,
.mrh-site main li,
.mrh-site .faq-list details p,
.mrh-site .contact-item,
.mrh-site .contact-form label,
.mrh-site .contact-form .privacy,
.mrh-site .footer-brand p,
.mrh-site .footer-main > div:not(:first-child) a,
.mrh-site .footer-bottom,
.mrh-site .legal p,
.mrh-site .privacy-policy > p:first-of-type + p,
.mrh-site .legal address,
.mrh-site .legal li {
  font-size: 16px;
  line-height: 1.65;
}

.mrh-site .hero-copy > p:not(.hero-proof),
.mrh-site .contact-form label.privacy {
  font-size: 16px;
  line-height: 1.65;
}

.mrh-site .faq-list summary {
  font-size: 16px;
  line-height: 1.5;
}

.mrh-site .contact-form input,
.mrh-site .contact-form textarea,
.mrh-site .contact-form select {
  font-size: 16px;
  line-height: 1.5;
}