.image-banner{position:relative}.image-banner img{width:100%;object-fit:cover}.image-banner .image-banner-desktop{display:none}.image-banner-content{position:absolute;padding-left:15px;padding-right:15px;left:0;right:0}.image-banner .image-banner-caption{font-family:var(--font-heading-medium-family);font-weight:500;font-size:calc(var(--font-heading-scale) * 1.25rem);letter-spacing:var(--font-heading-letter-spacing, normal);line-height:1.45;text-transform:uppercase;color:var(--text-color);max-width:var(--max-width-heading)}.image-banner .image-banner-sub-caption{font-size:1.0625rem;line-height:1.3em;margin-top:.2em;margin-left:.1em;color:var(--text-color);max-width:var(--max-width-subheading)}.image-banner .image-banner-button{font-family:var(--font-heading-family);--min-height: 44px;font-size:calc(var(--font-heading-scale) * .875rem);line-height:1.3em;letter-spacing:.08em;color:var(--button-color);border:1px solid var(--button-color);background-color:var(--button-bg);display:inline-flex;padding:5px 35px;min-height:var(--min-height);align-items:center;border-radius:calc(var(--min-height) / 2);margin-top:1.6em;transition:all .3s ease}.image-banner-button:hover{color:var(--button-color-hover);background-color:var(--button-bg-hover)}.image-banner-banner{position:relative;z-index:1;pointer-events:none}.image-banner-banner.bottom{height:201px;margin-top:-100px;background-image:url(//www.japanesegreenteain.com/cdn/shop/t/82/assets/green-pattern.png?v=100354259252587295541772168070)}.image-banner-banner.left{width:201px;position:absolute;left:0;top:0;bottom:0;background-image:url(//www.japanesegreenteain.com/cdn/shop/t/82/assets/green-pattern-v.png?v=100650305830464486231772168069)}.image-banner-banner.right{width:201px;position:absolute;right:0;top:0;bottom:0;background-image:url(//www.japanesegreenteain.com/cdn/shop/t/82/assets/green-pattern-v.png?v=100650305830464486231772168069)}@media(min-width:500px){.image-banner .image-banner-desktop{display:block}.image-banner .image-banner-mobile{display:none}}@media(max-width:500px){.image-banner-content{margin-left:var(--x-mobile, 0px)}.image-banner-content{margin-top:var(--y-mobile, 0px)}.image-banner.alignment-mobile-left .image-banner-content{text-align:left}.image-banner.alignment-mobile-center .image-banner-content{text-align:center}.image-banner.alignment-mobile-center .image-banner-caption,.image-banner.alignment-mobile-center .image-banner-sub-caption{margin-left:auto;margin-right:auto}.image-banner.alignment-mobile-right .image-banner-content{text-align:right}.image-banner.alignment-mobile-right .image-banner-caption,.image-banner.alignment-mobile-right .image-banner-sub-caption{margin-left:auto}.image-banner.vertical-mobile-top .image-banner-content{top:calc(20px + var(--padding-top-mobile, 0px));transform:translateY(0)}.image-banner.vertical-mobile-middle .image-banner-content{top:calc(50% + var(--padding-top-mobile, 0px));transform:translateY(-50%)}.image-banner.vertical-mobile-bottom .image-banner-content{bottom:20px;transform:translateY(0)}.image-banner-banner.bottom{height:100px;margin-top:-50px;background-size:auto 100px}.image-banner-banner.right,.image-banner-banner.left{width:100px;background-size:100px auto}}@media not (max-width:500px){.image-banner.remove-br-desktop br{display:none}.image-banner-content{margin-left:var(--x-desktop, 0px)}.image-banner-content{margin-top:var(--y-desktop, 0px)}.image-banner.alignment-desktop-left .image-banner-content{text-align:left}.image-banner.alignment-desktop-center .image-banner-content{text-align:center}.image-banner.alignment-desktop-center .image-banner-caption,.image-banner.alignment-desktop-center .image-banner-sub-caption{margin-left:auto;margin-right:auto}.image-banner.alignment-desktop-right .image-banner-content{text-align:right}.image-banner.alignment-desktop-right .image-banner-caption,.image-banner.alignment-desktop-right .image-banner-sub-caption{margin-left:auto}.image-banner.vertical-desktop-top .image-banner-content{top:calc(50px + var(--padding-top-desktop, 0px));transform:translateY(0)}.image-banner.vertical-desktop-middle .image-banner-content{top:calc(50% + var(--padding-top-desktop, 0px));transform:translateY(-50%)}.image-banner.vertical-desktop-bottom .image-banner-content{bottom:50px;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/image-banner.css.map */