/* main content styling */
.main-content {
    background-color: #363636;
    padding: 1rem 1.5rem;
}

/* card changes */
.card {
    background-color: #161c1c;
    .card-content-footer {
        color: #7a7a7a;
    }
}

.card-content-footer i {
    padding-right: 10px;
    padding-top: 2px;
}

.card-content-header, .comments-header {
    background-color: #dd7325;
    padding: 10px;
    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
}

.card-content-header {
    .title, a {
        color: whitesmoke;
    }
}

.card-inner-wrapper {
    padding: 25px;
}

.card-content-text {
    padding-bottom: 30px;
    border-bottom: 1px solid #dd7325;
    p {
        color: whitesmoke;
        font-size: 1em;
    }
    label {
        color: whitesmoke;
        font-weight: 100;
    }
}

.card-content-nav {
    padding-top: 10px;
}

.card-content-footer {
    padding-top: 15px;
    padding-bottom: 15px;
}

.card-content-footer-small {
    padding-top: 20px;
    margin-bottom: -25px;
}

.card-content-footer-cols {
    padding-top: 20px;
    margin-bottom: -20px;
}

.card-content-form {
    padding-top: 20px;
}

.content blockquote {
    background: black;
    color: white;
    border-left: 4px solid #dbdbdb;
    margin: 1.5rem 1rem;
    padding: 1.5rem 1rem;
    p {
        display: contents;
    }
    &:before {
        opacity: 0.5;
        content: open-quote;
        font-size: 4rem;
        line-height: .1em;
        margin-right: .25em;
        vertical-align: -0.4em;
    }
}

* {
    box-sizing: border-box;
    &:after, &:before {
        box-sizing: border-box;
    }
}

legend {
    box-sizing: border-box;
}

.content {
    dl, dt, dd, h2, h3, h4, h5, h6 {
        color: white;
    }
    &.social {
        margin-bottom: 0rem;
    }
}