.section-image-with-text{background:var(--section-color-bg-gradient, var(--section-color-bg, #fff))}.image-with-text-wrapper{color:var(--color-text, #2c2d2e)}.image-with-text--header{margin-bottom:30px}.image-with-text--header-heading{color:var(--color-text, #2c2d2e);margin:0 0 15px}.image-with-text--header-description{color:var(--color-text, #2c2d2e);line-height:calc(var(--font-body-line-height-scale, 1) * 1.6)}.image-with-text--header-description p{margin:0}.image-with-text--header-description p+p{margin-top:.75em}.image-with-text--header.text-left{text-align:left}.image-with-text--header.text-center{text-align:center}.image-with-text--header.text-right{text-align:right}@media only screen and (max-width:767px){.image-with-text--header{margin-bottom:20px}}.image-with-text--image-media,.image-with-text--content{isolation:isolate;border-radius:var(--block-border-radius, 16px)}.image-with-text--image-media{box-shadow:var(--block-shadows)}@media only screen and (max-width:768px){.img-wrap{display:flex;flex-wrap:wrap}.img-wrap-reverse{display:flex;flex-wrap:wrap-reverse}.mobile-content-text-center .image-with-text--content--inner,.mobile-content-text-center .image-with-text--mobile-heading{text-align:center}.mobile-content-text-left .image-with-text--content--inner,.mobile-content-text-left .image-with-text--mobile-heading{text-align:left}.mobile-content-text-right .image-with-text--content--inner,.mobile-content-text-right .image-with-text--mobile-heading{text-align:right}.mobile-heading-above-media .image-with-text--mobile-heading{width:100%;margin-bottom:0}.mobile-heading-above-media .image-with-text--content .mobile-hide-heading{display:none}}@media only screen and (min-width:768px){.image-with-text--mobile-heading{display:none}.image-with-text{display:grid;grid-auto-flow:dense;grid-template-areas:"media content";grid-template-columns:1fr 1fr}}@media only screen and (min-width:768px){.image-with-text.text_first{grid-template-areas:"content media"}}.image-with-text--image{width:100%}@media only screen and (min-width:768px){.image-with-text--image{grid-area:media}}.image-with-text--image svg,.image-with-text--image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-with-text--image svg{padding:50px;fill:var(--bg-body, #fff);opacity:.5;background:var(--color-accent)}.image-with-text--image-media{position:relative;width:100%;overflow:hidden;padding-bottom:var(--ratio-percent)}.image-with-text--image-media.aspect-ratio--small{padding-bottom:75%}.image-with-text--image-media.aspect-ratio--large{padding-bottom:100%}.image-with-text--image-media iframe,.image-with-text--image-media video{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}.image-with-text--content{display:flex;width:100%;flex-grow:1;padding:25px;align-items:center;background:transparent}@media only screen and (min-width:768px){.image-with-text--content{padding:45px;grid-area:content}}@media only screen and (min-width:1068px){.image-with-text--content{padding:70px}}.image-with-text--content--inner{max-width:600px;margin:0 auto}.image-with-text--content--image{margin-bottom:30px}.image-with-text--content--image svg{width:100px;height:100px;fill:var(--bg-body, #fff);opacity:.5;background:var(--color-accent);margin-bottom:20px}.image-with-text--content p,.image-with-text--content h3,.image-with-text--content .text-button{color:var(--color-text, --color-body)}.image-with-text--content .text-button:before{background:rgba(var(--color-text-rgb),.4)}.image-with-text--content .text-button:after{background:var(--color-text, --color-body)}.image-with-text--content .accordion summary{color:var(--color-text, --color-body)}.image-with-text--content .accordion summary span:before,.image-with-text--content .accordion summary span:after{background:var(--color-text, --color-body)}@media only screen and (min-width:768px){.image-with-text.grid--image-small{grid-template-columns:4fr 6fr}}@media only screen and (min-width:768px){.image-with-text.grid--image-small.text_first{grid-template-columns:6fr 4fr}}@media only screen and (min-width:768px){.image-with-text.grid--image-large{grid-template-columns:6fr 4fr}}@media only screen and (min-width:768px){.image-with-text.grid--image-large.text_first{grid-template-columns:4fr 6fr}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/image-with-text.css.map */