@import url("https://use.typekit.net/tfk5fbn.css");

:root {

  --font-family-sofia-pro-default: "sofia-pro", sans-serif;
  --font-family-sofia-pro-condensed: "sofia-pro-condensed", sans-serif;

  --font-family-masqualero-default: "masqualero", serif;

  --font-family-serif-default: var(--font-family-masqualero-default);
  --font-family-sans-serif-default: var(--font-family-sofia-pro-default);
  --font-family-sans-serif-condensed: var(--font-family-sofia-pro-condensed);

  --font-size-13px: 0.813rem;
  --font-size-14px: 0.875rem;;
  --font-size-15px: 0.938rem;
  --font-size-16px: 1rem;
  --font-size-18px: 1.125rem;
  --font-size-20px: 1.25rem;
  --font-size-21px: 1.313rem;
  --font-size-22px: 1.375rem;

  --body-font-family-default: var(--font-family-sofia-pro-default);
  --body-font-weight-default: 300;
  --body-line-height-default: 1.625;
  
  --heading-font-style-default: var(--font-family-masqualero-default);
  --heading-font-weight-default: 300;
  --heading-font-family-default: 'masqualero', serif;
  --heading-color-default: var(--color-charcoal);

  --h1-font-size-default: 3.438rem;
  --h1-line-height-default: 1.01;
  --h1-margin-bottom-default: 2.2rem;
  --h1-font-size-mobile: 2.375rem;
  --h1-line-height-mobile: 1.18;
  --h1-margin-bottom-mobile: 2rem;
  --h1-font-weight-default: var(--heading-font-weight-default);

  --h2-font-size-default: 2.75rem;
  --h2-line-height-default: 1.18;
  --h2-margin-bottom-default: 1.313rem;
  --h2-font-size-mobile: 1.938rem;
  --h2-line-height-mobile: 1.225;
  --h2-margin-bottom-mobile: 1.07rem;
  --h2-font-weight-default: var(--heading-font-weight-default);

  --h3-font-size-default: 2.188rem;
  --h3-line-height-default: 1.23;
  --h3-margin-bottom-default: 1.313rem;
  --h3-font-size-mobile: 1.75rem;
  --h3-line-height-mobile: 1.14;
  --h3-margin-bottom-mobile: 1.15rem;
  --h3-font-weight-default: var(--heading-font-weight-default);

  --h4-font-size-default: 1.813rem;
  --h4-line-height-default: 1.1;
  --h4-margin-bottom-default: 1rem;
  --h4-font-weight-default: var(--heading-font-weight-default);
}

h1 {
  font-size: var(--h1-font-size-default);
  line-height:  var(--h1-line-height-default);
  margin-bottom: var(--h1-margin-bottom-default);
  margin-top: 0;
  font-weight: var(--h1-font-weight-default);
  font-style: normal;
  color: var(--heading-color-default);
}
h2 {
  font-size: var(--h2-font-size-default);
  line-height:  var(--h2-line-height-default);
  margin-bottom: var(--h2-margin-bottom-default);
  font-weight: var(--h2-font-weight-default);
  margin-top: 0;
  font-style: normal;
  color: var(--heading-color-default);
}
h3 {
  font-size: var(--h3-font-size-default);
  line-height:  var(--h3-line-height-default);
  margin-bottom: var(--h3-margin-bottom-default);
  font-weight: var(--h3-font-weight-default);
  font-style: normal;
  color: var(--heading-color-default);
  margin-top: 0;
}
h4 {
  margin-bottom: 0.9674956369982547em; /*53.22px*/
  font-size: var(--h4-font-size-default);
  line-height:  var(--h4-line-height-default);
  margin-bottom: var(--h4-margin-bottom-default);
  font-weight: var(--h4-font-weight-default);
  font-style: normal;
  color: var(--heading-color-default);  
}
h5 {
  font-size: 1.375rem;
  font-weight: normal;
  margin-bottom: 1.0480293775450842em; /*57.65px*/

}
h6 {
  font-size: 1.25rem;
  font-weight: normal;
}

h1 strong, 
h2 strong, 
h3 strong,
h4 strong {
  font-weight: normal !important;
}

@media (max-width: 768px) {
  h1 {
    font-size: var(--h1-font-size-mobile);
    line-height:  var(--h1-line-height-mobile);
    margin-bottom: var(--h1-margin-bottom-mobile);
  }
  h2 {
    font-size: var(--h2-font-size-mobile);
    line-height:  var(--h2-line-height-mobile);
    margin-bottom: var(--h2-margin-bottom-mobile);
  }
  h3 {
    font-size: var(--h3-font-size-mobile);
    line-height:  var(--h3-line-height-mobile);
    margin-bottom: var(--h3-margin-bottom-mobile);
  }
  h4 {
    font-size: 1.688rem;
    line-height: 1.185;
    margin-bottom: 1.170193426410704em; /*64.37px*/
  }
  h5 {
    font-size: 1.313rem;
    line-height: 32px;
    margin-bottom: 1.0691172193135543em; /*58.81px*/
  }
  h6 {
    font-size: 19px;
    line-height: 32px;
    /*margin-bottom: ; px*/
  }

  h2.is-style-alt {
    font-size: 32px;
    line-height: 39px;
  }

  h3.is-style-alt {
    font-size: 28px;
    line-height: 32px;
  }

  h4.is-style-alt {
    font-size: 20px;
    line-height: 28px;
  }

  h5.is-style-alt {
    font-size: 19px;
    line-height: 30px;
  }

  h6.is-style-alt {
    font-size: 17px;
    line-height: 24px;
  }

  *:is(h1, h2, h3, h4, h5, h6) {

  }


  *:is(h1, h2, h3, h4, h5, h6) + *:is(h1, h2, h3, h4, h5, h6){
    margin-top: 0px !important;
  }

  *:is(h1, h2, h3, h4, h5, h6) + p {
    margin-top: -7px;
  }
  p {
    margin-bottom: 20px;
  }

}

