/*========================================================================*/
/*==== VIDEO BANNER ======================================================*/
/*========================================================================*/
.videobanner{ position: relative; color:#ffffff; }
.videobanner video{ position: relative; z-index: 1; height:100vh; min-height:500px; display: block; width: 100%;object-fit: cover;  }
.acf-block-preview .videobanner video{height:50vh;}
.videobanner .cache{ position:absolute; z-index:2; top: 0; left: 0; width:100%; height:100%; background:linear-gradient(to bottom, transparent,rgba(0,0,0,0.3));   }
.videobanner .mobile{ display: none; height:calc(100vh - 120px);  }
.videobanner .mobile img{ display: block; width: 100%; height:100%; object-fit:cover; }
.videobanner .layer { position: absolute; left: 100px; right: 100px; bottom: 30px; z-index:100; text-align: center; }
.videobanner .layer>*{ display: block;}
.videobanner .layer a{ color: inherit; font-weight: 700; text-decoration: underline;}
.videobanner .layer svg{ position: static !important; cursor: pointer; margin:20px auto; }
.videobanner .layer svg:hover>*{ stroke:var(--text-color); }
.acf-block-preview .videobanner .layer{ pointer-events: none; }

@media (max-width:950px){
	.videobanner .cache{  display:none;  }
	.videobanner video{ display:none; }
	.videobanner .mobile{ display: block;  }
}