h1 {
  font-family: var(--primary-family);
  font-weight: var(--font-demi);
  font-size: 55px;
  line-height: 61px;
}
h2 {
  font-family: var(--primary-family);
  font-weight: var(--font-demi);
  font-size: 43px;
  line-height: 53px;
}

.view-header h2 {
  font-size: 60px;
  font-family: var(--primary-family);
  font-weight: var(--font-heavy);
  line-height: 66px;
  text-transform: uppercase;
  color: var(--offwhite);
}

h3 {
  font-family: var(--primary-family);
  font-size: 32px;
  font-weight: var(--font-medium);
  line-height: 39px;
}
h4 {
  font-size: 23px;
  font-family: var(--primary-family);
  font-weight: 600;
  line-height: 120%;
}
h5 {
  font-size: 24px;
  font-family: var(--primary-family);
  font-weight: var(--font-bold);
  line-height: 30px;
}

h1,
h2 {
  margin-bottom: 1.25rem;
}

h3,
h4 {
  margin-bottom: 1rem;
}

h1,
h2,
h3,
h4 {
  color: var(--black);
}

@media screen and (max-width: 992px) {
  h1 {
    font-size: 40px;
    line-height: 46px;
  }
  h2,
  .view-header h2 {
    font-size: 34px;
    line-height: 42px;
  }
  h3 {
    font-size: 28px;
    line-height: 34px;
  }
}

a {
  font-weight: var(--font-demi);
}

body,
p,
ul,
ol,
li {
  font-family: var(--primary-family);
  font-size: 16px;
  line-height: 23px;
  color: var(--black);
}

/* strong {
  font-weight: var(--font-heavy);
} */

ul li:not(.nav-item) {
  margin-bottom: 10px;
}

ol ol,
ol ul,
ul ol,
ul ul {
  list-style: disc;
  margin-top: 10px;
}

.text-large {
  font-size: 20px;
  line-height: 30px;
  font-weight: var(--font-medium);
}

.text-offwhite {
  color: var(--offwhite);
}
.text-black {
  color: var(--black);
}
.text-gold {
  color: var(--gold);
}
.text-maroon {
  color: var(--maroon);
}
.text-red {
  color: var(--red);
}
.text-blue {
  color: var(--blue);
}
.text-purple {
  color: var(--purple);
}
.text-deep-purple {
  color: var(--deep-purple);
}
.text-charcoal {
  color: var(--charcoal);
}
.text-green {
  color: var(--green);
}
.text-orange {
  color: var(--orange);
}
.text-magenta {
  color: var(--magenta);
}

a.link-fol-light {
  color: var(--gold);
}
a.link-fol-light:hover {
  color: var(--offwhite);
}

a.link-fol-dark {
  color: var(--purple);
}

a.link-fol-dark:hover {
  color: var(--teal);
}

a.link-fol-alternative {
  color: var(--black);
}

a.link-fol-alternative:hover {
  color: var(--purple);
}

ul.list-fol-dark li::marker {
  content: url(/themes/custom/forourlives/images/icons/list-marker-dark.svg);
}

ul.list-fol-dark li {
  color: var(--black);
}

ul.list-fol-light li::marker {
  content: url(/themes/custom/forourlives/images/icons/list-marker-light.svg);
}

ul.list-fol-light li {
  color: var(--offwhite);
}

ul.list-fol-dark li,
ul.list-fol-light li {
  padding-left: 10px;
}

ul.list-fol-dark,
ul.list-fol-light {
  padding-left: 10px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}