//
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 600;
  font-family: 'Libre Baskerville', serif;
  letter-spacing: normal;
  margin-bottom: 1rem;
  &.sans-serif {
    font-family: 'lato', sans-serif;
  }
}
.underline {
  display: inline-block;
  position: relative;
  &::after {
    content: '';
    position: absolute;
    left: 0;
    display: block;
    height: 3px;
    width: 5%;
    min-width: $gutter;
    margin-top: $gutter;
    background: white;
  }
  &.underline-center {
    &::after {
      left: 50%;
      transform: translate(-50%);
      width: 15%;
    }
  }
}
button, input, optgroup, select, textarea {
  font-family: 'lato', sans-serif;
}

p {
  color: $theme-colour-light;
}

.highlight {
  display: inline;
  background-color: $theme-colour;
  color: white;
  padding: 1px 0 $gutter / 3;
  padding-left: 0;
  padding-right: 0;
  line-height: 1;
  // Adding padding effect left and right
  box-shadow: 10px 0 0 $theme-colour, -10px 0 0 $theme-colour;

  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  &.news {
    background-color: $news!important;
    box-shadow: 10px 0 0 $news, -10px 0 0 $news!important;
  }
  &.featured {
    background-color: $featured!important;
    box-shadow: 10px 0 0 $featured, -10px 0 0 $featured!important;
  }
}
span.post-meta {
  font-style: italic;
  text-transform: uppercase;
  font-size: calc-em(12px);
}