/* Basic styles for the frontend slider wrapper and helpers for positioning arrows/dots */

.kador-gallery-slider { position: relative; box-sizing: border-box;}

/* arrows position helpers */
.kador-gallery-slider.arrows-top .slick-arrow { top: 8px; transform: translateY(0); }
.kador-gallery-slider.arrows-middle .slick-arrow { top: 50%; transform: translateY(-50%); }
.kador-gallery-slider.arrows-bottom .slick-arrow { bottom: 8px; top: auto; transform: translateY(0); }

/* arrows align helpers (left/center/right) */
.kador-gallery-slider.arrows-align-left .slick-prev { left: 8px; }
.kador-gallery-slider.arrows-align-left .slick-next { left: 48px; }
.kador-gallery-slider.arrows-align-center .slick-prev { left: 50%; transform: translateX(-110%); }
.kador-gallery-slider.arrows-align-center .slick-next { left: 50%; transform: translateX(10%); }
.kador-gallery-slider.arrows-align-right .slick-next { right: 8px; left: auto; }
.kador-gallery-slider.arrows-align-right .slick-prev { right: 48px; left: auto; }

/* dots position helpers */
.kador-gallery-slider.dots-top .slick-dots { top: 8px; bottom: auto; }
.kador-gallery-slider.dots-bottom .slick-dots { bottom: 8px; top: auto; }

/* dots align */
.kador-gallery-slider.dots-align-left .slick-dots { text-align: left; }
.kador-gallery-slider.dots-align-center .slick-dots { text-align: center; }
.kador-gallery-slider.dots-align-right .slick-dots { text-align: right; }

/* slide image styling */
.gallery-slide img { 
    width:100%;
    height:auto;
    display:block;
    position: relative;
     max-height: 100vh;
    }

/* make sure slick-theme arrows are visible over images */
.slick-prev, .slick-next { z-index: 3; }