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

/* GLOBAL */
.quick-slider{position:relative;margin:auto;}
.quick-slider ul{padding:0;margin:0;list-style:none;}
.quick-slider-slide{position:absolute;left:0;top:0;width:100%;display:none;text-align:left;overflow:hidden;line-height:0;}
.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);opacity:0.5;transition:all 0.3s ease;display:none;}
.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:1.5rem;width:100%;list-style:none;text-align:center;}
.quick-slider-nav-dots-wrapper li{display:inline-block;}
.quick-slider-nav-dots{display:inline-block;width:14px;height:14px;margin:0 12px 0 0;background:rgba(0,0,0,0.4);color:transparent;font-size:0.5em;border-radius:50%}
.quick-slider-nav-dots.active, .quick-slider-nav-dots:hover{background:#fff;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 */

.quick-slider img {width: 100%;height: 100%;object-fit: cover;}
.homePage-slider{height:100vh !important;}
.home.quick-slider-slide{height:100% !important;}
.home-slider.quick-slider{height:100% !important;}
.home.quick-slider-slide .description, .offer.quick-slider-slide .description{ height: 100%;width: 100%;display: flex;justify-content: center;align-items: center; flex-direction:column; font-size: var(--dynamic-font-size, 28vw); /* Dynamiczny rozmiar czcionki od 28vw do 0vw */
text-align: center; color: #fff;animation: grow 1s forwards, pulse 1s infinite cubic-bezier(0.1, 0.0, 0.99, 1); transform-origin: center center;gap: .5em;}

.home.quick-slider-slide .description h1{font-size:1em;letter-spacing: -.05em;  font-weight: 600;display:flex;flex-direction:column;gap:1em;line-height: .7em; }
.home.quick-slider-slide .description p{font-size:.2em;font-weight:300;line-height: .8em;margin-top: -2em;clear:both;}
.home.quick-slider-slide a, .home.quick-slider-slide a:hover{text-decoration:none !important;}

.option.slider-edit{position: absolute;z-index: 5;bottom: 0;right: 2em;}

/* Animacja pojawiania się od 0 do 28vw */
@keyframes grow {0% { font-size: 0vw; } 100% { font-size: 22vw; } }

/* Animacja delikatnego pulsowania między 1 a 1.05 */
@keyframes pulse {     0%, 100% { transform: scale(1); } 33% { transform: scale(1); }  }

.offer.quick-slider-slide .description h1{font-size: 15vh;line-height: .8em;}


/* CUSTOM - TOP SLIDER */
#slider-1{position:relative;clear:both;/*display:none;*/height:300px;overflow:hidden;color:#fff;border-top:1px solid #eaeaea;} /* 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 img{max-width:100%;}
#slider-1 li.no-img{min-height:300px;}
@media screen and (max-height:400px){
  #slider-1{max-height:50vh;}
}

/* CUSTOM - WIDGET SLIDER */
/* standard slider - images */
.slider .description{z-index:3;position:absolute;top:2rem;left:5rem;min-width:150px;width:35%;padding:1em;line-height:1.25em;color:#fff;}
.widget.type-3 .slider{clear:both;display:none;color:#fff;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;width:100%;}
/* 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;}
}

/* PLUGINS */

/* RELATED PAGES */
#pages-related .pages-slider{margin-top:1em;padding-bottom:1em;}

/* PROMOTED PAGES */
.widget.type-27 .quick-slider{padding-bottom:20px;overflow:visible;}
.widget.type-27 .quick-slider-slide{overflow:visible;}
@media screen and (max-width:460px){
  .widget.type-27{width:98%;}
}

/* COMMENTS_EXT */
.comments-slider > ul > li{min-height:100px;line-height:1.25rem;}
.comments-slider .quick-slider-nav-dots-wrapper{right:0px;top:0px;width:auto;}
