.blog-banner{width:100%;margin:0;padding:0;position:relative}.blog-banner__wrapper{position:relative;width:100%;min-height:var(--min-height, 500px);display:flex;align-items:center;justify-content:center;overflow:hidden}.blog-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.blog-banner__media img,.blog-banner__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.blog-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-color, #000000);opacity:var(--overlay-opacity, .3);z-index:2;pointer-events:none}.blog-banner__content{position:relative;z-index:3;width:100%;height:100%;display:flex;padding:40px 20px}.blog-banner__content-inner{max-width:1200px;margin:0 auto;width:100%}.blog-banner__title{color:var(--title-color, #ffffff);font-size:clamp(24px,3.5vw,42px);font-weight:700;line-height:1.2;margin:0;text-shadow:0 2px 20px rgba(0,0,0,.3)}@media only screen and (min-width:750px){.blog-banner__content-inner--half{max-width:50%;margin:0}}.blog-banner__separator{width:var(--separator-width, 60px);height:3px;background-color:var(--separator-color, #ffffff);margin:20px 0}.blog-banner__description{color:var(--description-color, #ffffff);font-size:clamp(14px,2vw,18px);line-height:1.6;max-width:650px;margin:0;text-shadow:0 1px 10px rgba(0,0,0,.2)}.blog-banner__content.content-position-top-left{justify-content:flex-start;align-items:flex-start}.blog-banner__content.content-position-top-center{justify-content:center;align-items:flex-start}.blog-banner__content.content-position-top-center .blog-banner__title,.blog-banner__content.content-position-top-center .blog-banner__description{text-align:center}.blog-banner__content.content-position-top-center .blog-banner__separator{margin-left:auto;margin-right:auto}.blog-banner__content.content-position-top-right{justify-content:flex-end;align-items:flex-start}.blog-banner__content.content-position-top-right .blog-banner__title,.blog-banner__content.content-position-top-right .blog-banner__description{text-align:right}.blog-banner__content.content-position-top-right .blog-banner__separator{margin-left:auto}.blog-banner__content.content-position-middle-left{justify-content:flex-start;align-items:center}.blog-banner__content.content-position-middle-center{justify-content:center;align-items:center}.blog-banner__content.content-position-middle-center .blog-banner__title,.blog-banner__content.content-position-middle-center .blog-banner__description{text-align:center}.blog-banner__content.content-position-middle-center .blog-banner__separator{margin-left:auto;margin-right:auto}.blog-banner__content.content-position-middle-right{justify-content:flex-end;align-items:center}.blog-banner__content.content-position-middle-right .blog-banner__title,.blog-banner__content.content-position-middle-right .blog-banner__description{text-align:right}.blog-banner__content.content-position-middle-right .blog-banner__separator{margin-left:auto}.blog-banner__content.content-position-bottom-left{justify-content:flex-start;align-items:flex-end}.blog-banner__content.content-position-bottom-center{justify-content:center;align-items:flex-end}.blog-banner__content.content-position-bottom-center .blog-banner__title,.blog-banner__content.content-position-bottom-center .blog-banner__description{text-align:center}.blog-banner__content.content-position-bottom-center .blog-banner__separator{margin-left:auto;margin-right:auto}.blog-banner__content.content-position-bottom-right{justify-content:flex-end;align-items:flex-end}.blog-banner__content.content-position-bottom-right .blog-banner__title,.blog-banner__content.content-position-bottom-right .blog-banner__description{text-align:right}.blog-banner__content.content-position-bottom-right .blog-banner__separator{margin-left:auto}@media only screen and (min-width:750px){.blog-banner__content{padding:60px 40px}}@media only screen and (min-width:990px){.blog-banner__content{padding:80px 60px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/blog-banner.css.map */