/*-------------------------------------------------------*/
/* Typography
/*-------------------------------------------------------*/

ul {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: $heading-font;
  margin-top: 0;
  margin-bottom: 10px;
  color: $heading-color;
  line-height: 1.3;
  font-weight: $heading-font-weight;
}

h1,
.h1 {
  font-size: $h1-size;
}
h2,
.h2 {
  font-size: $h2-size;
}
h3,
.h3 {
  font-size: $h3-size;
}
h4,
.h4 {
  font-size: $h4-size;
}
h5,
.h5 {
  font-size: $h5-size;
}
h6,
.h6 {
  font-size: $h6-size;
}

@include bp-sm-down {
  h1,
  .h1,
  .page-content > h1 {
    font-size: $h1-size--sm-down;
  }
  h2,
  .h2,
  .page-content > h2 {
    font-size: $h2-size--sm-down;
  }
  h3,
  .h3,
  .page-content > h3 {
    font-size: $h3-size--sm-down;
  }
  h4,
  .h4,
  .page-content > h4 {
    font-size: $h4-size--sm-down;
  }
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  color: inherit;
  text-decoration: underline;
}

address {
  font-style: normal;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

caption {
  color: $text-color;
}

@include bp-xl-down {
  .text-lg-center {
    text-align: center;
  }
}
@include bp-lg-down {
  .text-md-center {
    text-align: center;
  }
}
@include bp-md-down {
  .text-sm-center {
    text-align: center;
  }
}
@include bp-sm-down {
  .text-xs-center {
    text-align: center;
  }
}