.elementor-12 .elementor-element.elementor-element-cafevcar{--swiper-slides-to-display:3;--swiper-slides-gap:22px;width:100%;max-width:100%;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:14px;--arrow-normal-color:#003945;--arrow-hover-color:#003945;}.elementor-12 .elementor-element.elementor-element-cafevcar :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#ffffff;border-radius:4px 4px 4px 4px;padding:14px 20px 14px 20px;}.elementor-12 .elementor-element.elementor-element-cafevcar :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:#F1ECE8;}.elementor-12 .elementor-element.elementor-element-cafevcar .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-cafevcar{--swiper-slides-to-display:2;--swiper-slides-gap:16px;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-cafevcar{--swiper-slides-to-display:1;--swiper-slides-gap:12px;}}/* Start custom CSS for loop-carousel, class: .elementor-element-cafevcar */.elementor-12 .elementor-element.elementor-element-cafevcar { width: 100%; position: relative; }
.elementor-12 .elementor-element.elementor-element-cafevcar .swiper { margin-left: 72px; margin-right: 72px; }
@media (max-width: 1024px) { .elementor-12 .elementor-element.elementor-element-cafevcar .swiper { margin-left: 60px; margin-right: 60px; } }
@media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-cafevcar .swiper { margin-left: 44px; margin-right: 44px; } .elementor-12 .elementor-element.elementor-element-cafevcar .elementor-swiper-button { padding: 10px 12px; } }/* End custom CSS */
/* Start custom CSS *//* Hero crossfade: 4 photos, 4s each, 1.5s fade (matches the old Impreza slider) */
[data-id="136af0c8"], [data-id="27fd121a"], [data-id="3666a27b"], [data-id="3cba8341"] { opacity: 0; animation: cafHeroFade 16s infinite both; }
[data-id="136af0c8"] { animation-delay: -1.5s; }
[data-id="27fd121a"] { animation-delay: 2.5s; }
[data-id="3666a27b"] { animation-delay: 6.5s; }
[data-id="3cba8341"] { animation-delay: 10.5s; }
@keyframes cafHeroFade { 0% { opacity: 0; } 9.4% { opacity: 1; } 25% { opacity: 1; } 34.4% { opacity: 0; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { [data-id="27fd121a"], [data-id="3666a27b"], [data-id="3cba8341"] { animation: none; opacity: 0; } [data-id="136af0c8"] { animation: none; opacity: 1; } }
[data-id="95559f0"] { margin: 0; height: 0; }/* End custom CSS */