/*
    - Name: "heading.scss"
    - Description: "Add custom styles to heading component"
*/
.heading {
  color: var(--colorTextBlack);
}

.heading.level-h1 {
  font-family: var(--mobileH1DefaultFontFamily);
  font-weight: var(--mobileH1DefaultFontWeight);
  line-height: var(--mobileH1DefaultLineHeight);
  font-size: var(--mobileH1DefaultFontSize);
  letter-spacing: var(--mobileH1DefaultLetterSpacing);
  margin: var(--mobileH1DefaultParagraphSpacing);
  text-transform: var(--mobileH1DefaultTextCase);
  -webkit-text-decoration: var(--mobileH1DefaultTextDecoration);
          text-decoration: var(--mobileH1DefaultTextDecoration);
  margin-bottom: var(--spacingMd);
}

.heading.level-h1.bold-1 {
  font-family: var(--mobileH1BoldFontFamily);
  font-weight: var(--mobileH1BoldFontWeight);
  line-height: var(--mobileH1BoldLineHeight);
  font-size: var(--mobileH1BoldFontSize);
  letter-spacing: var(--mobileH1BoldLetterSpacing);
  margin: var(--mobileH1BoldParagraphSpacing);
  text-transform: var(--mobileH1BoldTextCase);
  -webkit-text-decoration: var(--mobileH1BoldTextDecoration);
          text-decoration: var(--mobileH1BoldTextDecoration);
  margin-bottom: var(--spacingMd);
}

.heading.level-h2 {
  font-family: var(--mobileH2DefaultFontFamily);
  font-weight: var(--mobileH2DefaultFontWeight);
  line-height: var(--mobileH2DefaultLineHeight);
  font-size: var(--mobileH2DefaultFontSize);
  letter-spacing: var(--mobileH2DefaultLetterSpacing);
  margin: var(--mobileH2DefaultParagraphSpacing);
  text-transform: var(--mobileH2DefaultTextCase);
  -webkit-text-decoration: var(--mobileH2DefaultTextDecoration);
          text-decoration: var(--mobileH2DefaultTextDecoration);
  margin-bottom: var(--spacingSm);
}

.heading.level-h2.bold-1 {
  font-family: var(--mobileH2BoldFontFamily);
  font-weight: var(--mobileH2BoldFontWeight);
  line-height: var(--mobileH2BoldLineHeight);
  font-size: var(--mobileH2BoldFontSize);
  letter-spacing: var(--mobileH2BoldLetterSpacing);
  margin: var(--mobileH2BoldParagraphSpacing);
  text-transform: var(--mobileH2BoldTextCase);
  -webkit-text-decoration: var(--mobileH2BoldTextDecoration);
          text-decoration: var(--mobileH2BoldTextDecoration);
  margin-bottom: var(--spacingSm);
}

.heading.level-h3 {
  font-family: var(--mobileH3DefaultFontFamily);
  font-weight: var(--mobileH3DefaultFontWeight);
  line-height: var(--mobileH3DefaultLineHeight);
  font-size: var(--mobileH3DefaultFontSize);
  letter-spacing: var(--mobileH3DefaultLetterSpacing);
  margin: var(--mobileH3DefaultParagraphSpacing);
  text-transform: var(--mobileH3DefaultTextCase);
  -webkit-text-decoration: var(--mobileH3DefaultTextDecoration);
          text-decoration: var(--mobileH3DefaultTextDecoration);
  margin-bottom: var(--spacingXs);
}

.heading.level-h3.bold-1 {
  font-family: var(--mobileH3BoldFontFamily);
  font-weight: var(--mobileH3BoldFontWeight);
  line-height: var(--mobileH3BoldLineHeight);
  font-size: var(--mobileH3BoldFontSize);
  letter-spacing: var(--mobileH3BoldLetterSpacing);
  margin: var(--mobileH3BoldParagraphSpacing);
  text-transform: var(--mobileH3BoldTextCase);
  -webkit-text-decoration: var(--mobileH3BoldTextDecoration);
          text-decoration: var(--mobileH3BoldTextDecoration);
  margin-bottom: var(--spacingXs);
}

.heading.level-h4 {
  font-family: var(--mobileH4DefaultFontFamily);
  font-weight: var(--mobileH4DefaultFontWeight);
  line-height: var(--mobileH4DefaultLineHeight);
  font-size: var(--mobileH4DefaultFontSize);
  letter-spacing: var(--mobileH4DefaultLetterSpacing);
  margin: var(--mobileH4DefaultParagraphSpacing);
  text-transform: var(--mobileH4DefaultTextCase);
  -webkit-text-decoration: var(--mobileH4DefaultTextDecoration);
          text-decoration: var(--mobileH4DefaultTextDecoration);
  margin-bottom: var(--spacing2xs);
}

