/*
	RLS SLIDER v2.21
	
*/

/** custom css used **/
.fullfixed{ position:fixed;top:0;left:0;bottom:0;right:0;width:auto;height:auto;}
.fullabs{ position: absolute;top: 0;bottom: 0;right: 0;left: 0;}
.widthrel{ position:relative;width:100%;height:100%;}
.widthabs{ position:absolute;top:0;left:0;width:100%;height:100%; }
.widthabs{ position:absolute;top:0;left:0;width:100%;height:100%; }

/** CSS VARS **/
.rls-slider{
	--mrg-slider: 0px;
	--hgt-slider: auto;	/* from js */
	--wdt-slider: auto; /* from js */
	/*--oo-100vh:	calc( (100 * var(--js-vh, 1vh)) - var(--wp-admin--admin-bar--height,0px)) ;	*/
}

.rls-slide .con-ratio{ position:relative;}
/**** NEW ***** RATIO ******/
.rls-slider.size-ratio, .rls-slide .con-ratio{--rw:16;--rh:9;/* height:percentage of width (16:9) */}
.rls-slider.size-ratio.ratio-169, .rls-slide .con-ratio.ratio-169{--rw:16;--rh:9;}/* (16:9) */
.rls-slider.size-ratio.ratio-65, .rls-slide .con-ratio.ratio-65{--rw:6;--rh:5;} /* (5:4) */
.rls-slider.size-ratio.ratio-54, .rls-slide .con-ratio.ratio-54{--rw:5;--rh:4;} /* (5:4) */
.rls-slider.size-ratio.ratio-53, .rls-slide .con-ratio.ratio-53{--rw:5;--rh:3;} /* (5:3) */
.rls-slider.size-ratio.ratio-43, .rls-slide .con-ratio.ratio-43{--rw:4;--rh:3;}/* (4:3) */
.rls-slider.size-ratio.ratio-32, .rls-slide .con-ratio.ratio-32{--rw:3;--rh:2;} /* (3:2) */

.rls-slider.size-ratio.ratio-1, .rls-slide .con-ratio.ratio-1{--rw:1;--rh:1;} /* (1:1) */

.rls-slider.size-ratio.ratio-916, .rls-slide .con-ratio.ratio-916{--rw:9;--rh:16;}  /* (9:16) */
.rls-slider.size-ratio.ratio-56, .rls-slide .con-ratio.ratio-56{--rw:5;--rh:6;} 	/* (5:6) */
.rls-slider.size-ratio.ratio-45, .rls-slide .con-ratio.ratio-45{--rw:4;--rh:5;} 	/* (4:5) */
.rls-slider.size-ratio.ratio-35, .rls-slide .con-ratio.ratio-35{--rw:3;--rh:5;} 	/* (3:4) */
.rls-slider.size-ratio.ratio-34, .rls-slide .con-ratio.ratio-34{--rw:3;--rh:4;} 	/* (3:4) */
.rls-slider.size-ratio.ratio-23, .rls-slide .con-ratio.ratio-23{--rw:2;--rh:3;} 	/* (2:3) */

.rls-slider.size-ratio:after, .rls-slide .con-ratio:after{content:"";display:block;padding-top:calc( var(--rh) / var(--rw) * 100%) ;/* height:percentage of width (16:9) */}
.rls-slide .con-ratio.ratio-inline:after{ display:none;}
/* from vimeo *//*
max-width: calc(177.778vh);
height: calc(56.25vw);
*/

/*** SLIDER & slick track/list ***/
	/* general */
.rls-slider{position:relative;display: block;overflow:hidden;}
.rls-slider .slick-list, .rls-slider .slick-track{ height: 100%;}
/*.rls-slider .rls-slider-inr{ position: relative;}*/
	/* size: normal */
.rls-slider.size-normal{ display: flex;align-items: normal;flex-wrap: wrap;overflow: visible;}
.rls-slider.size-normal .slick-list, .rls-slider.size-normal .slick-track{ height: auto;}
	/* size: fit-parent & fit-screen */
.rls-slider.size-fit-parent{position: absolute;top:0;bottom:0;right:0;left:0;}
.rls-slider.size-fit-screen{position: fixed;top:0;left:0;width:var(--100vw, 100%);height:100vh;}
	/* size: ratio */
