.elementor-element.elementor-arrows-position-outside .swiper,
.elementor-element.elementor-arrows-position-tablet-outside .swiper,
.elementor-element.elementor-arrows-position-mobile-outside .swiper {
width: 100% !important;
}
.elementor-carousel-spectacle-wrapper {
position: relative;
width: 100%;
--swiper-slide-gap: 20px;
}
.elementor-carousel-spectacle {
display: flex;
align-items: stretch;
}
.elementor-carousel-spectacle .swiper-slide {
max-width: calc((100% - (var(--e-carousel-slides-to-show, 3) - 1) * var(--swiper-slide-gap, 20px)) / var(--e-carousel-slides-to-show, 3));
height: auto;
display: flex;
}
.elementor-carousel-spectacle-wrapper.s4-has-peek-next {
box-sizing: border-box;
padding-inline-end: var(--s4-next-slide-preview, 0px);
}
.s4-spectacle-card {
display: flex;
overflow: hidden;
position: relative;
width: 100%;
padding: clamp(40px, 5vw, 100px);
}
.s4-spectacle-card .s4-spectacle-card__image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.s4-spectacle-card .s4-spectacle-card__overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
}
.s4-spectacle-card .s4-spectacle-card__body {
display: flex;
flex-direction: column;
gap: 15px;
position: relative;
z-index: 2;
}
.s4-spectacle-card .s4-spectacle-card__body .s4-spectacle-card__title {
color: #fff; }
.s4-spectacle-card .s4-spectacle-card__body .s4-spectacle-card__text {
color: #fff;
font-size: max(1.1rem, 14px);
line-height: 1.4;
max-width: 420px;
font-weight: 350;
}
.s4-spectacle-card .s4-spectacle-card__body .s4-spectacle-card__text p {
line-height: 1.4;
}
.s4-spectacle-card .s4-spectacle-card__body .s4-spectacle-card__text:first-of-type {
margin-bottom: auto;
}
.s4-spectacle-card .s4-spectacle-card__body .s4-spectacle-card__text:last-of-type {
margin-top: 20px;
}
.s4-spectacle-card .s4-spectacle-card__body .s4-spectacle-card__text:last-of-type a {
transition: all .2s ease-in-out;
}
.s4-spectacle-card .s4-spectacle-card__body .s4-spectacle-card__text:last-of-type a:hover {
color: #D6BB81 !important;
}
.elementor-carousel-spectacle .swiper-slide:nth-child(3) .s4-spectacle-card .s4-spectacle-card__body .s4-spectacle-card__text:last-of-type a:hover {
color: #C12738 !important;
} .elementor-carousel-spectacle-wrapper .elementor-swiper-button {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid #FFFFFF;
transition: all 0.3s ease;
}
.elementor-carousel-spectacle-wrapper .elementor-swiper-button::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
background-color: var(--arrow-hover-bg, #FFFFFF);
opacity: 0;
transition: opacity 0.3s ease;
z-index: -1;
}
.elementor-carousel-spectacle-wrapper .elementor-swiper-button:hover::before {
opacity: 0.5;
}
.elementor-carousel-spectacle-wrapper .elementor-swiper-button-prev {
left: 20px;
}
.elementor-carousel-spectacle-wrapper .elementor-swiper-button-next {
right: 20px;
}
.elementor-arrows-position-outside .elementor-carousel-spectacle-wrapper {
position: static;
}
.elementor-arrows-position-inside .elementor-carousel-spectacle-wrapper {
padding-top: 0 !important;
}
.elementor-arrows-position-inside > .elementor-widget-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.elementor-arrows-position-above > .elementor-widget-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.elementor-arrows-position-above .elementor-swiper-button {
top: 0 !important;
transform: unset !important;
}
.elementor-arrows-position-below > .elementor-widget-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.elementor-arrows-position-below .elementor-swiper-button {
top: unset !important;
bottom: 0 !important;
transform: unset !important;
}.s4-share-this-page {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
column-gap: 10px;
row-gap: 6px;
line-height: 1.4;
}
.s4-share-this-page .s4-share-link {
color: inherit;
text-decoration: none;
transition: color 0.2s ease;
}
.s4-share-this-page .s4-share-link:hover {
color: inherit;
}
.s4-share-this-page .s4-share-separator {
color: inherit;
user-select: none;
}