/* breakpoints */
.element .element__subtitle {
  font-size: 1.1rem;
  line-height: 1.2;
  margin-bottom: 1rem;
  font-weight: normal;
  font-family: "Inter", sans-serif;
  color: var(--primary-color);
}
.element .element__subtitle svg {
  margin-top: -4px;
  margin-right: 0.25rem;
}
.element .element__subtitle svg * {
  fill: var(--primary-color);
}
@media (max-width: 767.98px) {
  .element .element__subtitle {
    font-size: 0.9rem !important;
  }
}
.element .element__title {
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: calc(1.5rem + 1vw);
}
.element .bgtype-color .element__subtitle {
  color: #fff;
}
.element :not(.bgtype-color) .element__subtitle {
  color: var(--tertiary-color);
}
.element :not(.bgtype-color) .element__subtitle svg {
  margin-top: -4px;
  margin-right: 0.25rem;
}
.element :not(.bgtype-color) .element__subtitle svg * {
  fill: var(--tertiary-color);
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fgreensignevents%2Fscss%2Fcomponents%2F_elementbase.scss%22%2C%22%2Fthemes%2Fgreensignevents%2Fscss%2Fcomponents%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BACyBF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADdF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%22%7D */