.rls-slider.size-ratio{ /*width:30vw !important;*/}
.rls-slider.size-ratio .slick-list{ position: absolute;width:100%;}
	/*before init */
.rls-slider.size-normal:not(.slick-initialized){flex-flow: row nowrap;}

/*** SLIDE & slide-con & media types ***/

.rls-slide{	position:relative;display:none;opacity:1;background-position: center center;background-size: contain;background-repeat: no-repeat;
    /*justify-content: center;align-items: center;*//* align slide media setting (justify: vertical)*/
}
	/** from settings **/
.rls-slider.transition-slide .rls-slide{ position:relative !important;}
.rls-slider.adaptive-height .rls-slide.slick-slide{ height:auto;}

	/** slide **/
	/* normal */
.rls-slider.size-normal:not(.slick-initialized) .rls-slide{position:relative;min-width:100%;}

.rls-slider:not(.size-normal) .rls-slide{position: absolute;width:100%;height:100%;}

.rls-slider.size-ratio .rls-slide{width:100%;}


.rls-slide.active{ display: flex;}
.rls-slide:not(.active){ pointer-events: none; }
.rls-slider:not(.slick-initialized) .rls-slide:not(.active){opacity:0; }

	/** slide con **/
.rls-slide-con{	width:100%;height:100%;background-position: center center;background-size: contain;	background-repeat: no-repeat;}
.rls-slider.size-normal .rls-slide-con{ height:auto;}

	/** slide media **/
.rls-slide-con iframe,
.rls-slide-con img.rls-slide-media,
.rls-slide-con video.rls-slide-media{display:block;position:relative;max-width:100%;height:auto;margin: 0 auto;}
.rls-slide:not(.autoplay) .rls-slide-con iframe{ pointer-events:auto;}
    /* sizes */
.rls-slider .rls-slide-con.con-ratio iframe{width: 100%; height: 100%; position: absolute;}/* added in 2.19 (cdj): what about img, video, svg etc? */ 


	/* slides & switch */
.rls-slide.switch-from{ z-index:5;}


/*** IMAGES **/
.rls-slide.type-image{display:flex;}
.rls-slide.type-image.active{ z-index: 1;}
/*.rls-slide.type-image .rls-slide-con{transform:none;top:0;left:0;height:auto;position: relative;}
.rls-slide.type-image .rls-slide-con img {object-fit: cover;object-position:center;}*/


/*** VIDEOS ****/
.rls-slide.type-video{ display: flex; flex-flow: column nowrap; align-items: center;}
.rls-slider:not(.size-normal) .rls-slide.type-video{ justify-content: center;}

/* default & contain */
.rls-slide.type-video:not(.fill-cover) .rls-slide-con.con-ratio{ max-width:calc( (var(--hgt-slider) ) * (var(--rw) / var(--rh))) ;}
/* cover */
.rls-slide.type-video.fill-cover .rls-slide-con.con-ratio{ min-width:calc( (var(--hgt-slider) ) * (var(--rw) / var(--rh))) ;}

		/* vimeo */
.rls-slide.type-video.subtype-vimeo .rls-slide-con{ height:auto;}
.rls-slide.subtype-vimeo.fill-cover .rls-slide-con:not(.loaded){height:100%;}
.rls-slide.autoplay .vimeo-frame{ pointer-events:none;}
/*.vimeo-frame > div:first-of-type{ padding:0 !important;position:static !important;}*/




