.banner{display:flex;position:relative;flex-direction:column}.banner__box{text-align:center}@media only screen and (max-width: 749px){.banner--content-align-mobile-right .banner__box{text-align:right}.banner--content-align-mobile-left .banner__box{text-align:left}}@media only screen and (min-width: 750px){.banner--content-align-right .banner__box{text-align:right}.banner--content-align-left .banner__box{text-align:left}.banner--content-align-left.banner--desktop-transparent .banner__box,.banner--content-align-right.banner--desktop-transparent .banner__box,.banner--medium.banner--desktop-transparent .banner__box{max-width:60rem}}@media screen and (max-width: 749px){.banner--small.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:28rem}.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:34rem}.banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:39rem}.banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:28rem}.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:34rem}.banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:39rem}}@media screen and (min-width: 750px){.banner{flex-direction:row}.banner--small:not(.banner--adapt){min-height:42rem}.banner--medium:not(.banner--adapt){min-height:56rem}.banner--large:not(.banner--adapt){min-height:72rem}.banner__content.banner__content--top-left{align-items:flex-start;justify-content:flex-start}.banner__content.banner__content--top-center{align-items:flex-start;justify-content:center}.banner__content.banner__content--top-right{align-items:flex-start;justify-content:flex-end}.banner__content.banner__content--middle-left{align-items:center;justify-content:flex-start}.banner__content.banner__content--middle-center{align-items:center;justify-content:center}.banner__content.banner__content--middle-right{align-items:center;justify-content:flex-end}.banner__content.banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.banner__content.banner__content--bottom-center{align-items:flex-end;justify-content:center}.banner__content.banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width: 749px){.banner:not(.banner--stacked){flex-direction:row;flex-wrap:wrap}.banner--stacked{height:auto}.banner--stacked .banner__media{flex-direction:column}}.banner__media{height:100%;position:absolute;left:0;top:0;width:100%}.banner__media-half{width:50%}.banner__media-half+.banner__media-half{right:0;left:auto}@media screen and (max-width: 749px){.banner--stacked .banner__media-half{width:100%}.banner--stacked .banner__media-half+.banner__media-half{order:1}}@media screen and (min-width: 750px){.banner__media{height:100%}}.banner--adapt,.banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder){height:auto}@media screen and (max-width: 749px){.banner--mobile-bottom .banner__media,.banner--stacked:not(.banner--mobile-bottom) .banner__media{position:relative}.banner--stacked.banner--adapt .banner__content{height:auto}.banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box{background-color:transparent;--color-foreground: 255, 255, 255;--color-button: 255, 255, 255;--color-button-text: 0, 0, 0}.banner:not(.banner--mobile-bottom) .banner__box{min-height:56rem;border:none;border-radius:0;box-shadow:none}.banner:not(.banner--mobile-bottom) .button--secondary{--color-button: 255, 255, 255;--color-button-text: 255, 255, 255;--alpha-button-background: 0}.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{position:absolute;height:auto}.banner--stacked.banner--adapt:not(.banner--mobile-bottom) .banner__content{max-height:100%;overflow:hidden;position:absolute}.banner--stacked:not(.banner--adapt) .banner__media{position:relative}.banner:before{display:none!important}.banner--stacked .banner__media-image-half{width:100%}}.banner__content{padding:0;display:flex;position:relative;width:100%;align-items:center;justify-content:center;z-index:2}@media screen and (min-width: 750px){.banner__content{padding:5rem}.banner__content--top-left{align-items:flex-start;justify-content:flex-start}.banner__content--top-center{align-items:flex-start;justify-content:center}.banner__content--top-right{align-items:flex-start;justify-content:flex-end}.banner__content--middle-left{align-items:center;justify-content:flex-start}.banner__content--middle-center{align-items:center;justify-content:center}.banner__content--middle-right{align-items:center;justify-content:flex-end}.banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.banner__content--bottom-center{align-items:flex-end;justify-content:center}.banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width: 749px){.banner--mobile-bottom:not(.banner--stacked) .banner__content{order:2}.banner:not(.banner--mobile-bottom) .field__input{background-color:transparent}}.banner__box{padding:4rem 3.5rem;position:relative;height:fit-content;align-items:center;text-align:center;width:100%;word-wrap:break-word;z-index:1}@media screen and (min-width: 750px){.banner--desktop-transparent .banner__box{background-color:transparent;--color-foreground: 255, 255, 255;--color-button: 255, 255, 255;--color-button-text: 0, 0, 0;max-width:60rem;border:none;border-radius:0;box-shadow:none}.banner--desktop-transparent .button--secondary{--color-button: 255, 255, 255;--color-button-text: 255, 255, 255;--alpha-button-background: 0}.banner--desktop-transparent .content-container:after{display:none}}@media screen and (max-width: 749px){.banner--mobile-bottom:after,.banner--mobile-bottom .banner__media:after{display:none}}.banner:after,.banner__media:after{content:"";position:absolute;top:0;background:#000;opacity:0;z-index:1;width:100%;height:100%}.banner__box>*+.banner__text{margin-top:1.5rem}@media screen and (min-width: 750px){.banner__box>*+.banner__text{margin-top:2rem}}.banner__text{letter-spacing:calc(var(--font-heading-scale) * var(--font-letter-spacing));color:rgb(var(--color-foreground));line-height:calc(1 + .5/max(1,var(--font-heading-scale)));word-break:break-word}.banner__text--medium{font-size:calc(var(--font-heading-scale) * 1.4rem)}@media only screen and (min-width: 750px){.banner__text--medium{font-size:calc(var(--font-heading-scale) * 2rem)}}.banner__text--large{font-size:calc(var(--font-heading-scale) * 2rem)}@media only screen and (min-width: 750px){.banner__text--large{font-size:calc(var(--font-heading-scale) * 3rem)}}.banner__box>*+*{margin-top:1rem}.banner__box>*:first-child{margin-top:0}@media screen and (max-width: 749px){.banner--stacked .banner__box{width:100%}}@media screen and (min-width: 750px){.banner__box{width:auto;max-width:60rem;min-width:45rem}}@media screen and (min-width: 1400px){.banner__box{max-width:65rem}}.banner__heading{margin-bottom:0;letter-spacing:.01rem}.banner__box .banner__heading+*{margin-top:1rem}.banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:45rem;word-break:break-word}.banner__buttons a{font-size:1.8rem}@media screen and (max-width: 749px){.banner--content-align-mobile-right .banner__buttons--multiple{justify-content:flex-end}.banner--content-align-mobile-center .banner__buttons--multiple>*{flex-grow:1;min-width:22rem}}@media screen and (min-width: 750px){.banner--content-align-center .banner__buttons--multiple>*{flex-grow:1;min-width:22rem}.banner--content-align-right .banner__buttons--multiple{justify-content:flex-end}}.banner__box>*+.banner__buttons{margin-top:3rem}.slider_contents_box .banner__buttons{margin-top:3rem;display:block;min-width:100%}.custom-image-with-banner-styles .banner__text{font-size:16px}.social-releaf-banner-svg .svg-icon-on-banner{height:190px!important;width:190px!important;top:25%!important;left:calc(40% - 95px)!important}.social-releaf-banner-svg .button.button--primary{background:linear-gradient(122deg,#daa595 2%,#fff 49%,#daa595 98%);color:#000;font-weight:400;min-width:258px}.social-releaf-banner-svg .banner__text{line-height:24px}.social-releaf-banner-svg .banner__heading{font-size:35px;line-height:36px;letter-spacing:-.35px}.social-releaf-banner-svg .banner__text{font-size:18px;line-height:24px}.social-releaf-banner-svg .button.button--primary{height:55px;font-size:15px;letter-spacing:.15px;line-height:20px}@media only screen and (min-width: 1200px){.social-releaf-banner-svg .banner__heading{width:430px}.social-releaf-banner-svg .banner__text{width:400px}.social-relief-image-with-text-one .image-with-text__text.text-with-gradient-background{width:550px}}@media only screen and (min-width: 769px){.custom-image-with-banner-styles{width:90%;margin:0 auto}.custom-image-with-banner-styles .banner__text{max-width:444px}.social-releaf-banner-svg .banner__box{max-width:400px}}@media only screen and (max-width: 600px){.custom-image-with-banner-styles .banner__content{background-size:cover;background-position:bottom}.custom-image-with-banner-styles .banner__content,.social-releaf-banner-svg .banner__content{background-size:cover!important;background-repeat:no-repeat!important}.custom-image-with-banner-styles .banner__text{font-size:15px;text-align:left}}@media only screen and (max-width: 768px){.social-releaf-banner-svg .svg-icon-on-banner{display:none!important}.social-releaf-banner-svg .banner__box{color:#000}.social-releaf-banner-svg .banner__text{line-height:20px;font-size:15px;font-weight:400}.social-releaf-banner-svg .banner__heading{letter-spacing:-.28px;font-size:28px;font-weight:500;line-height:36px}}.brand-ambassador-banner h2.banner__heading.h1,.salon-locator-banner h2.banner__heading.h1{letter-spacing:-.35px;text-align:center;color:#000;font-size:35px}.brand-ambassador-banner .banner__code,.salon-locator-banner .banner__code{width:100%;max-width:496px;font-family:Montserrat;font-size:18px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;text-align:center}.salon-locator-banner .banner__code{max-width:368px;line-height:1.38;font-size:16px;margin:5px auto auto}.brand-ambassador-banner .banner__code span{font-weight:500}.brand-ambassador-banner,.salon-locator-banner{position:relative}.brand-ambassador-banner .svg-icon-on-banner{width:204px!important;height:204px!important;position:absolute!important;bottom:0!important;left:39%!important;top:50%!important}.salon-locator-banner .svg-icon-on-banner{width:190px!important;height:190px!important;position:absolute!important;bottom:0!important;left:82%!important;top:22%!important}.salon-locator-banner .banner__box{position:absolute;left:41%;width:50%;top:16%}@media screen and (max-width: 749px){.brand-ambassador-banner h2.banner__heading.h1{font-size:28px;line-height:1.07;text-align:center;color:#2f2f2f}.brand-ambassador-banner .svg-icon-on-banner{width:140px!important;height:140px!important;position:absolute!important;bottom:0!important;left:62%!important;top:33%!important}.brand-ambassador-banner .banner__code{font-size:15px;padding:0}.brand-ambassador-banner .banner__media.media:before{padding-bottom:57.163982%!important}.brand-ambassador-banner .media>img{object-position:left center}.brand-ambassador-banner .banner__box.content-container.content-container--full-width-mobile.color-black{background:linear-gradient(120deg,#daa595 -35%,#fff 52%,#daa595 117%)}.salon-locator-banner .banner__box{position:initial;width:100%}.salon-locator-banner .svg-icon-on-banner{width:98px!important;height:98px!important;position:absolute!important;bottom:0!important;left:73%!important;top:24%!important}.salon-locator-banner .banner__box{background:linear-gradient(128deg,#daa595 -115%,#fff 51%,#daa595 170%);padding:0 21px}.salon-locator-banner .banner__code{font-size:15px;line-height:1.33;letter-spacing:normal;margin-bottom:40px}.salon-locator-banner .banner__media:before{padding-bottom:35.670571%!important;min-height:185px!important}.salon-locator-banner .media>img{object-position:13% 10%}.salon-locator-banner h2.banner__heading.h1{margin-top:40px;font-size:28px;line-height:1.14;letter-spacing:-.28px}.social-releaf-banner-svg .banner__media.media{height:228px}}@media screen and (max-width: 390px){.salon-locator-banner .media>img{object-position:20% 10%}}@media screen and (max-width: 990px){.ingredient-banner{margin-top:30px}}@media screen and (max-width: 1250px) and (min-width: 750px){.salon-locator-banner .banner__code{font-size:12px;margin:0 auto auto;max-width:350px}}@media screen and (max-width: 1024px) and (min-width: 750px){.brand-ambassador-banner .banner__media.media:before{padding-bottom:57.163982%!important}.brand-ambassador-banner .media>img{object-position:left center}.brand-ambassador-banner .svg-icon-on-banner{width:100px!important;height:100px!important;position:absolute!important;bottom:0!important;left:40%!important;top:58%!important}.brand-ambassador-banner .banner__box{max-width:32rem;min-width:25rem;padding:0}.brand-ambassador-banner h2.banner__heading.h1{font-size:22px}.brand-ambassador-banner .banner__code{font-size:14px;padding:0 15px}.salon-locator-banner .banner__code{max-width:275px}.salon-locator-banner .svg-icon-on-banner{width:100px!important;height:100px!important;position:absolute!important;bottom:0!important;left:84%!important;top:23%!important}.salon-locator-banner .banner__box{left:35%;top:0%}.salon-locator-banner h2.banner__heading.h1{font-size:26px}.salon-locator-banner .banner__code{font-size:12px;margin:0 auto auto}.salon-locator-container h1{margin-top:30px!important;margin-bottom:18px!important;font-size:26px}}@media screen and (max-width: 1024px) and (min-width: 900px){.salon-locator-banner .banner__box{left:40%;top:32px}.salon-locator-banner .svg-icon-on-banner{width:120px!important;height:120px!important;left:84%!important;top:23%!important}.salon-locator-banner .svg-icon-on-banner{top:26%!important}}@media screen and (min-width: 1700px){.salon-locator-banner .svg-icon-on-banner{width:200px!important;height:200px!important;left:85%!important;top:28%!important}.salon-locator-banner .banner__box{position:absolute;left:49%;width:50%;top:24%}}@media screen and (min-width: 1921px){.salon-locator-banner .svg-icon-on-banner{width:250px!important;height:250px!important;left:85%!important;top:33%!important}.salon-locator-banner .banner__box{left:53%;width:50%;top:27%}.salon-locator-banner h2.banner__heading.h1{font-size:50px}.salon-locator-banner .banner__code{max-width:535px;line-height:1.38;font-size:26px;margin:10px auto}}@media only screen and (max-width: 1024px) and (min-width: 750px){.social-releaf-banner-svg .banner__content{padding-left:3%}.social-releaf-banner-svg .banner__box.content-container{padding-left:0}.social-relief-image-with-text-one .image-with-text__content{padding-right:0;margin-left:10%!important}.social-relief-image-with-text-one .image-with-text__heading,.social-relief-image-with-text-one .image-with-text__text.text-with-gradient-background{margin-left:-40px}}.social-releaf-banner-svg .button.button--primary{--border-offset: unset}.salon-services-page-third-section .banner__box.content-container{text-transform:capitalize}.salon-services-page-first-section .banner__text.banner__text--medium{font-size:13px;letter-spacing:.13px;margin-top:7px;font-weight:400}.salon-services-page-first-section .banner__heading.h1{letter-spacing:-.4px;line-height:40px}.salon-services-page-first-section .banner__text .arrow{background-image:url(/cdn/shop/files/right-arrow.svg?v=1656332200);background-repeat:no-repeat;background-size:cover;height:12px;width:6px;display:inline-block}.salon-services-page-third-section .banner__box .banner__heading{line-height:40px;letter-spacing:-.4px}@media screen and (max-width:990px){.salon-services-page-first-section .banner__content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:.15}.salon-services-page-third-section .banner__media{display:none}.salon-services-page-third-section .banner__content{min-height:450px}.salon-services-page-third-section .banner__box.content-container{padding-left:21px;padding-right:13px;padding-bottom:27px}.salon-services-page-third-section .banner__box .banner__heading{font-size:32px;font-weight:400;line-height:48px;letter-spacing:-.32px}.banner.salon-services-page-third-section .banner__content{background-repeat:no-repeat;background-size:cover}.salon-services-page-first-section .banner__heading.h1{letter-spacing:-.32px;font-size:32px}.banner.salon-services-page-third-section .banner__content{display:flex;justify-content:end;align-items:flex-end}}@media screen and (max-width:767px){.banner__content .banner__box{padding:7rem 2.5rem}.banner__heading{line-height:1.4}.banner__buttons a{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/section-image-banner.css.map */