/* 
   Banner 
   ------
   TODO
*/
#banner {
    position: relative;
    width: 100%;
    }
#banner .content-container {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    right: 0;
    }
#banner .content-container .evButton {
    margin: 1rem 0;
    }
#banner .events-content-container,
#banner .blog-content-container {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 3rem;
    }
#banner .events-content-container .evButton,
#banner .blog-content-container .evButton {
    margin: 1rem 0;
    }
#banner-slider .banner-slide {
    position: relative;
    height: 100%;
    }
#banner-slider .banner-slide .video-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
#banner-slider .banner-slide .video-container video {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 0;
    }
#banner .dark *:not(.evButton),
#banner-slider .dark *:not(.evButton) {
    color: /*style.text_color_on_primary(*/#FFF/*)*/;
    }