/**
 * @file
 * Ckeditor styles
 * Use Globaly
 */


/**
 * Font Size
 */

.heading-size-xs {
  font-size: var(--heading-size-xs);
}
.heading-size-s {
  font-size: var(--heading-size-s);
}
.heading-size-m {
  font-size: var(--heading-size-m);
}
.heading-size-l {
  font-size: var(--heading-size-l);
}

/**
 * Paragraph heading styles
 */

span.serif-primary {
  color: var(--color-primary--1);
  font-family: var(--font-lexend);
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

h1.title-h1--green {
  color: var(--color-primary--1);
  font-size: var(--heading-size-l);
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

h2.title-h2--green {
  color: var(--color-primary--1);
  font-size: var(--heading-size-l);
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

h2.title--white {
  color: #FFF;
  font-family: var(--font-lexend);
  font-size: 38px;
  font-style: normal;
  margin: 0;
  padding: 0;
  font-weight: 700;
  line-height: 140%; /* 53.2px */
}

h3.title--green {
  color: var(--color-primary--1);
  font-family: var(--font-lexend);
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 53.2px */
}

h4.title--white {
  color: white;
  font-family: var(--font-lexend);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 42px */
}

span.text--white {
  color: white;
}