.image-overlay-banner{position:relative;width:100%;overflow:hidden}.banner-container{position:relative;width:100%;min-height:400px;display:flex;align-items:center;justify-content:center}.banner-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.desktop-background,.mobile-background{position:absolute;top:0;left:0;width:100%;height:100%}.background-image{width:100%;height:100%;object-fit:cover;object-position:center}.desktop-background{display:block}.mobile-background{display:none}.overlay-content{position:absolute;z-index:3;max-width:90%;padding:20px}.content-background{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:8px;z-index:-1}.content-wrapper{position:relative;z-index:1}.banner-heading{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.banner-text{font-size:1.125rem;line-height:1.6;margin:0 0 1.5rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.banner-text p{margin:0 0 1rem}.banner-text p:last-child{margin-bottom:0}.banner-button{display:inline-block;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;border-radius:4px;transition:all .3s ease;cursor:pointer;border:2px solid transparent;text-transform:uppercase;letter-spacing:.5px}.banner-button.primary{background-color:#000;color:#fff;border-color:#000}.banner-button.primary:hover{background-color:#333;border-color:#333}.banner-button.secondary{background-color:#fff;color:#000;border-color:#fff}.banner-button.secondary:hover{background-color:#f5f5f5;border-color:#f5f5f5}.banner-button.outline{background-color:transparent;color:#fff;border-color:#fff}.banner-button.outline:hover{background-color:#fff;color:#000}.banner-full-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;text-decoration:none}@media (max-width: 768px){.desktop-background{display:none}.mobile-background{display:block}.banner-container{min-height:300px}.overlay-content{max-width:95%;padding:15px}.banner-heading{font-size:2rem;margin-bottom:.75rem}.banner-text{font-size:1rem;margin-bottom:1.25rem}.banner-button{padding:10px 20px;font-size:.9rem}}@media (max-width: 480px){.banner-heading{font-size:1.75rem}.banner-text{font-size:.9rem}.banner-button{padding:8px 16px;font-size:.85rem}.overlay-content{padding:10px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.background-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){.banner-button{transition:none}}.banner-button:focus,.banner-full-link:focus{outline:2px solid #fff;outline-offset:2px}.banner-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f5f5f5;z-index:0}@media (prefers-color-scheme: dark){.banner-button.secondary{background-color:#1a1a1a;color:#fff;border-color:#1a1a1a}.banner-button.secondary:hover{background-color:#333;border-color:#333}}@media print{.image-overlay-banner{break-inside:avoid}.banner-button,.banner-full-link{display:none}}
/*# sourceMappingURL=/cdn/shop/t/208/assets/image-overlay-banner.css.map */