h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: $headings-line-height;

}

button,
input,
optgroup,
select,
textarea{
    font-family: $font-family-base;
}
.card{
  h1,h2,h3,h4,h5,h6,p{
    color: $opacity-8;
  }
}
h1,h2,h3,h4,h5,h6{
    font-weight: $font-weight-normal;
    color: $opacity-8;
}

a{
    color: $primary-states;
    font-weight: $font-weight-light;
    &:hover,
    &:focus{
        color: $primary;
    }
}
h1, .h1 {
    line-height: 1.05;
    margin-bottom: $margin-base-vertical * 2;

    small{
        font-weight: $font-weight-bold;
        text-transform: uppercase;
        opacity: .8;
    }

}
h2, .h2{
    margin-bottom: $margin-base-vertical * 2;
    line-height: 1.2;

}
h3, .h3{
    margin-bottom: $margin-base-vertical * 2;
    line-height: 1.4em;
}
h4, .h4{
    line-height: 1.45em;
    margin-bottom: $margin-base-vertical;

    & + .category,
    &.title + .category{
        margin-top: -10px;
    }
}
h5, .h5 {
    line-height: 1.4em;
    margin-bottom: 15px;
}
h6, .h6{
    text-transform: uppercase;
    font-weight: $font-weight-bold;
}
p{
    color: $opacity-8;
    margin-bottom: 5px;

    &.description{
        font-size: 1.14em;
    }
}


.title{
    font-weight: $font-weight-bold;
    &.title-up{
        text-transform: uppercase;

        a{
            color: $black;
            text-decoration: none;
        }
    }
    & + .category{
        margin-top: -10px;
    }
}

.description,
.card-description,
.footer-big p,
.card .footer .stats{
    color: $dark-gray;
    font-weight: $font-weight-light;
}
.category,
.card-category{
    text-transform: capitalize;
    font-weight: $font-weight-normal;
    color: rgba($white, 0.6);
    font-size: $font-size-sm;
}

.card-category{
    font-size: $font-size-sm;
}

.blockquote{
    border-left: none;
    border: 1px solid $default;
    padding: 20px;
    font-size: $blockquote-font-size;
    line-height: 1.8;

    small{
        color: $default;
        font-size: $font-size-sm;
        text-transform: uppercase;
    }

    &.blockquote-primary{
        border-color: $primary;
        color: $primary;

        small{
            color: $primary;
        }
    }

    &.blockquote-danger{
        border-color: $danger;
        color: $danger;

        small{
            color: $danger;
        }
    }

    &.blockquote-white{
        border-color: $opacity-8;
        color: $white;

        small{
            color: $opacity-8;
        }
    }
}

ul li, ol li{
  color: $white;
}

pre{
  color: $opacity-8;
}

hr{
  border-top: 1px solid rgba(0,0,0,0.1);
  margin-top: $spacer;
  margin-bottom: $spacer;
}