.universal-hero{position:relative;display:flex;overflow:hidden;width:100%;color:var(--mobile-text-color, #fff);background-color:var(--mobile-bg-color, #000);padding:var(--mobile-padding-top, 0) var(--mobile-padding-right, 10px) var(--mobile-padding-bottom, 0) var(--mobile-padding-left, 10px)}@media only screen and (min-width: 1024px){.universal-hero{color:var(--desktop-text-color, #fff);background-color:var(--desktop-bg-color, #000);padding:var(--desktop-padding-top, 0) var(--desktop-padding-right, 10px) var(--desktop-padding-bottom, 0) var(--desktop-padding-left, 10px)}}.universal-hero.desktop-height-450{min-height:450px}@media only screen and (min-width: 1024px){.universal-hero.desktop-height-450{min-height:450px}}.universal-hero.desktop-height-550{min-height:450px}@media only screen and (min-width: 1024px){.universal-hero.desktop-height-550{min-height:550px}}.universal-hero.desktop-height-650{min-height:450px}@media only screen and (min-width: 1024px){.universal-hero.desktop-height-650{min-height:650px}}.universal-hero.desktop-height-750{min-height:450px}@media only screen and (min-width: 1024px){.universal-hero.desktop-height-750{min-height:750px}}.universal-hero.desktop-height-full{min-height:100vh}.universal-hero.mobile-height-auto{min-height:auto}@media only screen and (min-width: 1024px){.universal-hero.mobile-height-auto{min-height:inherit}}.universal-hero.mobile-height-350{min-height:350px}@media only screen and (min-width: 1024px){.universal-hero.mobile-height-350{min-height:inherit}}.universal-hero.mobile-height-400{min-height:400px}@media only screen and (min-width: 1024px){.universal-hero.mobile-height-400{min-height:inherit}}.universal-hero.mobile-height-450{min-height:450px}@media only screen and (min-width: 1024px){.universal-hero.mobile-height-450{min-height:inherit}}.universal-hero.mobile-height-500{min-height:500px}@media only screen and (min-width: 1024px){.universal-hero.mobile-height-500{min-height:inherit}}.universal-hero.mobile-height-full{min-height:100vh}@media only screen and (min-width: 1024px){.universal-hero.mobile-height-full{min-height:inherit}}.universal-hero--bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.universal-hero--bg.parallax--true{top:-5%;height:110%}.universal-hero--bg picture{display:block;width:100%;height:100%}.universal-hero--bg svg,.universal-hero--bg img{width:100%;height:100%;object-fit:cover}.universal-hero--bg svg{padding:50px;fill:var(--bg-body, #fff);opacity:.5}.universal-hero--bg:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:11;background:rgba(var(--overlay-color-rgb),var(--overlay-opacity));pointer-events:none}.universal-hero--bg .hide-desktop{display:block}@media only screen and (min-width: 1024px){.universal-hero--bg .hide-desktop{display:none}}.universal-hero--bg .hide-tablet{display:block}@media only screen and (min-width: 1024px) and (max-width: 1023px){.universal-hero--bg .hide-tablet{display:none}}.universal-hero--bg .hide-mobile{display:none}@media only screen and (min-width: 1024px){.universal-hero--bg .hide-mobile{display:block}}.universal-hero--content{display:flex;padding:0 15px;max-width:1380px;color:var(--mobile-text-color, #fff);position:relative;z-index:5;width:100%;margin:0 auto}@media only screen and (min-width: 1024px){.universal-hero--content{color:var(--desktop-text-color, #fff);padding:0 50px}}.universal-hero--content-inner{max-width:650px;width:100%}.universal-hero--content-inner.content-width-small{max-width:480px}.universal-hero--content-inner.content-width-medium{max-width:650px}.universal-hero--content-inner.content-width-large{max-width:900px}.universal-hero--content h1,.universal-hero--content h3{color:var(--mobile-text-color, #fff);margin-bottom:20px}@media only screen and (max-width: 1023px){.universal-hero--content h1,.universal-hero--content h3{color:#000;font-family:Red Hat Display;font-size:30px;font-style:normal;font-weight:600;line-height:120%}}@media only screen and (min-width: 1024px){.universal-hero--content h1,.universal-hero--content h3{color:var(--desktop-text-color, #fff)}}.animations-true .universal-hero--content h1,.animations-true .universal-hero--content h3{visibility:hidden;will-change:visibility}.universal-hero--content .rte{margin-bottom:30px}.universal-hero--content .rte p{font-size:inherit;color:var(--mobile-text-color, #fff)}@media only screen and (max-width: 1023px){.universal-hero--content .rte p{color:#000;font-family:Red Hat Display;font-size:16px;font-style:normal;font-weight:400;line-height:140%}}@media only screen and (min-width: 1024px){.universal-hero--content .rte p{color:var(--desktop-text-color, #fff)}}.animations-true .universal-hero--content .rte p{visibility:hidden;will-change:visibility}.universal-hero--content .button{margin-right:10px;margin-bottom:10px}.animations-true .universal-hero--content .button{opacity:0}@media only screen and (max-width: 1023px){.universal-hero--content .button.glow{box-shadow:0 0 17px 6px #00d2829c;width:100%}}.universal-hero--content.content-top-left{justify-content:flex-start;align-items:flex-start}.universal-hero--content.content-top-center{justify-content:center;align-items:flex-start}.universal-hero--content.content-top-right{justify-content:flex-end;align-items:flex-start}.universal-hero--content.content-middle-left{justify-content:flex-start;align-items:center}.universal-hero--content.content-middle-center{justify-content:center;align-items:center}.universal-hero--content.content-middle-right{justify-content:flex-end;align-items:center}.universal-hero--content.content-bottom-left{justify-content:flex-start;align-items:flex-end}.universal-hero--content.content-bottom-center{justify-content:center;align-items:flex-end}.universal-hero--content.content-bottom-right{justify-content:flex-end;align-items:flex-end}.universal-hero.text-left{text-align:left}.universal-hero.text-center{text-align:center}.universal-hero.text-right{text-align:right}.animations-true .universal-hero .line-parent,.animations-true .universal-hero .line-child{overflow:hidden}.universal-hero.mobile-text-overlay .universal-hero--bg{position:absolute}@media only screen and (max-width: 767px){.universal-hero.mobile-text-above{display:flex;flex-direction:column}.universal-hero.mobile-text-above .universal-hero--bg{position:relative;order:2;min-height:300px}.universal-hero.mobile-text-above .universal-hero--content{order:1;position:relative;padding-top:30px;padding-bottom:30px}}@media only screen and (max-width: 767px){.universal-hero.mobile-text-below{display:flex;flex-direction:column}.universal-hero.mobile-text-below .universal-hero--bg{position:relative;order:1;min-height:250px}.universal-hero.mobile-text-below .universal-hero--content{order:2;position:relative;padding-top:50px;padding-bottom:50px}}.universal-hero.has-rounded-corners{border-radius:var(--mobile-radius-tl, 16px) var(--mobile-radius-tr, 16px) var(--mobile-radius-br, 16px) var(--mobile-radius-bl, 16px)}.universal-hero.has-rounded-corners .universal-hero--bg,.universal-hero.has-rounded-corners .universal-hero--bg:after,.universal-hero.has-rounded-corners .universal-hero--bg picture,.universal-hero.has-rounded-corners .universal-hero--bg img{border-radius:inherit}@media only screen and (min-width: 1024px){.universal-hero.has-rounded-corners{border-radius:var(--desktop-radius-tl, 16px) var(--desktop-radius-tr, 16px) var(--desktop-radius-br, 16px) var(--desktop-radius-bl, 16px)}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/universal-hero.css.map */