@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;600;700&display=swap");

:root {
  --gtc-body-font: "Lato", Arial, Helvetica, sans-serif;
  --gtc-heading-font: "Gallery", Georgia, serif;
  --gtc-body-size: 16px;
  --gtc-small-size: 14px;
  --gtc-body-weight: 400;
  --gtc-heading-weight: 500;
}

html body {
  font-family: var(--gtc-body-font);
  font-size: var(--gtc-body-size);
  font-weight: var(--gtc-body-weight);
  line-height: 1.6;
}

html body p,
html body li,
html body dd,
html body dt,
html body blockquote,
html body figcaption,
html body label,
html body .lead,
html body .section-copy,
html body .body-copy,
html body .description,
html body .card-copy,
html body .card p,
html body .way-card p,
html body .faq-item p,
html body .reviews-strip p,
html body .network-intro p,
html body .partner-note,
html body .homepage-supplier-note,
html body footer p {
  font-family: var(--gtc-body-font);
  font-size: var(--gtc-body-size);
  font-weight: var(--gtc-body-weight);
  line-height: 1.6;
}

html body input,
html body select,
html body textarea,
html body button,
html body .button,
html body .btn,
html body nav a,
html body .nav a,
html body .site-header a:not(.logo) {
  font-family: var(--gtc-body-font);
  font-size: var(--gtc-small-size);
  font-weight: var(--gtc-body-weight);
}

html body .nav a,
html body .site-header .nav a,
html body .button,
html body .btn {
  text-transform: uppercase;
}

html body small,
html body .eyebrow,
html body .section-kicker,
html body .small-label,
html body .caption,
html body .meta,
html body .footer-column-title,
html body .footer-associations-title,
html body .newsletter-title,
html body .footer-bottom,
html body .footer-legal-links,
html body .association-pill {
  font-family: var(--gtc-body-font);
  font-size: var(--gtc-small-size);
  font-weight: var(--gtc-body-weight);
}

html body .eyebrow,
html body .section-kicker,
html body .small-label,
html body .footer-column-title,
html body .footer-associations-title,
html body .newsletter-title {
  line-height: 1.4;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .title,
html body .heading,
html body .card-title,
html body .modal-title,
html body .planning-modal-title,
html body .quiz-title,
html body .question-title,
html body .footer-title {
  font-family: var(--gtc-heading-font);
  font-weight: var(--gtc-heading-weight);
}

html body h1 *,
html body h2 *,
html body h3 *,
html body h4 *,
html body h5 *,
html body h6 * {
  font-family: inherit;
  font-weight: inherit;
}

@media (max-width: 620px) {
  :root {
    --gtc-body-size: 16px;
    --gtc-small-size: 14px;
  }
}