.image-with-text-overlay{position:relative;display:flex;overflow:hidden;width:100%;background:var(--color-accent);color:#fff;padding:40px 0}@media only screen and (min-width:768px){.image-with-text-overlay{padding:80px 0}}.image-with-text-overlay .row{width:100%}.image-with-text-overlay--mobile{display:block}@media only screen and (min-width:768px){.image-with-text-overlay--mobile{display:none}}.image-with-text-overlay--desktop{display:none}@media only screen and (min-width:768px){.image-with-text-overlay--desktop{display:block}}.image-with-text-overlay--bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.image-with-text-overlay--bg.parallax--true{top:-5%;height:110%}.image-with-text-overlay--bg svg,.image-with-text-overlay--bg img{width:100%;height:100%;object-fit:cover}.image-with-text-overlay--bg svg{padding:50px;fill:var(--bg-body, #fff);opacity:.5}.image-with-text-overlay--bg:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:11;background-color:rgba(var(--color-overlay-rgb),var(--overlay-opacity));pointer-events:none}.image-with-text-overlay--content{display:flex;padding:0 15px;color:#fff;position:relative;z-index:5;width:100%;margin:0 auto}@media only screen and (min-width:768px){.image-with-text-overlay--content{padding:0 50px}}.image-with-text-overlay--content-inner{max-width:650px;width:100%}.image-with-text-overlay--content-inner.content-width-small{max-width:480px}.image-with-text-overlay--content-inner.content-width-medium{max-width:650px}.image-with-text-overlay--content-inner.content-width-large{max-width:900px}.image-with-text-overlay--content h3{color:#fff}.animations-true .image-with-text-overlay--content h3{visibility:hidden;will-change:visibility}.image-with-text-overlay--content>*+.button{margin-top:30px}.animations-true .image-with-text-overlay--content .subheading,.animations-true .image-with-text-overlay--content .button{opacity:0}@media only screen and (min-width:1068px){.image-with-text-overlay--content .rte.description-size--medium{font-size:1.25rem}}@media only screen and (min-width:1068px){.image-with-text-overlay--content .rte.description-size--large{font-size:1.5rem}}.image-with-text-overlay--content .rte p{font-size:inherit}.animations-true .image-with-text-overlay--content .rte p{visibility:hidden;will-change:visibility}.image-with-text-overlay--content.content-middle-left{justify-content:flex-start;align-items:center}.image-with-text-overlay--content.content-middle-center{justify-content:center;align-items:center}.image-with-text-overlay--content.content-middle-right{justify-content:flex-end;align-items:center}.image-with-text-overlay--content.content-bottom-left{justify-content:flex-start;align-items:flex-end}.image-with-text-overlay--content.content-bottom-center{justify-content:center;align-items:flex-end}.image-with-text-overlay--content.content-bottom-right{justify-content:flex-end;align-items:flex-end}.section-image-with-text-overlay .subheading{text-align:center;position:absolute;left:0;right:0;bottom:0;font-weight:400;font-size:48px;letter-spacing:0;color:#fff;opacity:1!important;transition:1s;font-family:"DM Serif Display",serif}.section-image-with-text-overlay h3{font-weight:400;font-size:48px;letter-spacing:0}.section-image-with-text-overlay h3,.section-image-with-text-overlay .rte,.section-image-with-text-overlay .button{transition:1s;opacity:0!important}.image-with-text-overlay:hover{--overlay-opacity: .3 !important}.section-image-with-text-overlay:hover .image-with-text-overlay--content-inner h3,.section-image-with-text-overlay:hover .image-with-text-overlay--content-inner .rte,.section-image-with-text-overlay:hover .image-with-text-overlay--content-inner .button{transition:1s;opacity:1!important}.section-image-with-text-overlay:hover .subheading{transition:1s;opacity:0!important}.image-with-text-overlay__block-image{margin-bottom:30px}.image-with-text-overlay__buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;align-items:center}.image-with-text-overlay.text-left .image-with-text-overlay__buttons{justify-content:flex-start}.image-with-text-overlay.text-right .image-with-text-overlay__buttons{justify-content:flex-end}.image-with-text-overlay__buttons .button{margin:0}@media(max-width:767px){.image-with-text-overlay__buttons{flex-direction:column;width:100%}.image-with-text-overlay__buttons .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/image-with-text-overlay.css.map */