.one-col-text-block{
  position: relative;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0;
  margin-bottom: 0;
}

.one-col-text-block .video-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  overflow: hidden;
}

.one-col-video-background {
  background: #FFFFFF;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.one-col-video-foreground,
.one-col-video-background video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media (min-aspect-ratio: 16/9) {
  .one-col-video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .one-col-video-foreground { width: 300%; left: -100%; }
}
@media (min-aspect-ratio: 16/9) {
  .one-col-video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .one-col-video-foreground {
    width: 300%;
    left: -100%;
    height: 150%;
    top: -15%;
  }
}

.one-col-text-block.dark-mode-on p,
.one-col-text-block.dark-mode-on li,
.one-col-text-block.dark-mode-on h1,
.one-col-text-block.dark-mode-on h2,
.one-col-text-block.dark-mode-on h3,
.one-col-text-block.dark-mode-on h4,
.one-col-text-block.dark-mode-on h5{
  color: #fff!important;
}
.one-col-text-block.dark-mode-on li {
  color: var(--lightgray)!important;
}