.olivy-hero{position:relative;width:100%;display:flex;align-items:center;overflow:hidden;height:var(--hero-height-m, 70vh)}@media screen and (min-width:750px){.olivy-hero{height:var(--hero-height-d, 85vh)}}.olivy-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--olivy-black);overflow:hidden}.olivy-hero__media--desktop,.olivy-hero__media--mobile{width:100%;height:100%}.olivy-hero__bg video,.olivy-hero__bg img,.olivy-hero__bg svg{width:100%;height:100%;object-fit:cover!important;object-position:center center;display:block;opacity:var(--hero-opacity, 1)}@media screen and (min-width:750px){.olivy-hero__media--mobile{display:none!important}.olivy-hero__media--desktop{display:block!important}}@media screen and (max-width:749px){.olivy-hero__media--desktop{display:none!important}.olivy-hero__media--mobile{display:block!important}}.olivy-hero__container{position:relative;z-index:2;width:100%;display:flex;justify-content:var(--hero-justify, flex-start)}@media screen and (max-width:749px){.olivy-hero__container{justify-content:center}}.olivy-hero__content{max-width:600px;width:100%;display:flex;flex-direction:column;text-align:center;align-items:center}@media screen and (min-width:750px){.olivy-hero__content--flex-start{text-align:left;align-items:flex-start}.olivy-hero__content--flex-end{text-align:right;align-items:flex-end}.olivy-hero__content--center{text-align:center;align-items:center}}.olivy-hero__content--bordered{background:#fbf9f4eb;border:1px solid var(--olivy-neutral-200);border-radius:var(--olivy-radius-md);padding:var(--olivy-space-10)}.olivy-hero__heading{font-family:var(--olivy-font-heading);font-weight:400;color:var(--olivy-white);margin:0 0 var(--olivy-space-4);line-height:1.1;font-size:var(--olivy-h2-m)}.olivy-hero__content--bordered .olivy-hero__heading{color:var(--olivy-charcoal)}.olivy-hero__text{font-family:var(--olivy-font-body);font-weight:400;color:var(--olivy-white);font-size:var(--olivy-body-md);line-height:var(--olivy-body-md-lh);margin:0 0 var(--olivy-space-6)}.olivy-hero__content--bordered .olivy-hero__text{color:var(--olivy-neutral-700)}.olivy-hero__text>:first-child{margin-top:0}.olivy-hero__text>:last-child{margin-bottom:0}@media screen and (min-width:750px){.olivy-hero__heading{font-size:var(--olivy-h1);line-height:var(--olivy-h1-lh)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-hero-banner.css.map */