.banner-two-columns .banner{display:flex;position:relative;flex-direction:column}.banner-two-columns .banner-media{height:100%;position:absolute;left:0;top:0;width:100%}.banner-two-columns .banner--adapt,.banner-two-columns .banner--adapt_image.banner--mobile-bottom .banner-media:not(.placeholder){height:auto}.banner-two-columns .banner-content{padding:0;display:flex;position:relative;width:100%;align-items:center;justify-content:left;z-index:2}.banner-two-columns .banner-content.top{align-items:flex-start}.banner-two-columns .banner-content.bottom{align-items:flex-end}.section-image-banner .banner-content .content-container{border:none}.banner-content .content-container{border:2px solid rgba(var(--color-base-border-1));border-radius:calc(var(--media-radius) - var(--media-border-width));box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.banner-two-columns .banner-two-columns-box{padding:4rem 3.5rem;position:relative;height:fit-content;align-items:center;text-align:left;width:100%;word-wrap:break-word;z-index:1}.banner-two-columns .banner:after,.banner-two-columns .banner-media:after{content:"";position:absolute;top:0;background:rgb(var(--color-base-opacity));opacity:0;z-index:1;width:100%;height:100%}.promo-row .banner-two-columns .banner:after,.promo-row .banner-two-columns .banner-media:after{border-radius:calc(var(--media-radius) - var(--media-border-width))}.promo-row .banner-two-columns .banner-media{border-radius:calc(var(--media-radius) - var(--media-border-width))}.banner-two-columns .banner-two-columns-box>*+.banner-text{margin-top:1rem}.banner-two-columns .banner-two-columns-box>*+*{margin-top:1rem}.banner-two-columns .banner-two-columns-box>*:first-child{margin-top:0}.banner-two-columns .banner-heading{margin:0}.banner-two-columns .banner-two-columns-box .banner-heading+*{margin-top:1rem}.banner-two-columns .banner-two-columns-box .image-with-text-text{margin-bottom:0}.banner-two-columns .banner-two-columns-box a.link.animate-arrow{background-image:linear-gradient(transparent calc(100% - 1px),currentColor 5px);background-size:0;background-repeat:no-repeat;background-position:bottom left;padding-bottom:5px;text-decoration:none;transition:all .4s ease,text-decoration 0s ease}.banner-two-columns .banner-two-columns-box a.link.animate-arrow:hover{background-image:linear-gradient(transparent calc(100% - 1px),currentColor 5px);background-size:100%}.banner-two-columns .banner--desktop-transparent .banner-two-columns-box{background:transparent;border:none;border-radius:0;box-shadow:none}.banner-section--full-width.page-width.banner-two-columns{max-width:100%;padding:0}.banner-two-columns .banner-content{padding:5rem 1.5rem}.banner-two-columns svg.placeholder-svg{background:transparent;fill:initial}@media only screen and (max-width: 990px){.banner-two-columns .grid-item .banner-media{border-radius:var(--media-radius)}.banner-two-columns .grid .grid-item{width:100%;max-width:100%;margin-bottom:var(--grid-mobile-vertical-spacing)}.banner-two-columns .grid{row-gap:0}.banner-two-columns .slider.slider--mobile .slider-slide{padding-bottom:0}}@media screen and (max-width: 749px){.banner-two-columns .banner--small.banner--mobile-bottom:not(.banner--adapt) .banner-media,.banner-two-columns .banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner-media{height:28rem}.banner-two-columns .banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner-media,.banner-two-columns .banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner-media{height:34rem}.banner-two-columns .banner--large.banner--mobile-bottom:not(.banner--adapt) .banner-media,.banner-two-columns .banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner-media{height:39rem}.banner-two-columns .banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner-content{min-height:28rem}.banner-two-columns .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner-content{min-height:34rem}.banner-two-columns .banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner-content{min-height:39rem}.banner-two-columns .banner:not(.banner--stacked){flex-direction:row;flex-wrap:wrap}.banner-two-columns .banner--stacked{height:auto}.banner-two-columns .banner--stacked .banner-media{flex-direction:column}.banner-two-columns .banner--stacked .banner-media-half{width:100%}.banner-two-columns .banner--stacked .banner-media-half+.banner-media-half{order:1}.banner-two-columns .banner--mobile-bottom .banner-media,.banner-two-columns .banner--stacked:not(.banner--mobile-bottom) .banner-media{position:relative}}@media only screen and (min-width: 750px){.banner-two-columns .grid{column-gap:0}.banner-two-columns .banner-two-columns-box.false{padding:0}}@media screen and (min-width: 750px){.banner-two-columns .banner{flex-direction:row}.banner-two-columns .banner--small:not(.banner--adapt){min-height:42rem}.banner-two-columns .banner--medium:not(.banner--adapt){min-height:56rem}.banner-two-columns .banner--large:not(.banner--adapt){min-height:72rem}.banner-two-columns .banner-media{height:100%}.banner-two-columns .banner--desktop-transparent .content-container:after{display:none}}@media screen and (min-width: 750px){.banner-section--full-width .grid-item{width:25%;max-width:50%}}@media screen and (min-width: 990px){.promo-row .banner-two-columns .banner-content{padding:5rem}.promo-row .banner-two-columns .banner-content{width:auto;max-width:71rem;min-width:45rem}.promo-row.promo-layout-grid .banner-two-columns .banner-content{width:100%;max-width:100%;min-width:100%}.banner-two-columns .grid-item:first-child .banner-media{border-top-left-radius:var(--media-radius);border-bottom-left-radius:var(--media-radius)}.banner-two-columns .grid-item:last-child .banner-media{border-top-right-radius:var(--media-radius);border-bottom-right-radius:var(--media-radius)}.banner-section--full-width.banner-two-columns .grid-item:last-child .banner-media.placeholder{border-top-right-radius:0;border-bottom-right-radius:0}.banner-section--full-width.banner-two-columns .grid-item:first-child .banner-media{border-radius:0}}@media screen and (max-width: 749px){.banner-two-columns .grid--peek.slider .grid-item:first-of-type{margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-banner-two-columns.css.map */