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

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

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

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

.card-content-header:hover {
    background-color: $hbarra;
}

.card-content-header {
    .title, a {
        color: whitesmoke;
        text-shadow: 0px 1px 2px #000;
    }
}

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

.card-content-text {
    padding-bottom: 30px;
    border-bottom: 1px solid $barra;
    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: #0a0e0e;
    color: white;
    border-left: 4px solid #dbdbdb;
    margin: 1rem 1rem;
    padding: 1rem 1rem;
    p {
        display: contents;
    }
}

* {
    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;
    }
}