/* .wp-block-columns *:not(:is(h1, h2, h3, h4, h5, h6)) {
  font-size: 1.125rem;
  line-height: 1.5;
  font-family: var(--font-family-sans-serif-default);
} */


main.content .entry-content > p {
  width: 100%;
  max-width:  var(--container-width-default);
  margin-left:  auto;
  margin-right:  auto;
}

main.content .entry-content ul li {
  padding-bottom: 10px;
}

main.content .entry-content .wp-block-column ul li {
  padding-bottom: 25px;
}

main.content .entry-content .wp-block-column ul li:last-child {
  padding-bottom: 0;
}

.section-heading {
  font-family: "masqualero", serif;
  margin-top: 0;
  font-size: var(--h2-font-size-default);
  margin-bottom: var(--section-heading-margin-bottom-default);
  line-height: var(--h2-line-height-default);

}

.section-heading-mini {
  font-size: 1.313rem;
  letter-spacing: 0.188rem;
  line-height: 1;
  margin-top: 0;
  margin-bottom: var(--h1-margin-bottom-default);
}

/* Used when the page opens with a paragraph */
.entry-content .first-paragraph-block {
  margin-top: 28px; /* calc(var(--component-vertical-spacing-default) / 2); */
}

/* Used when the page opens with a heading */
.entry-content .first-heading-block {
  margin-top: var(--h2-margin-bottom-default);
}

@media only screen and (min-width: 1920px) {
  main.content .entry-content > p {
    max-width:  var(--container-width-maximum);
  }
}

.is-style-intro:not(:is(h1, h2, h3, h4, h5, h6)) {
  font-family: "sofia-pro", sans-serif !important;
  font-size: 1.25rem !important;
  color: var(--color-charcoal);
  line-height: 30px !important;
  font-style: normal;
  font-weight: 300;
}

h1, h2, h3, h4, h5, h6,
.is-style-default:is(h1, h2, h3, h4, h5, h6),
.is-style-default-heading:is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-family-serif-default);
  font-style: normal;
  font-weight: 300;
  color: var(--color-charcoal);
}
.is-style-alt:is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-family-sans-serif-default);
  color: var(--color-charcoal);
  font-weight: 300;
  font-style: normal;
}


*:is(h1, h2, h3, h4, h5, h6) + *:is(h1, h2, h3, h4, h5, h6){
  margin-top: 0px !important;
}

*:is(.wp-block-image, img) + *:is(h1, h2, h3, h4, h5, h6) {
  margin-top: 20px;
}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
  margin-top: -12px;
}

.vertical-kicker {
  color: var(--color-charcoal);
  width: var(--vertical-kicker-width-default);
  max-width: var(--vertical-kicker-width-default);
  font-family: var(--font-family-sans-serif-default);
  font-weight: 500;
  font-size: var(--font-size-18px);
  text-transform: uppercase;
  z-index: 3;
  left: 0px;
  top: 0;
  height: 100%;
  padding: 0;
  border-right: 1px solid var(--color-gray-warm);
  justify-self: start;

}
.vertical-kicker  > .kicker_text,
.vertical-kicker  > .kicker-text {
  transform: rotate(180deg);
  writing-mode:vertical-lr;
  width: auto;
  font-family: var(--font-family-sans-serif-default);
  font-size: var(--font-size-18px);
  font-weight: 500;
  letter-spacing: 0.125rem;
  line-height: 1;
  display: inline-block;
  white-space: nowrap;
  margin-left: 0;
  margin-right: 15px;
  margin-bottom: 20px;
  margin-top: 0;
}

.text-hidden {
  white-space: nowrap;
  overflow: hidden;
  text-indent: calc(0px - 100vw);
}

p {
  font-family: "sofia-pro", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
}

a {
  font-family: "sofia-pro", sans-serif;
  color: #a20630;
  text-decoration: none;
  transition: 0.25s ease-in-out;
  font-weight: 500;
}

a:hover,
a:focus {
  text-decoration: underline;
  color: #9d2235;
}

li {
  font-weight: 300;
}
.entry-content ul ul ul > li {
  list-style-type: "\2013";
  text-indent: 10px;
}
li::marker {
  color: #9d2235;
}
.entry-content ol ol > li {
  list-style-type: lower-latin;
}
.entry-content ol ol ol > li {
  list-style-type: lower-roman;
}

i.fa:before,
i.fas:before {
  font-family: "FontAwesome";
}

.wysiwyg-content > p {
  max-width: 1000px;
}