.custom-hero-banner{position:relative;width:100%;height:var(--desktop-height);overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-background--placeholder{display:flex;align-items:center;justify-content:center}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay-color);opacity:var(--overlay-opacity)}.hero-content{position:relative;z-index:2;width:100%;height:100%;padding:3rem}.container-full{max-width:100%}.container-wide{max-width:1400px;margin:0 auto}.container-standard{max-width:1200px;margin:0 auto}.container-narrow{max-width:1000px;margin:0 auto}.hero-text-wrapper,.hero-button-wrapper{position:absolute;margin:0}.hero-text-wrapper{max-width:var(--content-max-width)}.hero-heading{font-size:var(--heading-size-desktop);color:var(--heading-color);margin:0 0 .5em}.hero-subheading{font-size:var(--subheading-size-desktop);color:var(--subheading-color);margin:0;line-height:1.5}.hero-button{display:inline-flex;align-items:center;gap:.5rem;padding:var(--button-padding-vertical) var(--button-padding-horizontal);text-decoration:none;border-radius:var(--button-border-radius);transition:all .3s ease;cursor:pointer;white-space:nowrap}.button-style-filled{background-color:var(--button-bg-color);color:var(--button-text-color);border:var(--button-border-width) solid var(--button-border-color)}.button-style-filled:hover{background-color:var(--button-hover-bg);color:var(--button-hover-text)}.button-style-outline{background-color:transparent;color:var(--button-text-color);border:var(--button-border-width) solid var(--button-border-color)}.button-style-outline:hover{background-color:var(--button-bg-color);color:var(--button-text-color)}.button-style-text{background-color:transparent;color:var(--button-text-color);border:none;text-decoration:underline;text-underline-offset:4px}.button-style-text:hover{color:var(--button-hover-text)}.button-icon{font-size:1.2em;line-height:1}.desktop-top-left{top:3rem;left:3rem}.desktop-top-center{top:3rem;left:50%;transform:translate(-50%)}.desktop-top-right{top:3rem;right:3rem}.desktop-middle-left{top:50%;left:3rem;transform:translateY(-50%)}.desktop-middle-center{top:50%;left:50%;transform:translate(-50%,-50%)}.desktop-middle-right{top:50%;right:3rem;transform:translateY(-50%)}.desktop-bottom-left{bottom:3rem;left:3rem}.desktop-bottom-center{bottom:3rem;left:50%;transform:translate(-50%)}.desktop-bottom-right{bottom:3rem;right:3rem}.animate-fade-in{animation:fadeIn .8s ease-out}.animate-slide-up{animation:slideUp .8s ease-out}.animate-slide-down{animation:slideDown .8s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:750px)and (max-width:989px){.custom-hero-banner{height:var(--tablet-height)}.hero-heading{font-size:var(--heading-size-tablet)}.hero-subheading{font-size:var(--subheading-size-tablet)}.hero-content{padding:2.5rem}.hero-text-wrapper,.hero-button-wrapper{top:auto;left:auto;right:auto;bottom:auto;transform:none}.tablet-top-left{top:2.5rem;left:2.5rem}.tablet-top-center{top:2.5rem;left:50%;transform:translate(-50%)}.tablet-top-right{top:2.5rem;right:2.5rem}.tablet-middle-left{top:50%;left:2.5rem;transform:translateY(-50%)}.tablet-middle-center{top:50%;left:50%;transform:translate(-50%,-50%)}.tablet-middle-right{top:50%;right:2.5rem;transform:translateY(-50%)}.tablet-bottom-left{bottom:2.5rem;left:2.5rem}.tablet-bottom-center{bottom:2.5rem;left:50%;transform:translate(-50%)}.tablet-bottom-right{bottom:2.5rem;right:2.5rem}}@media screen and (max-width:749px){.custom-hero-banner{height:var(--mobile-height)}.hero-heading{font-size:var(--heading-size-mobile)}.hero-subheading{font-size:var(--subheading-size-mobile)}.hero-content{padding:1.5rem}.hero-text-wrapper{max-width:100%}.hero-text-wrapper,.hero-button-wrapper{top:auto;left:auto;right:auto;bottom:auto;transform:none}.mobile-top-left{top:1.5rem;left:1.5rem}.mobile-top-center{top:1.5rem;left:50%;transform:translate(-50%)}.mobile-top-right{top:1.5rem;right:1.5rem}.mobile-middle-left{top:50%;left:1.5rem;transform:translateY(-50%)}.mobile-middle-center{top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-middle-right{top:50%;right:1.5rem;transform:translateY(-50%)}.mobile-bottom-left{bottom:1.5rem;left:1.5rem}.mobile-bottom-center{bottom:1.5rem;left:50%;transform:translate(-50%)}.mobile-bottom-right{bottom:1.5rem;right:1.5rem}.hero-button{font-size:14px}}@media(prefers-reduced-motion:reduce){.animate-fade-in,.animate-slide-up,.animate-slide-down{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/section-custom-hero-banner.css.map */