//Custom 

.card {

    .card-title {
        font-size: 1.4rem;
    }

    //smaller card
    &.d-small {

        .card-header {
            padding: .5rem;
        }

        .card-body {
            padding: .5rem;
        }

    }

    //header background
    &.header-bg {

        .card-header {
            background-color: var(--light);
        }

    }

    //no header border
    &.header-no-border {

        .card-header {
            border-bottom:0;
        }

    }

    &.custom {    

        .card-header {
            background-color: var(--light);
        }

        .card-title {
            margin-bottom: 0;
            font-size: 1rem;
        }

    }

}