html, body, div, blockquote, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, a, input, textarea, th, td, button {
  font-family: $font-family-base;
}

html, body{
  color: $text-color;
  font-size: $font-size-base;
}

a {
  color: $link-color;
  text-decoration: $link-decoration;
  &:hover, &:active {
    text-decoration: $link-hover-decoration;
  }
}

.transition {
  a {
    @include transition(all .2s ease);
  }
}

table {
  border-collapse: collapse;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

h1, .h1 {
  font-size: $font-size-h1;
}

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

h3, .h3 {
  font-size: $font-size-h3;
}

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

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

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

.content {
  h1, .h1,
  h2, .h2,
  h3, .h3,
  h4, .h4,
  h5, .h5,
  h6, .h6 {
    font-weight: 600;
    margin-bottom: .8em;
  }
  p, ul, ol, table {
    margin-bottom: .8em;
  }
  ul {
    margin-left: 15px;
    list-style-type: disc;
    list-style-position: inside;
  }

  ol {
    margin-left: 15px;
    list-style-position: inside;
    list-style-type: decimal;
  }

  th {
    background-color: $th-bg-color;
    color: #fff;
    text-align: center;
  }
  tr:nth-child(2n+1) {
    & > td {
      background-color: darken($td-bg-color, 5%);
    }
  }
  td {
    background-color: $td-bg-color;
  }
  th, td {
    border: 1px solid $td-brd-color;
    padding: $td-padding;
  }
}