::selection {
    background-color: lightskyblue;
    color: white;
}

.navbar .auth-btn {
    background-color: white;
    color: black;
    border: none;
}

.navbar .auth-btn:hover,
.navbar .auth-btn:focus {
    background-color: lightskyblue;
}

.navbar .auth-btn:active {
    background-color: blue;
    color: white;
}

.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
    color: lightskyblue;
}

.navbar .navbar-brand:active {
    color: blue;
}

.navbar ul li > a:active {
    color: blue;
}

.navbar-collapse .navbar-nav li a:hover,
.navbar-collapse .navbar-nav li a:focus {
    color: lightskyblue;
}

.navbar-collapse .navbar-nav li a:active {
    color: blue;
}

footer .list-unstyled a {
    color: inherit;
}

footer .list-unstyled a:hover,
footer .list-unstyled a:focus {
    color: lightskyblue !important;
}

footer .list-unstyled a:active {
    color: blue !important;
}

footer .list-unstyled li .active {
    font-weight: bold !important;
}

.style-table thead th {
    background-color: black;
    color: white;
    border: none;
}

.style-table {
    --bs-table-striped-bg: lightskyblue;
    --bs-table-border-color: black;
    --bs-table-hover-bg: blue;
    --bs-table-hover-color: white;
}

/*.about-us-table tr:hover {*/
/*    font-weight: 700 !important;*/
/*}*/

.style-table tbody td:nth-child(1) {
    font-weight: 700;
}

.card-body a {
    color: white;
    font-weight: bold;
}

.card-header {
    font-weight: bold;
}

#card-yellow-div {
    background-color: darkorange;
}

#card-purple-div {
    background-color: darkmagenta;
}

.list-group-numbered .list-group-item::before {
    font-weight: bold;
}

.card-event {
    color: white !important;
    background-color: darkblue !important;
    animation: zoomInMild 1s ease;
}

.list-event {
    color: white !important;
    background-color: darkblue !important;
    font-weight: bold !important;
    animation: zoomInMild 0.3s ease;
}

@keyframes zoomInMild {
    from {
        transform: scale(0.98);
    }
    to {
        transform: scale(1);
    }
}

.carousel-event {
    transform: scale(0.95);
    transition: 0.5s ease;
}

.top-card-event {
    transform: scale(1.02);
    animation: 0.5s ease;
}

/* For links in user sets which need to be seen on hover */
.table-links {
    color: black !important;
}

.table-links:hover {
    color: white !important;
    font-weight: bold !important;
}