/* ////////////////////////// VIDEO JS CSS ////////////////////////// */
.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-js .vjs-control-bar,
.video-js .vjs-big-play-button,
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: var(--top_menu_submenu_accent_color);
}

.video-js .vjs-paused {
  background-color: #fffffff5;
  color: black;
  border-width: 3px;
  border-style: solid;
  border-color: #c9c9c9;
  border-right-color: #000;
  border-bottom-color: #000;
}

.video-js .vjs-playing {
  background-color: var(--top_menu_submenu_accent_color);
  color: black;
  border-width: 3px;
  border-style: solid;
  border-color: #000000;
  border-right-color: #c9c9c9;
  border-bottom-color: #c9c9c9;
}

.video-js .vjs-progress-control,
.video-js .vjs-time-control,
.video-js .vjs-fullscreen-control,
.video-js .vjs-volume-panel {
  background-color: #fffffff5;
  color: black;
  border-width: 3px;
  border-style: solid;
  border-color: #c9c9c9;
  border-right-color: #000;
  border-bottom-color: #000;
}

.video-js .vjs-progress-control .vjs-load-progress,
.video-js .vjs-progress-control .vjs-play-progress {
  background-color: #000000f5;
}

.video-js .vjs-picture-in-picture-control {
  display: none;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.6em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  background-color: #fff !important;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus .vjs-control-content:before,
.video-js .vjs-control:hover .vjs-control-content:before {
  text-shadow: none;
}

.video-js .vjs-volume-bar {
  margin: 1.1em 0.45em;
}

.video-js .vjs-volume-level {
  background-color: #000000;
}