.banner-section{position:relative;width:100%;overflow:hidden}.banner-section .banner-image-wrapper{position:relative;width:100%}.banner-section .banner-image-wrapper.height-auto{height:auto}.banner-section .banner-image-wrapper.height-small{height:400px}.banner-section .banner-image-wrapper.height-medium{height:550px}.banner-section .banner-image-wrapper.height-large{height:700px}@media (max-width: 768px){.banner-section .banner-image-wrapper.height-small{height:300px}.banner-section .banner-image-wrapper.height-medium{height:400px}.banner-section .banner-image-wrapper.height-large{height:500px}}.banner-section .banner-image{width:100%;height:100%;object-fit:cover;display:block}.banner-section .banner-image.mobile{display:none}@media (max-width: 768px){.banner-section .banner-image.desktop{display:none}.banner-section .banner-image.mobile{display:block}}.banner-section .banner-content.on-image{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;padding:40px 20px;z-index:1}.banner-section .banner-content.position-top{align-items:flex-start}.banner-section .banner-content.position-middle{align-items:center}.banner-section .banner-content.position-bottom{align-items:flex-end}.banner-section .banner-content.align-left{justify-content:flex-start}.banner-section .banner-content.align-center{justify-content:center}.banner-section .banner-content.align-right{justify-content:flex-end}.banner-section .banner-content.below-image{padding:40px 20px;text-align:center;display:flex;justify-content:center}.banner-section .content-inner{max-width:600px;width:100%}.banner-section .content-inner.has-background{padding:30px;border-radius:8px}.banner-section .banner-heading{font-size:48px;font-weight:700;margin:0 0 16px;line-height:1.2}.banner-section .banner-subheading{font-size:18px;margin:0 0 24px;line-height:1.5}.banner-section .banner-buttons{display:flex;gap:16px;flex-wrap:wrap}.banner-section .banner-content.on-image.align-center .banner-buttons{justify-content:center}.banner-section .banner-content.on-image.align-right .banner-buttons{justify-content:flex-end}.banner-section .banner-content.below-image .banner-buttons{justify-content:center}.banner-section .banner-button{display:inline-block;padding:14px 32px;text-decoration:none;border-radius:4px;font-size:16px;font-weight:600;transition:opacity .3s ease;cursor:pointer}.banner-section .banner-button:hover{opacity:.85}@media (max-width: 768px){.banner-section .banner-heading{font-size:25px;text-align:center}.banner-section .banner-subheading{font-size:16px}.banner-section .banner-buttons{flex-direction:column;align-items:stretch}.banner-section .banner-button{text-align:center;width:auto;margin:auto}.banner-section .content-inner.has-background{padding:20px}.banner-section .banner-content.on-image{padding:20px;align-items:end}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/hero-banner.css.map */