/* poster overlay */
.rls-slide.type-video .poster-overlay{background-position: center center;background-size: cover;background-repeat: no-repeat;pointer-events:none;transition:opacity 0.2s ease;opacity:1;}
.rls-slide.type-video .rls-slide-con.playing .poster-overlay{opacity:0;}
/** play overlay / button -- special */
.rls-slide .play-overlay{pointer-events:auto;}
.rls-slide .play-button{pointer-events:auto;transition:all 200ms ease-in-out;cursor:pointer;border-radius:100%;overflow:hidden;opacity: 0;width:12%;;}
.rls-slide .play-button svg{ display:block;width:100%;height:auto;position:relative;transition:transform 200ms ease-in-out;}
.rls-slide .play-button svg .cirkel{ stroke:#ffffff;}
.rls-slide .play-button svg .arrow{ fill:#ffffff;}
.rls-slide .rls-slide-con.loaded .play-button{ opacity: 0.9;}
.rls-slide .play-button:hover {opacity: 0.5;}
.rls-slide .play-button:hover path.arrow{ transition:transform 200ms ease-in-out;transform-origin: center center;}
.rls-slide .play-button:hover path.arrow{ transform:scale(1.2);}
	/* hide on play */
.rls-slide-con.loaded.startplaying .play-button{ opacity:0.2;pointer-events:none;}
.rls-slide-con.loaded.playing .play-button{ opacity:0;pointer-events:none;}


/** FILLMODES (size normal has no fillmode) **/
	/* default */
.rls-slider:not(.size-normal) .rls-slide-con .rls-slide-media{ width:100%;height:100%;object-fit:scale-down;object-position:center center;}

	/* cover */
.rls-slider .rls-slide.fill-cover,
.rls-slider .rls-slide.fill-cover .rls-slide-con{background-size: cover;}
/*.rls-slider .rls-slide.fill-cover .poster-overlay*//* --> always cover */
.rls-slider .rls-slide.fill-cover .rls-slide-con .rls-slide-media{ object-fit: cover;}
	/* contain */
.rls-slider .rls-slide.fill-contain,
.rls-slider .rls-slide.fill-contain .rls-slide-con{background-size: contain;}
/*.rls-slider .rls-slide.fill-contain .poster-overlay*/
.rls-slider .rls-slide.fill-contain .rls-slide-con .rls-slide-media{object-fit:contain;}
		/* old stuff 
.rls-slider:not(.size-normal) .rls-slide.type-video.fill-contain .rls-slide-con{height:100%;min-width:0;}
.rls-slider:not(.size-normal) .rls-slide.type-video.fill-contain .rls-slide-con:after{display:none;}*/


/*** OVERWRITES FROM SLIDE SIZE *DimBalsem Only)***/
    /* medium */
.rls-slide.slide-size-medium{ display:flex; align-items: center; justify-content: center;}
.rls-slide.slide-size-medium .rls-slide-con{ background-size: contain;width:80%;height:80%; }
.rls-slide.slide-size-medium .rls-slide-con img,
.rls-slide.slide-size-medium .rls-slide-con video,
    /*small */
.rls-slide.slide-size-small .rls-slide-con img,
.rls-slide.slide-size-small .rls-slide-con video{ object-fit: contain !important;}
.rls-slide.slide-size-small{ display:flex; align-items: center; justify-content: center;}
.rls-slide.slide-size-small .rls-slide-con{ background-size: contain;width:50%;height:70%; }

/*** TEXT OVERLAY ***/
.rls-slide-overlay{display:flex;justify-content: center;align-items: center;pointer-events:none;transition:opacity 300ms ease-in-out;opacity:1;}
.rls-slide-overlay-content{ padding:2rem;}
.rls-slide-overlay-content *{pointer-events:auto;}
.rls-slide.type-video:not(.autoplay) .rls-slide-con.playing + .rls-slide-overlay{opacity:0;}


/*** SLICK ELEMENTS ***/
	/* dots (from slick theme) 
.slick-dots{ bottom:0;text-align:left;}
.slick-dots li, .slick-dots li button{ width:auto;height:auto;}
.slick-dots li{ margin: 0 1px;}
.slick-dots li button{ padding: 5px;}
.slick-dots li button::before{position:relative;line-height:1;font-size:1.3rem;color:white;opacity:0.5;}
.slick-dots li.slick-active button::before {color:white;opacity:0.9;}*/
	/* dots without slick theme */
.slick-dots{ 
	bottom:0;
	text-align:center;
	position: absolute;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
 }
 
.rls-slider[data-slides="1"] .slick-dots{ display:none !important;}
.slick-dots li, .slick-dots li button{ width:auto;height:auto;}
.slick-dots li{
	position: relative;
	display: inline-block;
	padding: 0;
	cursor: pointer; 
	margin: 0 2px;
}
.slick-dots li button{ 
	font-size: 0;
	line-height: 0;
	display: block;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
	padding: 5px;
    --rls-sldr-dot-wdt: calc(0.02 * var(--wdt-slider));
}
.slick-dots li button::before{
	position:relative;
	color: white;
    border: 1px solid #444444;
	opacity: 0.9;
	content: " ";
	display: block;
	max-width: var(--rls-sldr-dot-wdt);
    max-height: var(--rls-sldr-dot-wdt);
    width: 1rem;
	height: 1rem;
	background-color: white;
	border-radius: 50%;
	opacity:0.5;
}
.slick-dots li.slick-active button::before {opacity:0.9;}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1;
}

	/** slick arrows 
'<div class="slick-arrow slick-prev"><div class="slick-arrow-btn"></div></div>'
'<div class="slick-arrow slick-next"><div class="slick-arrow-btn"></div></div>'
	*/
.slick-arrow{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;z-index:100;transition: all .2s ease-in-out;}
.slick-arrow.slick-disabled{ opacity:0;pointer-events:none;}
.slick-arrow:hover{ opacity:0.5;}
.slick-arrow.slick-prev{left:0;}
.slick-arrow.slick-next{right:0;}
.slick-arrow-btn{width:30px;height:30px;line-height:30px;text-align:center;}
	/* insta arrows */
.slick-arrow-btn{font-size:0;background-image: url(assets/fx/spritesheet_insta.png);background-repeat: no-repeat;margin:10px;}
.slick-arrow.slick-prev .slick-arrow-btn{background-position: -130px -98px;}
.slick-arrow.slick-next .slick-arrow-btn{background-position: -162px -98px;}


/** toggle mute **/
.slide-btn-togglemute{
    cursor:pointer;
    width:45px;
    height:45px;
    background-color: rgba(0,0,0,0.9);
    opacity:0.5;
    position: absolute;
    left:50%;top:50%;
    transform: translate(-50%, -50%);
    transition: background 200ms ease-in-out, opacity 200ms ease-in-out;
}
.slide-btn-togglemute:hover{ background-color: rgba(0,0,0,0.9);opacity:1;}
    /* toggle behaviour */
.rls-slide.is-muted .slide-btn-togglemute{}

.rls-slide:not(.is-muted) .slide-btn-togglemute .icon-mute-on{ opacity:0;}
.rls-slide.is-muted .slide-btn-togglemute .icon-mute-off{ opacity:0;}

.slide-btn-togglemute .inr{ position: relative;}
.slide-btn-togglemute .icon-mute svg{width:100%;/*height:100%;*/display:block;}

    /* circle **/
.slide-btn-togglemute {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  padding: 0.4%;
}
.slide-btn-togglemute .icon-mute svg path, 
.slide-btn-togglemute .icon-mute svg rect{fill:#FFF;}


/** QUERIES **/
@media only screen and (min-width: 782px){
	.rls-slide.display-mobile{display:none !important;}
}
@media only screen and (max-width: 781px){
	.rls-slide.display-desktop{display:none !important;}
	/* mobile fillmode: simple onlyso only images? */
	/* mobfill contain */
	.rls-slide.fillmob-contain .rls-slide-con{background-size: contain;}
	.rls-slide.type-image.fillmob-contain .rls-slide-con img{object-fit:contain;}
		/* video */
	.rls-slide.type-video.fillmob-contain .poster-overlay, .rls-slide.type-video.fillmob-contain{background-size: contain;}
	.rls-slide.type-video.fillmob-contain .rls-slide-con{height:100%;min-width:0;}
	.rls-slide.type-video.fillmob-contain .rls-slide-con:after{display:none;}
	/* mobfill cover */
	.rls-slide.fillmob-cover .rls-slide-con{background-size: cover;}
	.rls-slide.type-image.fillmob-cover .rls-slide-con img{object-fit:cover;}
		/* video */
	.rls-slide.type-video.fillmob-cover .poster-overlay, .rls-slide.type-video.fillmob-cover{background-size: cover;}
	.rls-slide.type-video.fillmob-cover .rls-slide-con{height:auto;}
	.rls-slide.type-video.fillmob-cover .rls-slide-con:after{display:block;}
}