.hero-slider-wrapper{position:relative;width:100%;overflow:hidden}.hero-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.hero-slider::-webkit-scrollbar{display:none}.hero-slide{flex:0 0 100%;position:relative;scroll-snap-align:start}.hero-slider-wrapper[data-desktop-height=small] .hero-slide{min-height:30vh}.hero-slider-wrapper[data-desktop-height=medium] .hero-slide{min-height:45vh}.hero-slider-wrapper[data-desktop-height=large] .hero-slide{min-height:60vh}.hero-slider-wrapper[data-desktop-height=full-screen] .hero-slide{min-height:100vh}.hero-slide__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-slide__media video,.hero-slide__media img{width:100%;height:100%;object-fit:cover;display:block}.hero-slide__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:2;pointer-events:none}.hero-slide__content-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;padding:40px 5%;z-index:3;box-sizing:border-box}.align-top{align-items:flex-start}.align-middle{align-items:center}.align-bottom{align-items:flex-end}.justify-left{justify-content:flex-start}.justify-center{justify-content:center}.justify-right{justify-content:flex-end}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.hero-slide__content{max-width:800px;color:#fff}.hero-subheading{font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}.hero-heading{font-size:3.5rem;font-weight:800;margin:0 0 20px;line-height:1.1;color:#fff}.hero-body-text{font-size:1.1rem;margin-bottom:30px}.hero-btn{display:inline-block;padding:15px 35px;background-color:#fff;color:#000;text-decoration:none;font-weight:700;text-transform:uppercase;transition:background-color .3s ease}.hero-btn:hover{background-color:#ddd}@media screen and (max-width:767px){.media-desktop{display:none!important}.media-mobile{display:block!important;height:100%;width:100%}.hero-slide{min-height:60vh}.hero-heading{font-size:2.2rem}}@media screen and (min-width:768px){.media-mobile{display:none!important}.media-desktop{display:block!important;height:100%;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-custom-hero-slider.css.map */