.vjs-theme-advent .vjs-big-play-button {
  width: 103px;
  height: 79px;
  object-fit: contain;
  background-color: rgba(255, 255, 255, 0.25);
  border: none;
  margin: 0 auto;
  line-height: 79px;
  top: 50%;
  left: 50%;
  border-radius: 30px;
  margin-top: -51.5px;
  margin-left: -39.5px;
}

.vjs-theme-sea .vjs-control-bar {
  height: 4em;
  background-color: rgba(255, 255, 255, 0.4);
}

.vjs-theme-sea .vjs-button:hover {
  color: #4176bc;
  background: linear-gradient(to top, #d0ddee, #fff);
}

.vjs-theme-sea .vjs-button>.vjs-icon-placeholder::before {
  line-height: 2.2;
}

.vjs-theme-sea .vjs-time-control {
  line-height: 4em;
}

.vjs-theme-sea .vjs-volume-panel {
  display: none;
}

.vjs-theme-sea .vjs-picture-in-picture-control {
  display: none;
}

.vjs-theme-sea .vjs-progress-control .vjs-play-progress {
  background-color: rgba(65, 118, 188, 0.9);
}

.vjs-theme-sea .vjs-progress-control .vjs-play-progress:before {
  display: none;
}

.vjs-theme-sea .vjs-progress-control .vjs-slider {
  background-color: rgba(65, 118, 188, 0.1);
}

.vjs-theme-sea .vjs-progress-control .vjs-load-progress div {
  background: rgba(255, 255, 255, 0.5);
}

.vjs-theme-sea .vjs-progress-control .vjs-progress-holder {
  margin: 0;
  height: 100%;
}

.vjs-theme-sea .vjs-progress-control .vjs-time-tooltip {
  background-color: rgba(65, 118, 188, 0.5);
  color: #fff;
}

.vjs-theme-sea .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip {
  background-color: rgba(255, 255, 255, 0.7);
  color: #4176bc;
}

.vjs-theme-advent .vjs-control-bar {
  background-color: #222;
  /* Dark background */
}

.vjs-theme-advent .vjs-control-bar .vjs-button {
  color: #fff;
  /* White icons */
  margin: 0 10px;
  /* Increased spacing */
}

.vjs-theme-advent .vjs-progress-control .vjs-progress-holder {
  height: 4px;
  /* Thin progress bar */
}

.vjs-theme-advent .vjs-progress-control .vjs-play-progress {
  background-color: #f00;
  /* Red played progress */
}

/* ... add more styles as needed ... */

.vjs-quality-selector .vjs-icon-placeholder {
  font-family: "VideoJS";
  font-weight: normal;
  font-style: normal
}

.video-js:not(.vjs-v8) .vjs-quality-selector .vjs-icon-placeholder::before {
  content: ""
}

.vjs-v8 .vjs-quality-selector .vjs-icon-placeholder::before {
  content: ""
}

.vjs-quality-changing .vjs-big-play-button {
  display: none
}

.vjs-quality-changing .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1
}


.vjs-theme-advent .vjs-progress-control {
  height: 20px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.vjs-theme-advent .vjs-progress-control .vjs-progress-holder {
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: 20px;
  width: 100%
}

.vjs-theme-advent .vjs-control-bar {
  background: none;
  background-image: linear-gradient(0deg, #000, #0000);
  height: 70px;
  padding-top: 20px
}

/* Endine Theme: City */
.vjs-theme-advent .vjs-control-bar {
  background: none;
  background-image: linear-gradient(0deg, #000, #0000);
  height: 70px;
  padding-top: 20px
}

.vjs-theme-advent .vjs-button>.vjs-icon-placeholder:before {
  line-height: 50px
}

.vjs-theme-advent .vjs-play-progress:before {
  display: none
}

.vjs-theme-advent .vjs-progress-control {
  height: 20px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.vjs-theme-advent .vjs-progress-control .vjs-progress-holder {
  left: 5px;
  margin: 0;
  position: absolute;
  right: 5px;
  top: 20px;
  width: 99%
}

.vjs-theme-advent .vjs-play-progress {
  background-color: var(--vjs-theme-city--primary)
}

.vjs-theme-advent .vjs-remaining-time {
  flex: 15 1;
  line-height: 50px;
  order: 2;
  text-align: left
}

.vjs-theme-advent .vjs-play-control {
  flex: 1 1;
  font-size: 1.75em;
  order: 1
}

.vjs-theme-advent .vjs-skip-backward-5,
.vjs-theme-advent .vjs-skip-backward-10,
.vjs-theme-advent .vjs-skip-backward-30 {
  flex: 1 1;
  order: 1
}


.vjs-theme-advent .vjs-skip-forward-5,
.vjs-theme-advent .vjs-skip-forward-10,
.vjs-theme-advent .vjs-skip-forward-30 {
  flex: 1 1;
  order: 1
}

.vjs-theme-advent .vjs-fullscreen-control,
.vjs-theme-advent .vjs-picture-in-picture-control,
.vjs-theme-advent .vjs-volume-panel,
.vjs-theme-advent .vjs-playback-rate,
.vjs-theme-advent .vjs-quality-selector {
  flex: 1 1;
  order: 3;
}

.vjs-theme-advent .vjs-volume-panel {
  margin-left: .5em;
  margin-right: .5em;
}
.vjs-theme-advent .vjs-volume-panel .vjs-volume-bar {
  padding-top: 1.35em;
  background-color: transparent;
}

.vjs-theme-advent .vjs-mute-control {
  padding: 1.35em 0.45em;
}


.vjs-theme-advent .vjs-playback-rate-value {
  padding-top: 0.65em;
}