/* Custom navigation skin, rewritten from siteCpGenerique revolution_slider
   navigation-skins/custom.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--custom) { --slider-arrow-w: 30px; }
.slider-arrow--custom { width: 30px; height: 30px; background: rgba(0, 0, 0, 0.5); border: none; border-radius: 0; color: #fff; }
.slider-arrow--custom:hover { background: #000; color: #fff; }
.slider-arrow--custom::before { font-size: 13px; }

/* dots */
.slider-dots--custom .slider-dot::before { width: 8px; height: 8px; border-radius: 0; background: rgba(125, 125, 125, 0.5); }
.slider-dots--custom .slider-dot:hover::before,
.slider-dots--custom .slider-dot[aria-current="true"]::before { background: rgb(125, 125, 125); }