@media (max-width: 768.98px) {
  .mobile-show-image-banner-only {
    -ms-flex-direction: column;
        flex-direction: column; }
    .mobile-show-image-banner-only .video-section {
      display: none !important; }
    .mobile-show-image-banner-only .image-section {
      -ms-flex: 1;
          flex: 1;
      width: 100%; }
  .mobile-show-full-width-video-only {
    -ms-flex-direction: column;
        flex-direction: column; }
    .mobile-show-full-width-video-only .image-section {
      display: none !important; }
    .mobile-show-full-width-video-only .video-section {
      -ms-flex: 1;
          flex: 1;
      width: 100%; } }

.video-image-banner {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: calc(100vh - 65px);
  overflow: hidden; }
  @media (min-width: 769px) {
    .video-image-banner {
      height: 100vh; } }
  .video-image-banner .video-section {
    height: 100%; }
    .video-image-banner .video-section video,
    .video-image-banner .video-section iframe {
      width: 100%;
      height: 100%;
      object-fit: fill;
      display: block; }
  .video-image-banner .image-section {
    height: 100%;
    position: relative; }
    .video-image-banner .image-section img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }
    .video-image-banner .image-section .text-overlay-container {
      position: absolute;
      inset: 0;
      display: -ms-flexbox;
      display: flex;
      padding: 2rem;
      z-index: 2; }
      .video-image-banner .image-section .text-overlay-container .text-content {
        max-width: 90%;
        padding: 1rem 1.5rem; }
        .video-image-banner .image-section .text-overlay-container .text-content h2 {
          font-size: 1.5rem;
          margin: 0 0 0.5rem; }
  .video-image-banner .text-section {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    color: white; }

/*# sourceMappingURL=videoImageBanner.css.map*/