/* Quick.Cms.Ext v6.x slider stylesheet */
/* Quick.Slider */

/* GLOBAL */
.quick-slider{position:relative;margin:auto;overflow:hidden;}
.quick-slider ul{padding:0;margin: 0 auto;list-style:none;text-align: center;}
.quick-slider-slide{position:absolute;left:0;top:0;width:100%;display:none;text-align: center;overflow:hidden;margin: 0 auto;}
.quick-slider-slide:first-child{display:block;}
.quick-slider-nav-arrows{z-index:5;position:absolute;top:50%;transform:translateY(-50%);float:right;display:block;min-height:60px;height:40%;margin:0;padding:0px 10px;border:0;background:rgba(0,0,0,0.4);opacity:0.5;transition:all 0.3s ease;}
.quick-slider-nav-arrows:hover{opacity:1;}
.quick-slider-nav-arrows:before{content:"";display:block;position:relative;top:50%;transform:translateY(-50%);width:32px;height:32px;background:url('img/arrows.png') no-repeat 0 0;}
.quick-slider-nav-arrows-prev:before{background-position:0 -32px;}
.quick-slider-nav-arrows-next{right:0;}
.quick-slider-nav-arrows-prev{left:0;}
.quick-slider-nav-dots-wrapper{position:absolute;bottom: 3.5rem;width:100%;list-style:none;text-align:center;z-index: 13;}
.quick-slider-nav-dots-wrapper li{display:inline-block;}
.quick-slider-nav-dots{display:inline-block;width: 12px;height: 12px;margin:0 12px 0 0;background: #8a7b7b;color:transparent;font-size:0.5em;border-radius: 50%;}
.quick-slider-nav-dots.active, .quick-slider-nav-dots:hover{background: #d6b1b5;transition:all 0.3s ease;color:transparent;}
.quick-slider-slide .description a{color:inherit;}
.quick-slider-slide .description a:hover{text-decoration:none;}
div[id^="slider-"] > ul > li{display:none;} /* hide slides (and descriptions) before slider images will be loaded and everything is set */

#slider-1 .quick-slider-slide .description h1, #slider-1 li .description h2{font-size: 3.4em;font-weight: 700;color: #ffffff;display:block;line-height: 1.2em;padding: 0 0 20px;text-shadow: 1px 1px 2px #030303;font-family: "Libre Baskerville", serif;}


#slider-1 .quick-slider-slide .description h3{font-size: 2.05em;font-weight: 700;color: #d8b8ba;display:inline-block;padding: 0 0 25px 0;line-height:1.1em;position:relative;text-shadow: 1px 1px 3px #060606;}

#slider-1 .quick-slider-slide .description h4{font-size:1.75em;font-weight:700;color:#f1d8ba;display:block;padding:0;line-height:1em;}

#slider-1 li:first-child h1{animation-name: fadeInDown;transform-origin: center bottom;animation-duration:3s;animation-fill-mode: both;}


#slider-1.bannerStatic{height:auto;line-height: 0;}
#slider-1.bannerStatic img{width:100%;}

#header .slider .description .box{margin: 0 auto;padding: 19% 0 0;text-align: center;font-size: 1.1em;max-width: 800px;}

/* CUSTOM - TOP SLIDER */
#slider-1{position:relative;clear:both;/*display:none;*/height:300px;overflow:hidden;color:var(--color-white);margin:  auto;text-align: center;} /* height:300px; is default height, so page will not change its height after slider is loaded, so you should change it if your slider has different height */
#slider-1 li.img{line-height:0;}
#slider-1 li.img img{max-width:100%;width: 100%;}
#slider-1 li.no-img{min-height:300px;}


/* CUSTOM - WIDGET SLIDER */
/* standard slider - images */
.slider .description{z-index:3;position:absolute;top: 0;left: 0;min-width:150px;width: 100%;height: 100%;padding: 0;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);line-height: 1.55em;color:var(--color-white);}
.widget.type-3 .slider{clear:both;display:none;color:var(--color-white);text-align:center;}
.widget.type-3 .slider li.no-img{min-height:150px;}
.widget.type-3 .slider .description{top:0;left:0;width:100%;font-size:0.875em;}
/* subpages slider */
.pages-slider li{line-height:1.25em;} /* you can also set height here */
.pages-slider .image{float:left;padding-right:1em;}
.pages-slider .description{padding:0.5em 0;}
.pages-slider li.no-img .description{width:100%;}
.pages-slider .quick-slider-nav-arrows{top:20%;}
.pages-slider .quick-slider-nav-dots-wrapper{bottom:0px;text-align:center;}

@media print{
  /* PRINT STYLES */
  #slider-1, .quick-slider img, .quick-slider-nav-arrows, .quick-slider-nav-dots{display:none;}
}
@media screen and (max-width:1280px){
	#slider-1 .quick-slider-slide .description h1, #slider-1 li .description h2{font-size: 4em;}
	#header .slider .description .box{padding: 10% 0 0;}
	
}
@media screen and (max-width:1024px){
	#slider-1 .quick-slider-slide .description h1, #slider-1 li .description h2{font-size: 3em;}
	#slider-1 .quick-slider-slide .description h3{font-size: 1.5em;}
	#header .slider .description .box{padding: 8% 0 0;font-size: 1em;width: 96%;}
	
}
@media screen and (max-width:720px){
	/* #slider-1 li.img img{max-width:inherit;width: 720px;height: 345px;}
	#slider-1{height: 345px !important;}
	#slider-1.bannerStatic{height:auto !important}
	#slider-1 li > img, #slider-1.bannerStatic > img{width:720px} */
	
	.quick-slider-nav-dots-wrapper{display:none}
		#slider-1 .quick-slider-slide .description h1, #slider-1 li .description h2{font-size: 2em;padding: 0 0 5px;}
		#slider-1 .quick-slider-slide .description h3{font-size: 1.15em;padding: 0 0 9px 0;}
		#slider-1 .quick-slider-slide .description p{font-size: 0.9em;line-height: 1.3em;}
		
		#slider-1 .quick-slider-slide .description a{margin:15px 0 15px;padding: 8px 15px 7px;}
}
@media screen and (max-width:640px){
	#slider-1 .quick-slider-slide .description p{display:none}
	#slider-1 .quick-slider-slide .description p.show{display:inherit}
}

@media screen and (max-width:420px){
	#slider-1 .quick-slider-slide .description a{margin:5px 0 15px;}
	#slider-1 .quick-slider-slide .description a:after{margin-left: 6px;}
}

/* PLUGINS */

/* PAGE IMAGES SLIDER */
.images-slider-5{clear:both;margin-bottom:20px;}
.images-slider-6{clear:both;margin-top:20px;}
[class*="images-slider-"] ul{position:relative;}
[class*="images-slider-"] .quick-slider-slide{float:left;position:relative;width:auto;padding:0 10px;display:block;}
[class*="images-slider-"] .quick-slider-slide p{z-index:3;position:absolute;bottom:0;max-width:70%;padding:5px 10px;text-align:left;background:rgba(0,0,0,0.3);line-height:1.25em;color:white;font-size:0.75em;}
