/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
.element-banner { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 0; }

.element-banner::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); content: ' '; z-index: 1; }

.element-banner-inner { position: relative; z-index: 2; }

.banner-flex { min-height: 230px; }

@media (min-width: 992px) { .banner-flex { min-height: 320px; } }

@media (min-width: 1200px) { .banner-flex { min-height: 400px; } }
/*# sourceMappingURL=elementbanner.css.map */