.hero-slider{--sliderHeight: 90vmin;position:relative;height:90vmin}.hero-slider .slide-item{height:var(--sliderHeight);height:90vmin;position:relative}.hero-slider .slide-item .slide-bkg{position:absolute;left:0;top:0%;width:100%;height:100%;z-index:1}.hero-slider .slide-item .slide-bkg .bkg-img{background-size:cover;background-position:50% 50%;background-repeat:no-repeat;width:100%;height:100%;display:block;z-index:2;position:relative}.hero-slider .slide-item .slide-bkg .bkg-img-overlay{top:0;left:0;width:100%;height:100%;display:block;z-index:3;position:absolute;opacity:.5}.hero-slider .slide-content{position:relative;z-index:10;height:100%;display:flex;align-items:center}.hero-slider .slide-content h1{margin:0;padding:0;color:#fff;font-size:clamp(1.5rem,-8.4906rem + 30.1887vw,8rem);line-height:1.2em;letter-spacing:.08em;font-weight:medium;text-transform:uppercase}.hero-slider .slide-content .headline-image{margin-right:auto;margin-left:auto;margin-bottom:32px;width:100%}.hero-slider .slide-content h4{margin:0;padding:0;color:#fff;font-size:clamp(1.325rem,-4.6972rem + 15.7233vw,2.55rem);line-height:1.2em;font-weight:medium;text-transform:uppercase}.hero-slider .slide-content .btn-hero-slider{margin-top:32px}.hero-slider .slick-arrow{position:absolute;height:100%;width:100px;display:block;top:0;z-index:10;background-color:transparent;border:0;overflow:hidden;text-indent:2000px;transition:.25s all ease-in-out}.hero-slider .slick-arrow.slick-prev{left:0;background:linear-gradient(to right,#0000004d,#0000);transition:.25s all ease-in-out;opacity:0}.hero-slider .slick-arrow.slick-prev:hover{opacity:1}.hero-slider .slick-arrow.slick-next{right:0;transition:.25s all ease-in-out;background:linear-gradient(to left,#0000004d,#0000);opacity:0}.hero-slider .slick-arrow.slick-next:hover{opacity:1}.hero-slider .slick-dots{position:absolute;bottom:32px;left:0;width:100%;z-index:100;margin:0;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-slider .slick-dots li{list-style:none;margin:0 8px;padding:0}.hero-slider .slick-dots li button{padding:0;margin:0;display:block;width:100%;max-width:120px;min-width:80px;height:4px;border:0;background-color:#fff;overflow:hidden;text-indent:2000px;opacity:.75}@media screen and (max-width:768px){.hero-slider .slick-dots li button{max-width:90px}}@media screen and (max-width:768px){.hero-slider .slick-dots li button{max-width:48px}}.hero-slider .slick-dots li button:hover{opacity:1}.hero-slider .slick-dots li.slick-active button{background-color:#000}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-hero-slider.css.map */
