.component-hero-banner{position:relative;width:100%;overflow:hidden}.component-hero-banner .hero-banner__bg-picture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.component-hero-banner .hero-banner__bg-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.component-hero-banner .hero-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.component-hero-banner .hero-banner__content{position:relative;z-index:3;display:flex;flex-direction:column}.component-hero-banner .hero-banner__inner{width:100%;margin:0 auto}.component-hero-banner .content-width-small{max-width:600px}.component-hero-banner .content-width-narrow{max-width:800px}.component-hero-banner .content-width-medium{max-width:1000px}.component-hero-banner .content-width-full{max-width:100%}.component-hero-banner .vertical-align-top{justify-content:flex-start}.component-hero-banner .vertical-align-center{justify-content:center}.component-hero-banner .vertical-align-bottom{justify-content:flex-end}.component-hero-banner .hero-banner__content{display:flex;align-items:center}.component-hero-banner .vertical-align-top .hero-banner__inner{align-self:flex-start}.component-hero-banner .vertical-align-center .hero-banner__inner{align-self:center}.component-hero-banner .vertical-align-bottom .hero-banner__inner{align-self:flex-end}.component-hero-banner .text-left{text-align:left}.component-hero-banner .text-center{text-align:center}.component-hero-banner .text-right{text-align:right}.component-hero-banner .text-center .button-container{display:flex;justify-content:center}.component-hero-banner .text-right .button-container{display:flex;justify-content:flex-end}.component-hero-banner .text-center .icon-wrapper{display:flex;justify-content:center}.component-hero-banner .text-right .icon-wrapper{display:flex;justify-content:flex-end}.component-hero-banner .foreword-textarea.big-heading,.component-hero-banner .foreword-textarea.h1,.component-hero-banner .foreword-textarea.h2,.component-hero-banner .foreword-textarea.h3,.component-hero-banner .foreword-textarea.h4{font-family:domaine-display,serif;line-height:1.15}.component-hero-banner .foreword-textarea.big-heading{font-size:38px}.component-hero-banner .foreword-textarea.h1{font-size:34px}.component-hero-banner .foreword-textarea.h2{font-size:30px}.component-hero-banner .foreword-textarea.h3{font-size:26px}.component-hero-banner .foreword-textarea.h4{font-size:22px}@media(min-width:768px){.component-hero-banner .foreword-textarea.big-heading{font-size:60px}.component-hero-banner .foreword-textarea.h1{font-size:52px}.component-hero-banner .foreword-textarea.h2{font-size:42px}.component-hero-banner .foreword-textarea.h3{font-size:34px}.component-hero-banner .foreword-textarea.h4{font-size:28px}}.btn-aloha{display:inline-block;border:2px solid #2b4636;font-family:Avenir-Black,sans-serif;font-weight:700;font-size:16px;padding:10px 28px;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;border-radius:25px;transition:all .3s ease;cursor:pointer;text-align:center}.btn-aloha,.btn-aloha--primary{background-color:#2b4636;color:#fff}.btn-aloha:hover,.btn-aloha--primary:hover{background-color:#fff;color:#2b4636;border-color:#2b4636}.btn-aloha--outline{background-color:transparent;color:#2b4636}.btn-aloha--outline:hover{background-color:#2b4636;color:#fff}.btn-aloha--white{background-color:transparent;border-color:#fff;color:#fff}.btn-aloha--white:hover{background-color:#fff;color:#2b4636;border-color:#fff}.btn-aloha--white-filled{background-color:#fff;border-color:#fff;color:#2b4636}.btn-aloha--white-filled:hover{background-color:transparent;color:#fff}.component-hero-banner .foreword-button.cta{display:inline-block;font-family:Avenir-Black,sans-serif;font-weight:700;font-size:16px;padding:10px 28px;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;border-radius:25px;transition:all .3s ease;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/278/assets/component-hero-banner.css.map */