/*
--h1-font-size: 50px;
--h2-font-size: 38px;
--h3-font-size: 28px;
--h4-font-size: 20px;
--h1-line-height: 1.2;
--h2-line-height: 1.2;
--h3-line-height: 1.2;
--h4-line-height: 30px;
--h1-font-family: var(--secondary-font);
--h2-font-family: var(--secondary-font);
--h3-font-family: var(--secondary-font);
--h4-font-family: var(--secondary-font);
--h4-font-family: #404040;
--h1-font-weight: 700;
--h2-font-weight: 700;
--h3-font-weight: 700;
--h4-font-weight: 400;
--h3-margin-bottom: 30px;
*/
.heading-outer-wrapper .heading-inner-wrapper h1,
#editor h1.rich-text {
  font-family: var(--h1-font-family, var(--secondary-font));
  font-size: var(--h1-font-size, 42px);
  line-height: var(--h1-line-height, 1.2);
  letter-spacing: var(--h1-letter-spacing, 0);
  text-transform: var(--h1-text-transform, none);
  display: var(--h1-display, block);
  color: var(--h1-color, var(--primary-color));
  font-weight: var(--h1-font-weight, 800);
  margin-top: var(--h1-margin-top, 0);
  margin-bottom: var(--h1-margin-bottom, 35px);
}

.heading-outer-wrapper .heading-inner-wrapper h2,
#editor h2.rich-text {
  font-family: var(--h2-font-family, var(--secondary-font));
  font-size: var(--h2-font-size, 26px);
  line-height: var(--h2-line-height, 1.2);
  letter-spacing: var(--h2-letter-spacing, 0);
  text-transform: var(--h2-text-transform, none);
  display: var(--h2-display, block);
  color: var(--h2-color, var(--secondary-color));
  font-weight: var(--h2-font-weight, 700);
  margin-top: var(--h2-margin-top, 0);
  margin-bottom: var(--h2-margin-bottom, 20px);
}

.heading-outer-wrapper .heading-inner-wrapper h3,
#editor h3.rich-text {
  font-family: var(--h3-font-family, var(--secondary-font));
  font-size: var(--h3-font-size, 22px);
  line-height: var(--h3-line-height, 1.2);
  letter-spacing: var(--h3-letter-spacing, 0);
  text-transform: var(--h3-text-transform, none);
  display: var(--h3-display, block);
  color: var(--h3-color, var(--secondary-color));
  font-weight: var(--h3-font-weight, 700);
  margin-top: var(--h3-margin-top, 0);
  margin-bottom: var(--h3-margin-bottom, 10px);
}

.heading-outer-wrapper .heading-inner-wrapper h4,
#editor h4.rich-text {
  font-family: var(--h4-font-family, var(--secondary-font));
  font-size: var(--h4-font-size, 18px);
  line-height: var(--h4-line-height, 1.2);
  letter-spacing: var(--h4-letter-spacing, 0);
  text-transform: var(--h4-text-transform, none);
  display: var(--h4-display, block);
  color: var(--h4-color, var(--primary-color));
  font-weight: var(--h4-font-weight, 700);
  margin-top: var(--h4-margin-top, 0);
  margin-bottom: var(--h4-margin-bottom, 10px);
  max-width: var(--paragraph-width, var(--text-width));
  width: 100%;
}

.text-aligned.text-align-left > .inner-wrapper {
  text-align: left;
}
.text-aligned.text-align-center > .inner-wrapper {
  text-align: center;
}
.text-aligned.text-align-right > .inner-wrapper {
  text-align: right;
}