/*   Typography    */

body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn-simple, .alert, a, .td-name, td, button.close {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: 'nunito', sans-serif;
}

body {
  font-size: 14px;
  color: $body-text-color;
}

h1, .h1 {
  font-size: 59px;
}

h2, .h2 {
  font-size: 43px;
}

h3, .h3 {
  font-size: 35px;
  margin: 20px 0 10px;
}

h4, .h4 {
  font-size: 28px;
  line-height: 30px;
}

h5, .h5 {
  font-size: 25px;
  margin-bottom: 15px;
}

h6, .h6 {
  font-size: 18px;
  font-weight: $font-weight-bold;
}

p {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: .7rem;
}

h4.page-title {
  font-size: 22px;
  font-weight: $font-weight-bold;
  color: $black-color;
  line-height: 30px;
  margin-bottom: 20px;
}

.text-primary {
  color: $primary-color !important;
  &:hover {
    color: $primary-color !important;
  }
}

.text-info {
  color: $info-color !important;
  &:hover {
    color: $info-color !important;
  }
}

.text-success {
  color: $success-color !important;
  &:hover {
    color: $success-color !important;
  }
}

.text-warning {
  color: $warning-color !important;
  &:hover {
    color: $warning-color !important;
  }
}

.text-danger {
  color: $danger-color !important;
  &:hover {
    color: $danger-color !important;
  }
}

label {
  color: #3f4047 !important;
  font-size: 14px !important;
}

/*   Font-weight    */

.fw-light {
  font-weight: $font-weight-light !important;
}

.fw-normal {
  font-weight: $font-weight-normal !important;
}

.fw-mediumbold {
  font-weight: $font-weight-mediumbold !important;
}

.fw-bold {
  font-weight: $font-weight-bold !important;
}

.fw-extrabold {
  font-weight: $font-weight-extrabold !important;
}