.blog-banner{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding-bottom:var(--mobile-aspect-ratio, 56.25%);height:0}@media screen and (min-width:750px){.blog-banner{padding-bottom:var(--desktop-aspect-ratio, 56.25%)}}.blog-banner__media-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.blog-banner__media{position:absolute;top:0;left:0;width:100%;height:100%}.blog-banner__media--desktop{display:none}.blog-banner__media--mobile{display:block}.blog-banner__heading{margin:0 0 1rem;font-size:28px;font-family:Haskoy,sans-serif;font-weight:400;text-transform:uppercase;line-height:30px}.blog-banner__heading strong,.blog-banner__heading em{font-weight:600;font-style:italic;font-family:Haskoy,sans-serif;color:inherit}.blog-banner__heading *{margin:0}.blog-banner__description{margin:0 0 1.5rem}.blog-banner__description p{margin:0}.blog-banner__button{margin-top:12px}.blog-banner__media-item{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.blog-banner__media-item>*{position:absolute;top:0;left:0;width:100%;height:100%}.blog-banner__video.deferred-media{position:absolute;top:0;left:0;width:100%;height:100%}.blog-banner__video.deferred-media:before{content:"";display:block;padding-bottom:var(--ratio-percent, 56.25%)}.blog-banner__content{padding:1.7rem 4rem}.blog-banner__media-item{position:relative;width:100%;height:100%;overflow:hidden}.blog-banner__media-item--image{display:block}.blog-banner__media-item--image img,.blog-banner__media-item--image picture{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.blog-banner__media-item--video{display:block}.blog-banner__video{position:absolute;top:0;left:0;width:100%;height:100%}.blog-banner__video video,.blog-banner__video iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.blog-banner__video-poster{position:absolute;top:0;left:0;width:100%;height:100%}.blog-banner__video-poster img{width:100%;height:100%;object-fit:cover}.blog-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1}.blog-banner__content{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.blog-banner__content-inner{pointer-events:auto}.blog-banner__content-inner{max-width:100%;width:fit-content;text-align:center}.blog-banner__button-link{display:inline-block;white-space:nowrap;padding:9px 21px;background-color:#ebfc68;font-weight:800;font-size:12px;line-height:120%;color:#1c1c1c;text-decoration:none;font-family:Haskoy,sans-serif;text-transform:uppercase;box-shadow:2px 2px #00000026;letter-spacing:4px;cursor:pointer}@media screen and (min-width:750px){.blog-banner--desktop-top-left .blog-banner__content{align-items:flex-start;justify-content:flex-start}.blog-banner--desktop-top-center .blog-banner__content{align-items:flex-start;justify-content:center}.blog-banner--desktop-top-right .blog-banner__content{align-items:flex-start;justify-content:flex-end}.blog-banner--desktop-middle-left .blog-banner__content{align-items:center;justify-content:flex-start}.blog-banner--desktop-middle-center .blog-banner__content{align-items:center;justify-content:center}.blog-banner--desktop-middle-right .blog-banner__content{align-items:center;justify-content:flex-end}.blog-banner--desktop-bottom-left .blog-banner__content{align-items:flex-end;justify-content:flex-start}.blog-banner--desktop-bottom-center .blog-banner__content{align-items:flex-end;justify-content:center}.blog-banner--desktop-bottom-right .blog-banner__content{align-items:flex-end;justify-content:flex-end}.blog-banner__button-link{font-size:16px}.blog-banner__media--desktop{display:block}.blog-banner__media--mobile{display:none}.blog-banner__content{padding:2rem 19rem}}@media screen and (max-width:749px){.blog-banner__content{align-items:flex-start!important;padding-top:40px}.blog-banner--mobile-top-left .blog-banner__content,.blog-banner--mobile-top-center .blog-banner__content,.blog-banner--mobile-top-right .blog-banner__content,.blog-banner--mobile-middle-left .blog-banner__content,.blog-banner--mobile-middle-center .blog-banner__content,.blog-banner--mobile-middle-right .blog-banner__content,.blog-banner--mobile-bottom-left .blog-banner__content,.blog-banner--mobile-bottom-center .blog-banner__content,.blog-banner--mobile-bottom-right .blog-banner__content{align-items:flex-start;justify-content:center}.blog-banner__content-inner{text-align:center;max-width:90%}}.blog-banner__content-inner{text-align:center;max-width:100%}@media screen and (min-width:750px){.blog-banner--desktop-top-left .blog-banner__content-inner,.blog-banner--desktop-middle-left .blog-banner__content-inner,.blog-banner--desktop-bottom-left .blog-banner__content-inner{text-align:left}.blog-banner--desktop-top-center .blog-banner__content-inner,.blog-banner--desktop-middle-center .blog-banner__content-inner,.blog-banner--desktop-bottom-center .blog-banner__content-inner{text-align:center}.blog-banner--desktop-top-right .blog-banner__content-inner,.blog-banner--desktop-middle-right .blog-banner__content-inner,.blog-banner--desktop-bottom-right .blog-banner__content-inner{text-align:right}.blog-banner__content-inner{max-width:385px}.blog-banner__button{margin-top:14px}.blog-banner__heading{font-size:42px;line-height:46px}}.blog-banner--mobile-bottom-right .blog-banner__content-inner{text-align:right}@media screen and (max-width:749px){.blog-banner__content{align-items:flex-start!important;justify-content:center!important;padding-top:8%!important;padding-bottom:0!important}.blog-banner__content-inner{max-width:90%}.blog-banner__heading{font-size:clamp(24px,8.15vw,32px)}}@media screen and (max-width:350px){.blog-banner__heading{font-size:20px!important;line-height:1.2}}@media screen and (min-width:750px)and (max-width:1100px){.blog-banner__content{align-items:flex-start!important;justify-content:flex-start!important;padding-top:60px!important;padding-left:20px!important;padding-right:20px!important}.blog-banner__content-inner{text-align:left!important;max-width:32%!important}.blog-banner__heading{font-size:26px!important;line-height:36px}}
/*# sourceMappingURL=/cdn/shop/t/115/assets/blog-banner-stylesheet.css.map */