.overlay.bg-primary::before {
   display: none;
}

#splashImage .boxes .record {
    border-right: 1px solid #7fa0b7;
}

#splashImage .boxes .record:hover {
    transform: none;
    z-index: 1;
}

#splashImage .boxes .record:hover .overlay {
    background: var(--bs-secondary) !important;
    transition: all 0.35s ease-in-out;
}

#splashImage .boxes .record:hover :is(h2, p) {
   color: var(--bs-dark);
}

#splashImage .boxes .btn:before {
    content: "";
    background-color: var(--bs-primary);
    border-radius: var(--bs-border-radius);
    top: 0;
    z-index: -1;
    left: 0;
    right: 0;
    transform-origin: 50% 50%;
    transition: transform 0.4s ease-in-out, background-color 0.5s ease;
}

#splashImage .carousel-item {
   min-height: 400px;
}

.carousel-control-prev, .carousel-control-next {
    width: 5%;
}

#splashImage .boxes .record:hover .btn, #splashImage .boxes .record:focus .btn {
    background-color: transparent;
    border-color: transparent;
    color: #FFF;
}

#splashImage .boxes .record:hover .btn:before, #splashImage .boxes .record:focus .btn:before {
    transform: scale(1);
}

.boxes .record :is(h2, p) {
    color: #fff;
    text-decoration: none;
}

.boxes .record a {
    text-decoration: none;
}

.boxes {
   margin-top: -50px;
}

#splashImage .teaserText {
    text-align: left;
    margin-top: 3rem;
}


.btn-check:focus + .btn-primary, .btn-primary:focus {
     box-shadow: 0 0 0 0.25rem rgba(135, 135, 135, 0.25) !important;
}

.form-control:focus {
    border-color: rgb(135 135 135 / 15%) !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(135 135 135 / 25%) !important;
}