.media-image-text-banner{position:relative;width:100%;height:620px;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;padding:0;box-sizing:border-box}.media-image-text-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:cover;background-position:center center;object-fit:contain;z-index:0;transition:transform .5s ease-out}.media-image-text-banner__overlay{position:absolute;right:0;bottom:0;left:0;top:50%;height:50%;background:linear-gradient(to bottom,#fff,#000);mix-blend-mode:multiply;pointer-events:none;z-index:2}.media-image-text-banner__content{position:relative;z-index:2;max-width:700px;padding:40px;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;align-items:center;transition:all .3s ease}.media-image-text-banner__content--left{align-items:flex-start;text-align:left;margin-left:60px}.media-image-text-banner__content--center{align-items:center;text-align:center;margin:0 auto}.media-image-text-banner__content--right{align-items:flex-end;text-align:right;margin-right:60px}.media-image-text-banner__content--top{justify-content:flex-start;padding-top:60px}.media-image-text-banner__content--middle{justify-content:center}.media-image-text-banner__content--bottom{justify-content:flex-end;padding-bottom:60px}.media-image-text-banner__heading{color:var(--heading-color);font-size:50px;font-weight:400;margin-bottom:10px;text-transform:uppercase}.media-image-text-banner__text{color:var(--text-color);font-size:16px;line-height:20px;margin-top:10px;margin-bottom:20px}.media-image-text-banner__button{display:flex;flex-wrap:nowrap;background-color:var(--button-bg-color);color:var(--button-text-color);padding:10px 80px;text-decoration:none;text-align:center;font-weight:400;letter-spacing:0px;height:40px;font-size:14px;line-height:18px;gap:8px}.media-image-text-banner__content--left{position:absolute;left:0;bottom:0;align-items:flex-start;text-align:left;margin:0;padding:20px}.media-image-text-banner__content--right{position:absolute;right:0;bottom:0;align-items:flex-end;text-align:right;margin:0;padding-left:20px}@media (max-width: 375px){.media-image-text-banner__heading{font-size:25px}.media-image-text-banner__text{font-size:14px}.media-image-text-banner__button{padding:10px 24px;font-size:14px;width:auto;height:auto}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hp-banner-with-text.css.map */