// stylelint-disable declaration-no-important, selector-list-comma-newline-after

html {
  font-size: $html-font-size;
  letter-spacing: 0.06em;
}


//
// Headings
//

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {

}


.element-header {
  text-transform: uppercase;
}


.element-subheader {
  font-weight: 400;
}


//
// Horizontal rules
//

hr {
  margin-top: $hr-margin-y;
  margin-bottom: $hr-margin-y;
  border: 0;
  border-top: $hr-border-width solid $hr-border-color;
}

.red-headings {
  @include media-breakpoint-up(lg) {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
  }

  > div {
    @include media-breakpoint-down(md) {
      padding-bottom: 0 !important;
    }
  }

  + div {
    > div {
      @include media-breakpoint-down(md) {
        padding: 3rem 0 !important;
      }
    }
  }

  h3 {
    .element-header {
      background-color: $primary;
      color: white;
      display: inline;
      font-size: 1.75rem;
      font-weight: 800;
      line-height: 1.2;
      padding: 0.25rem 0.5rem;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
    }
  }
}

