/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 04 2025 | 08:18:02 */
.hero-slider {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 90px);
    height: calc(100dvh - 90px);
}

/* gdy zalogowany i jest pasek administratora */
body.admin-bar .hero-slider  {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 110px);
  height: calc(100dvh - 110px);
}

.hero-slider .slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s ease;

}

.hero-slider .slide.is-active {
    opacity: 1;
    pointer-events: auto;
}

/* strzałki */
.hero-slider .hs-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    border: 1px solid #fff;
    background: rgb(0 0 0 / 0%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
	padding: 16px;
}

.hero-slider .hs-prev {
    left: 30px;
}

.hero-slider .hs-next {
    right: 30px;
}

.hero-slider .hs-arrow:hover {
    background: rgba(0, 0, 0, .8);
}


.hero-slider .hs-dots button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    background: rgba(255, 255, 255, .4);
}

.hero-slider .hs-dots button.is-active {
    background: #fff;
}

@media (max-width: 768px) {
.hero-slider .hs-arrow {
   display:none;
}
}

/* gdy zalogowany i jest pasek administratora */
body.admin-bar .hero-minh {
  min-height: calc(100vh - 110px);
  display: flex;
  align-items: center;
}

/* domyślnie (bez paska WP) */
.hero-minh {
  min-height: calc(100vh - 90px);
  display: flex;
  align-items: center;
}


.icon-down {
    z-index: 99999;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%); 
    animation: floatArrow 1.5s ease-in-out infinite;
	display: flex;    
  	align-items: center;
  	justify-content: center; 
  	width: 60px;             
 	height: 60px;
}

.icon-hero {
  color: #fff;
  font-size: 48px;
  transform: rotate(90deg) translateY(2px); /* lekkie przesunięcie */
  display: inline-block;
}

@keyframes floatArrow {
  0%   { transform: translate(-50%, 0); }
  50%  { transform: translate(-50%, 5px); } /* przesunięcie w dół */
  100% { transform: translate(-50%, 0); }
}


@media (max-width: 768px) {
.icon-down {
    bottom: 20px;
	}
}