section.image-card-carousel .container-fluid {
padding: 0;
}
section.image-card-carousel h2 {
max-width: 100%;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
color: var(--purple);
font-weight: 400;
text-align: center;
}
section.image-card-carousel h2 span {
font-size: calc(2.65rem + 0.9vw);
color: var(--gold-dark);
font-weight: 500;
padding-left: 5px;
}
section.image-card-carousel .splide__slide {
height: 400px;
color: #fff;
text-align: center;
font-size: 0.9rem;
overflow: hidden;
background-color: #343434;
}
section.image-card-carousel .splide__slide img {
object-fit: cover;
width: 100%;
height: 100%;
}
section.image-card-carousel .splide__slide .overlay {
position: absolute;
width: 100%;
bottom: 0;
}
section.image-card-carousel .splide__slide .overlay-text {
padding: 1rem;
position: relative;
z-index: 6;
display: flex;
flex-direction: column;
}
section.image-card-carousel .splide__slide .overlay-text p {
margin-bottom: 0.5rem;
}
section.image-card-carousel .splide__slide .heading {
font-size: 1.3rem;
font-weight: bold;
}
section.image-card-carousel .splide__slide .overlay-text p.link:last-of-type {
margin-top: auto;
margin-bottom: 0;
}
section.image-card-carousel button.splide__arrow {
width: 40px;
height: 40px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border-radius: 0;
opacity: 1;
top: -2em;
}
@media (max-width: 767px) {
section.image-card-carousel button.splide__arrow {
top: -1.2em;
}
}
section.image-card-carousel button.splide__arrow svg {
display: none !important;
}
section.image-card-carousel button.splide__arrow--prev {
background-image: url('data:image/svg+xml,');
}
section.image-card-carousel button.splide__arrow--next {
background-image: url('data:image/svg+xml,');
}
section.image-card-carousel button.splide__arrow--prev:not([disabled]):hover,
section.image-card-carousel button.splide__arrow--prev:not([disabled]):focus {
background-image: url('data:image/svg+xml,');
}
section.image-card-carousel button.splide__arrow--next:not([disabled]):hover,
section.image-card-carousel button.splide__arrow--next:not([disabled]):focus {
background-image: url('data:image/svg+xml,');
}