.banner{display:flex;position:relative;flex-direction:column}.banner__media.youtube-video-enabled{height:calc(100% - 2px)}.banner__media.youtube-video-enabled .video-overlay{transform:scale(1.5)}.banner__media .video-overlay:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.banner__media .video-frame,.banner__media .video-frame iframe{width:100%;height:100%;position:relative}@media screen and (max-width: 1400px){.banner__media.youtube-video-enabled .video-overlay{transform:scale(2)}}@media screen and (max-width: 1024px){.banner__media.youtube-video-enabled .video-overlay{transform:scale(3)}}@media screen and (max-width: 768px){.banner__media.youtube-video-enabled{height:calc(90% - 2px)}}@media screen and (max-height: 600px) and (max-width: 400px){.banner__media.youtube-video-enabled{height:calc(80% - 2px)}}@media screen and (max-width: 767px){.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--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:39rem}}@media screen and (min-width: 768px){.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}}@media screen and (max-width: 767px){.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%;background-color:transparent}.banner__media:not(.banner__media-three-fourths) img{mix-blend-mode:multiply}.banner__media-three-fourths img{padding-right:20px}.banner__media-three-fourths{width:83.5%;left:initial;right:0}@media screen and (min-width: 1024px){.banner-image_width-small .banner__media:not(.banner__media__background){width:75%}.banner-image_width-extra-small .banner__media:not(.banner__media__background){width:70%}}@media screen and (max-width: 1024px) and (min-width: 768px){.banner-image_width-small .banner__media:not(.banner__media__background){width:65%}.banner__media-three-fourths{width:78%}}.banner-image_width-large .banner__media{width:100%}.banner__media-half+.banner__media-half{right:0;left:auto}@media screen and (min-width: 768px){.banner__media{height:100%;min-height:80vh}}.banner--adapt{height:auto}@media screen and (max-width: 767px){.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) .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) .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__media .placeholder-svg{position:absolute;left:0;top:0;height:100%;width:100%}.banner__content{display:flex;position:relative;width:100%;align-items:center;justify-content:start;z-index:2;padding:0 20px;margin-top:60px}.banner__content--custom{padding-left:20px;padding-right:20px}.banner__media__background:after{content:"";background:linear-gradient(to top,#f5f2ee 0%,transparent 100%);position:absolute;bottom:0;width:100%;height:100px;background-blend-mode:multiply}.banner__media__background img{z-index:0}.banner__media__front__image img{z-index:1}@media screen and (max-width: 767px){.banner--mobile-bottom:not(.banner--stacked) .banner__content{order:2}}@media screen and (max-width: 768px){.banner__media__background:after{bottom:-2px}}.banner__content{padding-bottom:5rem}.banner__content--custom{flex-flow:column;justify-content:space-between;align-items:flex-start;min-height:50vh}@media screen and (min-width: 768px){.banner__content--custom.justify-content-flex-start{justify-content:flex-start}.banner__content--custom.justify-content-flex-end{justify-content:flex-end}.banner__content--custom.justify-content-center{justify-content:center}}.banner__content--center{align-items:center}.banner__content--flex-start{align-items:flex-start}.banner__content--flex-end{align-items:flex-end}.banner__box{border:0;padding:12px 0;position:relative;height:fit-content;align-items:center;text-align:left;width:100%;background:transparent!important}.banner__box.invert-true{display:flex;flex-direction:column-reverse;align-items:flex-start}.banner__box.invert-true .image_banner_sub_heading{position:relative;top:-6px}@media screen and (max-width: 768px){.banner__box.invert-true .image_banner_sub_heading{top:-1px}.banner__content .image-banner-text-content{display:none}}@media screen and (min-width: 767px){.banner__content .image-banner-text-content{max-width:250px;margin-left:20px}.banner--desktop-transparent .banner__box{background-color:transparent;--color-foreground: 255, 255, 255;--color-button: 255, 255, 255;--color-button-text: 0, 0, 0;width:auto}.banner--desktop-transparent .button--secondary{--color-button: 255, 255, 255;--color-button-text: 255, 255, 255;--alpha-button-background: 0}}@media screen and (max-width: 767px){.banner--mobile-bottom:after{display:none}h1.banner__heading.h1{font-size:27px;line-height:1.8em}.banner__text h3{font-size:24px}}.banner:after{content:"";position:absolute;background:#000;opacity:0;z-index:1;width:100%;height:100%}.banner__box>.banner__buttons{display:flex;align-items:baseline;gap:1rem;justify-content:center;flex-wrap:wrap}.banner__box>*+.banner__buttons--multiple{display:flex;max-width:45rem;flex-wrap:wrap;align-items:baseline;justify-content:center;margin-right:auto;margin-left:auto}.banner__buttons_links a{display:block;font-weight:400;line-height:1.4em;letter-spacing:.1px;color:var(--gradient-base-accent-1);text-decoration:none;font-size:20px;padding-bottom:10px}@media screen and (min-width: 768px){.banner__box>*+.banner__buttons{margin-top:2rem}}.banner__content:hover .button{box-shadow:none}.banner__content .button:last-child{margin-right:0}.banner__box>*+.banner__text{margin-top:0}.banner__box>*+.banner__text h3{margin-top:0}.banner__box>*+*{margin-top:1rem}.banner__box>.image_banner_heading h1{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:15px 15px 4px;background-color:rgb(var(--primary-water-color));display:inline;line-height:1.25em}.banner__box>.image_banner_heading a:hover{text-decoration:none}.banner__box>.image_banner_sub_heading h3{background-color:rgb(var(--primary-base-color));color:rgb(var(--color-base-text));padding:10px 15px 4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline;line-height:1.25em}.banner__content .button:not(:only-child){flex-grow:1}.newsletter-page-hero .banner__box>.image_banner_heading{max-width:700px}.sandals-landing-page-hero .banner__media.media.banner__media-three-fourths{height:60%}@media screen and (max-width: 1024px){.banner__box>.image_banner_sub_heading h3{position:relative;top:-1px}}@media screen and (max-width: 767px){.banner--stacked .banner__box{width:100%}.banner__box>.image_banner_sub_heading h3{top:-8px}.sandals-landing-page-hero .banner__media.media.banner__media-three-fourths{height:100%}.sandals-landing-page-hero .banner__content{padding-bottom:0;height:50vh;min-height:50vh}}@media screen and (min-width: 768px){.banner__box{width:auto;max-width:71rem;min-width:45rem}.banner__box>.banner__buttons:only-child .button{margin-top:0}}@media screen and (min-width: 1400px){.banner__box{max-width:100%}}.banner__heading>*,.banner__text>*{word-wrap:break-word}.banner__heading{margin-bottom:0}@media screen and (max-width: 1800px){.banner__box{padding:12px 0}}.button--simple--multiple{padding:0;margin:0}.button--simple--multiple a{display:block;font-weight:400;line-height:1.4em;letter-spacing:.1px;color:var(--gradient-base-accent-1);font-size:20px;padding-bottom:10px}.button--simple--multiple a:before{content:url(bullet_astral.svg);padding-right:10px;display:inline-block}.primary-button-container{position:absolute;bottom:-40px;right:20px}.primary-button-container .button-primary .button-primary-text{top:0;left:initial;right:0;transition:.3s all}.primary-button-container .button-primary:hover .button-primary-text{top:5px;left:initial;right:10px;transition:.3s all}.primary-button-container .button-primary:hover:after{left:-20px}@media screen and (max-width: 1024px){.banner__box>*+.banner__text{margin-top:5px}}@media screen and (max-width: 767px){.primary-button-container{bottom:71px}.banner__box>.image_banner_heading h1{line-height:1.5em}.banner__media-three-fourths img{max-height:85%}.banner__content--custom{height:80vh}.banner__content--custom .button--simple--multiple{position:absolute;bottom:0;left:0;width:100%;overflow:auto;display:flex;align-content:center;padding-right:20px;padding-left:20px}.banner__content--custom .button--simple--multiple a{display:inline-block;margin-right:20px;white-space:nowrap}.banner__box>*+.banner__text{margin-top:9px}}@media screen and (max-width: 380px){.primary-button-container{bottom:60px}}.klaviyo-form *{font-family:"PFDinTextPro",Sans-serif!important;font-size:16px!important;font-weight:400!important}@media screen and (max-width:1200px){.banner.newsletter-page-hero .media.banner__media{width:60%}}@media screen and (max-width:1024px){.banner.newsletter-page-hero .media.banner__media{width:50%}}@media screen and (max-width:767px){.banner.newsletter-page-hero .media.banner__media{width:80%}.banner.newsletter-page-hero .banner__media-three-fourths img{max-height:62%}.klaviyo-form{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/section-image-banner.css.map */