// Cards should have white background in light mode
.card {
    background-color: $white;
}

.course-card {
    overflow: hidden;
}

.card-header h3 {
    margin: 0;
    font-size: 1.5rem;
}

@include media-breakpoint-down(sm) {
    #block-region-content .block.card:not(.block_myoverview) {
        border-left: 1px solid rgba(0, 0, 0, .125);
        border-right: 1px solid rgba(0, 0, 0, .125);
    }
}

.card-deck {
    @include media-breakpoint-up(sm) {
        gap: 1.5rem;
        margin-right: $card-deck-margin;
        margin-left: $card-deck-margin;

        .card {
            margin: 0;
            min-width: 14rem;
        }
    }

    @include media-breakpoint-up(md) {
        margin-bottom: $card-deck-margin;
    }
}
