/* Hermes navigation skin, rewritten from siteCpGenerique revolution_slider
   navigation-skins/hermes.css onto the slider section markup.
   Control sizes are scaled down from the vendor values, which were drawn for
   full-bleed desktop sliders and read as oversized here. */

/* arrows */
.slider:has(.slider-arrow--hermes) { --slider-arrow-w: 24px; }
.slider-arrow--hermes { width: 24px; height: 80px; background: rgba(0, 0, 0, 0.5); border: none; border-radius: 0; color: #fff; }
.slider-arrow--hermes:hover { background: rgba(0, 0, 0, 0.5); color: #fff; }
.slider-arrow--hermes::before { font-size: 13px; transition: transform 0.3s, opacity 0.3s; }
.slider-prev.slider-arrow--hermes:hover::before { transform: translateX(-14px); opacity: 0; }
.slider-next.slider-arrow--hermes:hover::before { transform: translateX(14px); opacity: 0; }

/* dots */
.slider-dots--hermes .slider-dot::before { width: 10px; height: 10px; border-radius: 50%; background-color: rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 2px #fff; background-image: linear-gradient(#fff, #fff); background-repeat: no-repeat; background-position: bottom; background-size: 100% 0; transition: background-color 0.3s ease, background-size 0.3s ease; }
.slider-dots--hermes .slider-dot:hover::before { background-color: rgba(0, 0, 0, 0.2); }
.slider-dots--hermes .slider-dot[aria-current="true"]::before { background-size: 100% 100%; }