.heading.level-h4.bold-1 {
  font-family: var(--mobileH4BoldFontFamily);
  font-weight: var(--mobileH4BoldFontWeight);
  line-height: var(--mobileH4BoldLineHeight);
  font-size: var(--mobileH4BoldFontSize);
  letter-spacing: var(--mobileH4BoldLetterSpacing);
  margin: var(--mobileH4BoldParagraphSpacing);
  text-transform: var(--mobileH4BoldTextCase);
  -webkit-text-decoration: var(--mobileH4BoldTextDecoration);
          text-decoration: var(--mobileH4BoldTextDecoration);
  margin-bottom: var(--spacing2xs);
}

@media all and (min-width: 50.0625rem) {
  .heading.level-h1 {
    font-family: var(--desktopH1DefaultFontFamily);
    font-weight: var(--desktopH1DefaultFontWeight);
    line-height: var(--desktopH1DefaultLineHeight);
    font-size: var(--desktopH1DefaultFontSize);
    letter-spacing: var(--desktopH1DefaultLetterSpacing);
    text-transform: var(--desktopH1DefaultTextCase);
    -webkit-text-decoration: var(--desktopH1DefaultTextDecoration);
            text-decoration: var(--desktopH1DefaultTextDecoration);
  }
  .heading.level-h1.bold-1 {
    font-family: var(--desktopH1BoldFontFamily);
    font-weight: var(--desktopH1BoldFontWeight);
    line-height: var(--desktopH1BoldLineHeight);
    font-size: var(--desktopH1BoldFontSize);
    letter-spacing: var(--desktopH1BoldLetterSpacing);
    text-transform: var(--desktopH1BoldTextCase);
    -webkit-text-decoration: var(--desktopH1BoldTextDecoration);
            text-decoration: var(--desktopH1BoldTextDecoration);
  }
  .heading.level-h2 {
    font-family: var(--desktopH2DefaultFontFamily);
    font-weight: var(--desktopH2DefaultFontWeight);
    line-height: var(--desktopH2DefaultLineHeight);
    font-size: var(--desktopH2DefaultFontSize);
    letter-spacing: var(--desktopH2DefaultLetterSpacing);
    text-transform: var(--desktopH2DefaultTextCase);
    -webkit-text-decoration: var(--desktopH2DefaultTextDecoration);
            text-decoration: var(--desktopH2DefaultTextDecoration);
  }
  .heading.level-h2.bold-1 {
    font-family: var(--desktopH2BoldFontFamily);
    font-weight: var(--desktopH2BoldFontWeight);
    line-height: var(--desktopH2BoldLineHeight);
    font-size: var(--desktopH2BoldFontSize);
    letter-spacing: var(--desktopH2BoldLetterSpacing);
    text-transform: var(--desktopH2BoldTextCase);
    -webkit-text-decoration: var(--desktopH2BoldTextDecoration);
            text-decoration: var(--desktopH2BoldTextDecoration);
  }
  .heading.level-h3 {
    font-family: var(--desktopH3DefaultFontFamily);
    font-weight: var(--desktopH3DefaultFontWeight);
    line-height: var(--desktopH3DefaultLineHeight);
    font-size: var(--desktopH3DefaultFontSize);
    letter-spacing: var(--desktopH3DefaultLetterSpacing);
    text-transform: var(--desktopH3DefaultTextCase);
    -webkit-text-decoration: var(--desktopH3DefaultTextDecoration);
            text-decoration: var(--desktopH3DefaultTextDecoration);
  }
  .heading.level-h3.bold-1 {
    font-family: var(--desktopH3BoldFontFamily);
    font-weight: var(--desktopH3BoldFontWeight);
    line-height: var(--desktopH3BoldLineHeight);
    font-size: var(--desktopH3BoldFontSize);
    letter-spacing: var(--desktopH3BoldLetterSpacing);
    text-transform: var(--desktopH3BoldTextCase);
    -webkit-text-decoration: var(--desktopH3BoldTextDecoration);
            text-decoration: var(--desktopH3BoldTextDecoration);
  }
  .heading.level-h4 {
    font-family: var(--desktopH4DefaultFontFamily);
    font-weight: var(--desktopH4DefaultFontWeight);
    line-height: var(--desktopH4DefaultLineHeight);
    font-size: var(--desktopH4DefaultFontSize);
    letter-spacing: var(--desktopH4DefaultLetterSpacing);
    text-transform: var(--desktopH4DefaultTextCase);
    -webkit-text-decoration: var(--desktopH4DefaultTextDecoration);
            text-decoration: var(--desktopH4DefaultTextDecoration);
  }
  .heading.level-h4.bold-1 {
    font-family: var(--desktopH4BoldFontFamily);
    font-weight: var(--desktopH4BoldFontWeight);
    line-height: var(--desktopH4BoldLineHeight);
    font-size: var(--desktopH4BoldFontSize);
    letter-spacing: var(--desktopH4BoldLetterSpacing);
    text-transform: var(--desktopH4BoldTextCase);
    -webkit-text-decoration: var(--desktopH4BoldTextDecoration);
            text-decoration: var(--desktopH4BoldTextDecoration);
  }
}
/*# sourceMappingURL=heading.css.map */