.card {
    @include themify($themes) {
        background-color: themed('foregroundColor');
        border-color: themed('borderColor');
        color: themed('textColor');
    }
    
    &.text-danger {
        &.text-danger > .card-body {
            @include themify($themes) {
                color: themed('danger');
            }
        }
    }
}

.card-header, .modal-header {
    font-weight: bold;
    text-transform: uppercase;

    small {
        font-weight: normal;
        text-transform: none;
        @extend .text-muted;
    }
}

.card-header {
    @include themify($themes) {
        background-color: themed('headerColor');
        color: themed('headingColor');
    }

    a:hover {
        &:not(.badge){
            @include themify($themes) {
                color: themed('learnMoreHover');
            }
        }
    }
}

.card-body-header {
    font-size: $font-size-lg;
    @extend .mb-4
}

.card ul.fa-ul.card-ul {
    margin-left: 1.9em;

    li {
        word-break: break-all;
    }

    .fa-li {
        top: 4px;
    }

    &.carets {
        margin-left: 1.1em;

        .fa-li {
            left: -17px;
            width: 1.1em;
        }
    }

    ul {
        &.carets {
            margin-left: 0.85em;
        }
    }
}

.card-org-plans {
    h2 {
        font-size: $font-size-lg;
    }
}

.card-body {
    &:not(.bg-light > .card-body) {
        @include themify($themes) {
            background-color: themed('foregroundColor');
            color: themed('textColor');
        }
        &.card-body a:not(li a) {
            @include themify($themes) {
                font-weight: themed('linkWeight');
            }
        }
    }
}