//
// Headings
//

$headings-text-transform: uppercase !default;

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
   margin-bottom: $headings-margin-bottom;
   font-family: $headings-font-family;
   font-weight: $headings-font-weight;
   line-height: $headings-line-height;
   color: $headings-color;
   text-transform: $headings-text-transform;
}

h1 {
   font-size: $font-size-h1;

   @media screen and (max-width: 544px) {
      font-size: 22px;
   }
}

h2 {
   font-size: $font-size-h2;

   @media screen and (max-width: 544px) {
      font-size: 16px;
   }
}

h3 {
   font-size: $font-size-h3;
   font-weight: 400;
   letter-spacing: .1em;
}

h4 {
   font-size: $font-size-h4;
   font-family: $font-proxima;
   text-transform: uppercase;
   margin-bottom: .5em;
}

h5 {
   font-size: $font-size-h5;
   text-transform: none;
}

h6 {
   font-size: $font-size-h6;
}


.heading-linethrough {
   position: relative;
   text-align: center;
   font-weight: 700;
   letter-spacing: 0;

   &::after {
      content: "";
      border-top: 1px solid $border-color;
      display: block;
      width: 100%;
      margin-top: -.5em;
   }

   span {
      padding: 0 18px;
      background: $white;
   }
}

// These declarations are kept separate from and placed after
// the previous tag-based declarations so that the classes beat the tags in
// the CSS cascade, and thus <h1 class="h2"> will be styled like an h2.
.h1 {
   font-size: $font-size-h1;

   @media screen and (max-width: 544px) {
      font-size: 22px;
   }
}

.h2 {
   font-size: $font-size-h2;
}

.h3 {
   font-size: $font-size-h3;
   font-weight: 400;
}

.h4 {
   font-size: $font-size-h4;
}

.h5 {
   font-size: $font-size-h5;
}

.h6 {
   font-size: $font-size-h6;
}

//
// Horizontal rules
//

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


//
// Emphasis
//

small,
.small {
   font-size: 80%;
   font-weight: normal;
}


//
// Lists
//

.list-unstyled {
   @include list-unstyled;
}

// Inline turns list items into inline-block
.list-inline {
   @include list-unstyled;
}


a:focus {
   outline: 0;
}

a[href^='tel:'] {
   cursor: default;
   border-bottom: 0;
   @include underline-never;

   @media screen and (min-width: 1200px) {
      pointer-events: none;
   }
}
