.joe-hero-banner{position:relative;width:100%;overflow:hidden}.joe-hero-banner__container{position:relative;width:100%;height:100%}.joe-hero-banner__background{position:relative;width:100%;height:auto}.joe-hero-banner__text-image{position:absolute;display:flex}.joe-hero-banner__image{width:100%;height:auto;object-fit:cover;object-position:center}.joe-hero-banner__image--desktop{display:block}.joe-hero-banner__image--mobile{display:none}.joe-hero-banner__text-display{position:absolute;background:#0009;width:123px;height:123px;padding:15px;border-radius:50%;z-index:3;display:flex;justify-content:center}.joe-hero-banner__text-display svg{position:absolute;left:50%;top:50%;transform:translate(-35%,-50%)}.joe-hero-banner__video{width:100%;height:100%;object-fit:cover;object-position:center}.joe-hero-banner__video--desktop{display:block}.joe-hero-banner__video--mobile{display:none}.joe-hero-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1;pointer-events:none}.joe-hero-banner__overlay:empty{display:block!important}.joe-hero-banner__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2;padding:2rem}.joe-hero-banner__text-content{text-align:center;color:#fff}.joe-hero-banner__title{font-family:Galano Grotesque Alt;font-weight:600;font-style:SemiBold;font-size:40px;line-height:56px;letter-spacing:normal;text-transform:uppercase;color:#f6f5f4;text-align:center}.joe-hero-banner__subtitle{font-family:Galano Grotesque Alt;font-weight:600;font-style:SemiBold;font-size:24px;line-height:32px;letter-spacing:normal;text-align:center;color:#f6f5f4;margin-bottom:12px}.joe-hero-banner__text,.joe-hero-banner__subtitle{padding:0 15px}.joe-hero-banner__subtitle p{font-family:Galano Grotesque Alt;font-weight:600;font-size:20px;line-height:19px;margin:0}.joe-hero-banner__subtitle strong{font-family:Galano Grotesque Alt;font-weight:600;font-size:24px;line-height:32px;margin:0}.joe-hero-banner__text p{font-family:Galano Grotesque Alt;font-weight:600;font-style:SemiBold;font-size:14px;line-height:22px;letter-spacing:normal;text-align:center;color:#f6f5f4;margin:0}.joe-hero-banner__text strong{font-family:Galano Grotesque Alt;font-weight:600;font-size:16px;line-height:25px;margin:0}.joe-hero-banner__button{position:relative;display:inline-block;padding:10px 24px;background:#00ff85;color:#333336;text-decoration:none;border-radius:50px;font-weight:600;transition:background .3s ease;border:1px solid transparent;margin-top:32px}.joe-hero-banner__button:hover{transform:translateY(-2px)}.joe-hero-banner__button-text{display:inline-block;position:relative;z-index:2;font-family:Galano Grotesque Alt;font-weight:400;font-style:Regular;font-size:14px;line-height:22px;letter-spacing:normal;text-align:center;color:#333336}.joe-hero-banner__button{background:#00ff85;color:#333336;transition:all .8s ease}.joe-hero-banner__button:hover{background:transparent;color:#fff;border:1px solid #00FF85;transition:all .8s ease}.joe-hero-banner__button:hover,.joe-hero-banner__button:hover .joe-hero-banner__button-text{color:#fff}.joe-hero-banner__content--left{justify-content:flex-start}.joe-hero-banner__content--right{justify-content:flex-end}.joe-hero-banner__content--top{align-items:flex-start}.joe-hero-banner__content--bottom{align-items:flex-end}.joe-hero-banner__text-content--left{text-align:left}.joe-hero-banner__text-content--right{text-align:right}@media screen and (max-width: 768px){.joe-hero-banner{padding-top:var(--mobile-padding-top, 0px)!important;padding-bottom:var(--mobile-padding-bottom, 0px)!important}.joe-hero-banner__image--desktop,.joe-hero-banner__video--desktop{display:none}.joe-hero-banner__image--mobile,.joe-hero-banner__video--mobile{display:block}.joe-hero-banner__content{padding:0 15px;align-items:center}.joe-hero-banner__title{font-family:Galano Grotesque Alt;font-weight:600;font-style:SemiBold;letter-spacing:normal;text-align:center;text-transform:uppercase;margin-bottom:0;width:100vw}.joe-hero-banner__subtitle{font-family:Galano Grotesque Alt;font-weight:600;font-style:SemiBold;font-size:16px;line-height:25px;letter-spacing:normal;text-align:center;margin-bottom:12px}.joe-hero-banner__button{font-family:Galano Grotesque Alt;font-weight:700;font-style:Bold;font-size:14px;line-height:25px;letter-spacing:normal;text-align:center;margin-top:32px}}.joe-hero-banner__text-display{width:82px;height:82px;padding:10px}.joe-hero-banner__text-display svg{width:32px;height:36px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.joe-hero-banner__title,.joe-hero-banner__subtitle,.joe-hero-banner__button{animation:fadeInUp .8s ease-out forwards}.joe-hero-banner__subtitle{animation-delay:.2s}.joe-hero-banner__button{animation-delay:.4s}@media (prefers-contrast: high){.joe-hero-banner__button{border:2px solid #000000}.joe-hero-banner__title,.joe-hero-banner__subtitle{text-shadow:2px 2px 0px #000000}}@media (prefers-reduced-motion: reduce){.joe-hero-banner__button-overlay{transition:none}.joe-hero-banner__title,.joe-hero-banner__subtitle,.joe-hero-banner__button{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/joe-hero-banner2.css.map */