/* ========================================================= HQ DRAGGABLE INFINITE SLIDER ========================================================= */ /* Previous and next buttons */ .slider__btn, .slider__btn-overlay { transition: transform 0.475s cubic-bezier(0.625, 0.05, 0, 1), opacity 0.475s cubic-bezier(0.625, 0.05, 0, 1); } .slider__btn:hover .slider__btn-overlay { transform: scale(1.4); } .slider__overlay-nav:hover:has(.slider__btn:hover) .slider__btn { opacity: 0.4; } .slider__btn:hover { transform: scale(0.85); opacity: 1 !important; } /* Active slide caption */ .slide__caption { transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1), opacity 0.525s cubic-bezier(0.625, 0.05, 0, 1); transition-delay: 0s; } html:not(.wf-design-mode) .slide__caption { opacity: 0; transform: translate(-25%, 0px); } html:not(.wf-design-mode) [data-slider="slide"].active .slide__caption { opacity: 1; transform: translate(0%, 0px); transition-delay: 0.3s; } /* Active slide state */ html:not(.wf-design-mode) [data-slider="slide"] { opacity: 0.08; } html:not(.wf-design-mode) [data-slider="slide"].active { opacity: 1; }