.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: 525px;
}

.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;
}

/*=====================
HERO SECTION
======================*/

.fadeFromLeft:before {
    background-image: linear-gradient(144deg,rgb(26 26 26 / 75%) 5%,transparent);
}

.shiftUp>section:first-of-type {
    padding-top: 0rem!important;
}

.carousel {
    padding-bottom: 0;
    margin-top: 0rem;
}

.carousel-caption {
    top: 0;
    left: 15%;
    text-align: left;
    position: relative;
}

.shiftUp {
    margin-top: -1rem;
}