.mid-banner-wrapper{position:relative;width:100%;margin:40px 0;overflow:hidden}.mid-banner-container{display:flex;width:100%;min-height:var(--mid-banner-height);max-width:1400px;margin:0 auto;border-radius:var(--mid-banner-border-radius);overflow:visible;box-shadow:none;flex-direction:row;gap:var(--mid-banner-gap, 20px)}.mid-banner-container[data-layout=split]{flex-direction:row;align-items:stretch}.mid-banner-container[data-layout=single]{flex-direction:row}.mid-banner-container[data-layout=split] .mid-banner-section{flex:1 1 calc(50% - var(--mid-banner-gap, 20px) / 2);min-width:0}.mid-banner-section{position:relative;flex:1;min-height:var(--mid-banner-section-height);display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:var(--mid-banner-border-radius);box-shadow:var(--mid-banner-shadow)}.mid-banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.mid-banner-content{position:relative;z-index:2;text-align:center;padding:40px 30px;max-width:600px;width:100%}.mid-banner-content[data-position=top]{align-self:flex-start;margin-top:0;margin-bottom:auto}.mid-banner-content[data-position=center]{align-self:center;margin:auto}.mid-banner-content[data-position=bottom]{align-self:flex-end;margin-top:auto;margin-bottom:0}.mid-banner-headline{font-size:var(--mid-banner-headline-size);font-weight:var(--mid-banner-headline-weight);color:var(--mid-banner-text-color);margin-bottom:var(--mid-banner-headline-spacing);line-height:1.2;text-shadow:var(--mid-banner-text-shadow);text-align:center;width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.mid-banner-subtext{font-size:var(--mid-banner-subtext-size);color:var(--mid-banner-subtext-color);margin-bottom:30px;line-height:1.4;text-shadow:var(--mid-banner-subtext-shadow);text-align:center;width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.mid-banner-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;align-items:center}.mid-banner-button{font-size:var(--mid-banner-button-size);font-weight:var(--mid-banner-button-weight);padding:var(--mid-banner-button-padding-v) var(--mid-banner-button-padding-h);border:var(--mid-banner-button-border-width) solid;border-radius:var(--mid-banner-button-radius);cursor:pointer;text-align:center;text-decoration:none;display:inline-block;position:relative;white-space:nowrap;min-width:120px}.mid-banner-button.filled.primary{background-color:var(--mid-banner-button-bg);color:var(--mid-banner-button-text);border-color:var(--mid-banner-button-bg)}.mid-banner-button.filled.secondary{background-color:var(--mid-banner-secondary-bg);color:var(--mid-banner-secondary-text);border-color:var(--mid-banner-secondary-border)}.mid-banner-button.filled.tertiary{background-color:var(--mid-banner-tertiary-bg);color:var(--mid-banner-tertiary-text);border-color:var(--mid-banner-tertiary-bg)}.mid-banner-button.filled.quaternary{background-color:var(--mid-banner-quaternary-bg);color:var(--mid-banner-quaternary-text);border-color:var(--mid-banner-quaternary-bg)}.mid-banner-button.border.primary{background-color:transparent;color:var(--mid-banner-button-text);border-color:var(--mid-banner-button-bg)}.mid-banner-button.border.secondary{background-color:transparent;color:var(--mid-banner-secondary-text);border-color:var(--mid-banner-secondary-border)}.mid-banner-button.border.tertiary{background-color:transparent;color:var(--mid-banner-tertiary-text);border-color:var(--mid-banner-tertiary-bg)}.mid-banner-button.border.quaternary{background-color:transparent;color:var(--mid-banner-quaternary-text);border-color:var(--mid-banner-quaternary-bg)}.mid-banner-button:focus{outline:2px solid #007bff;outline-offset:2px}.mid-banner-button:focus:not(:focus-visible){outline:none}@media (max-width: 768px){.mid-banner-container{flex-direction:column;gap:var(--mid-banner-mobile-gap, 15px)}.mid-banner-section{width:100%;min-height:var(--mid-banner-mobile-section-height);display:flex;align-items:center;justify-content:center}.mid-banner-container[data-layout=split]{flex-direction:column}.mid-banner-container[data-layout=split] .mid-banner-section{width:100%;flex:1 1 auto;min-width:auto;display:flex;align-items:center;justify-content:center}.mid-banner-content{padding:30px 20px;text-align:center;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.mid-banner-headline{font-size:var(--mid-banner-mobile-headline-size);text-align:center!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;display:block;margin-bottom:var(--mid-banner-mobile-headline-spacing)}.mid-banner-subtext{font-size:var(--mid-banner-mobile-subtext-size);margin-bottom:25px;text-align:center!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;display:block}.mid-banner-buttons{flex-direction:column;gap:12px;width:100%;align-items:center;justify-content:center}.mid-banner-button{width:100%;max-width:280px;padding:var(--mid-banner-mobile-button-padding) 20px;font-size:var(--mid-banner-mobile-button-size);text-align:center}}@media (max-width: 480px){.mid-banner-content{padding:25px 15px}.mid-banner-headline{font-size:calc(var(--mid-banner-mobile-headline-size) - 4px)}.mid-banner-subtext{font-size:calc(var(--mid-banner-mobile-subtext-size) - 2px)}.mid-banner-button{min-width:100px}}@media (prefers-contrast: high){.mid-banner-button{border:2px solid currentColor}.mid-banner-overlay{display:none}}@media print{.mid-banner-wrapper{margin:20px 0}.mid-banner-container{box-shadow:none;border:1px solid #ccc}.mid-banner-button{background:transparent!important;color:#000!important;border:1px solid #000!important}.mid-banner-overlay{display:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/mid-small-banner.css.map */