/* Typography */

:root {
  --font-heading: "Gotham", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-body: "TheSerifB", Georgia, "Times New Roman", serif;

  --weight-body-semilight: 350;

  --weight-light: 300;
  --weight-book: 400;
  --weight-medium: 500;
  --weight-bold: 700;

  --quote-color: var(--Danzer-Brand-Grey, #58585A);
  --quote-size: 32px;
  --quote-line-height: 42px;
  --quote-letter-spacing: 1px;
  --quote-weight: 350;
}

/* Body — TheSerifB 18/25.2 0 */

html body,
html body p,
html body li,
html body dd,
html body dt {
  font-family: var(--font-body) !important;
  font-weight: var(--weight-body-semilight) !important;
  font-size: 18px !important;
  line-height: 25.2px !important;
  letter-spacing: 0px !important;
}

/* Rich text body — TheSerifB 18/25.2 0 */

html body .hs_cos_wrapper_type_rich_text,
html body .hs_cos_wrapper_type_rich_text p,
html body .hs_cos_wrapper_type_rich_text li {
  font-family: var(--font-body) !important;
  font-weight: var(--weight-body-semilight) !important;
  font-size: 18px !important;
  line-height: 25.2px !important;
  letter-spacing: 0px !important;
}

/* Utility body — TheSerifB 18/25.2 0 */

.text-body {
  font-family: var(--font-body) !important;
  font-weight: var(--weight-body-semilight) !important;
  font-size: 18px !important;
  line-height: 25.2px !important;
  letter-spacing: 0px !important;
}

/* Body large — Gotham 24/33.6 0 */

.text-body-large {
  font-family: var(--font-heading) !important;
  font-weight: var(--weight-light) !important;
  font-size: 24px !important;
  line-height: 33.6px !important;
  letter-spacing: 0px !important;
}

/* Caption — TheSerifB 14/19.6 0 */

.text-caption,
figcaption,
small {
  font-family: var(--font-body) !important;
  font-weight: var(--weight-body-semilight) !important;
  font-size: 14px !important;
  line-height: 19.6px !important;
  letter-spacing: 0px !important;
}

/* Blockquote — TheSerifB 32/42 1 */

html body blockquote,
html body .hs_cos_wrapper_type_rich_text blockquote {
  color: var(--quote-color) !important;
  font-family: var(--font-body) !important;
  font-weight: var(--quote-weight) !important;
  font-size: var(--quote-size) !important;
  line-height: var(--quote-line-height) !important;
  letter-spacing: var(--quote-letter-spacing) !important;

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  word-wrap: break-word !important;
}

/* Blockquote decorations — remove (prevents □□□ icons) */

html body blockquote::before,
html body blockquote::after,
html body .hs_cos_wrapper_type_rich_text blockquote::before,
html body .hs_cos_wrapper_type_rich_text blockquote::after {
  content: none !important;
  display: none !important;
}

/* Blockquote p — inherit */

html body blockquote p,
html body .hs_cos_wrapper_type_rich_text blockquote p {
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  margin: 0 !important;
}

/* H1 — Gotham 70/77 -1 */

html body h1,
html body .h1,
html body .heading-1,
html body .hs_cos_wrapper_type_rich_text h1 {
  font-family: var(--font-heading) !important;
  font-weight: var(--weight-light) !important;
  font-size: 70px !important;
  line-height: 77px !important;
  letter-spacing: -1px !important;
}

/* H2 — Gotham 38/48 0 */

html body h2,
html body .h2,
html body .heading-2,
html body .hs_cos_wrapper_type_rich_text h2 {
  font-family: var(--font-heading) !important;
  font-weight: var(--weight-light) !important;
  font-size: 38px !important;
  line-height: 48px !important;
  letter-spacing: 0px !important;
}

/* H3 — Gotham 30/42 0 */

html body h3,
html body .h3,
html body .heading-3,
html body .hs_cos_wrapper_type_rich_text h3 {
  font-family: var(--font-heading) !important;
  font-weight: var(--weight-book) !important;
  font-size: 30px !important;
  line-height: 42px !important;
  letter-spacing: 0px !important;
}

/* H4 — Gotham 16/18 1 */

html body h4,
html body .h4,
html body .heading-4,
html body .hs_cos_wrapper_type_rich_text h4 {
  font-family: var(--font-heading) !important;
  font-weight: var(--weight-bold) !important;
  font-size: 16px !important;
  line-height: 18px !important;
  letter-spacing: 1px !important;
}

/* H5 — Gotham 13/14.3 1 */

html body h5,
html body .h5,
html body .heading-5,
html body .hs_cos_wrapper_type_rich_text h5 {
  font-family: var(--font-heading) !important;
  font-weight: var(--weight-bold) !important;
  font-size: 13px !important;
  line-height: 14.3px !important;
  letter-spacing: 1px !important;
}

/* H6 — Gotham 18/25.2 0 */

html body h6,
html body .h6,
html body .heading-6,
html body .hs_cos_wrapper_type_rich_text h6 {
  font-family: var(--font-heading) !important;
  font-weight: var(--weight-medium) !important;
  font-size: 18px !important;
  line-height: 25.2px !important;
  letter-spacing: 0px !important;
}