/* Video.js Fantasy Theme — Halkidiki Custom Colors */
.vjs-theme-fantasy {
  --vjs-theme-fantasy--primary: #0077b6;
  --vjs-theme-fantasy--secondary: #fff;
}
.vjs-theme-fantasy .vjs-big-play-button {
  width: 70px; height: 70px; background: none; line-height: 70px;
  font-size: 80px; border: none;
  top: 50%; left: 50%; margin-top: -35px; margin-left: -35px;
  color: var(--vjs-theme-fantasy--primary);
}
.vjs-theme-fantasy.vjs-big-play-button:focus,
.vjs-theme-fantasy:hover .vjs-big-play-button {
  background-color: transparent; color: #fff;
}
.vjs-theme-fantasy .vjs-control-bar { height: 54px; background: linear-gradient(transparent, rgba(0,40,70,.85)); }
.vjs-theme-fantasy .vjs-button > .vjs-icon-placeholder:before,
.vjs-theme-fantasy .vjs-time-control { line-height: 54px; }
.vjs-theme-fantasy .vjs-play-control { font-size: 1.5em; position: relative; }
.vjs-theme-fantasy .vjs-volume-panel { order: 4; }
.vjs-theme-fantasy .vjs-volume-bar { margin-top: 2.5em; }
.vjs-theme-fantasy .vjs-progress-control .vjs-progress-holder,
.vjs-theme-fantasy .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.5em; }
.vjs-theme-fantasy .vjs-play-control .vjs-icon-placeholder:before {
  height: 1.3em; width: 1.3em; margin-top: .2em; border-radius: 1em;
  border: 3px solid var(--vjs-theme-fantasy--secondary);
  top: 2px; left: 9px; line-height: 1.1;
}
.vjs-theme-fantasy .vjs-play-control:hover .vjs-icon-placeholder:before {
  border: 3px solid var(--vjs-theme-fantasy--secondary);
}
.vjs-theme-fantasy .vjs-play-progress,
.vjs-theme-fantasy .vjs-play-progress:before {
  background-color: var(--vjs-theme-fantasy--primary);
}
.vjs-theme-fantasy .vjs-play-progress:before {
  height: .8em; width: .8em; content: "";
  border: 4px solid var(--vjs-theme-fantasy--secondary);
  border-radius: .8em; top: -.25em;
}
.vjs-theme-fantasy .vjs-progress-control { font-size: 14px; }
.vjs-theme-fantasy .vjs-fullscreen-control { order: 6; }
.vjs-theme-fantasy .vjs-remaining-time { display: none; }
.vjs-theme-fantasy .vjs-load-progress { background: rgba(0,180,216,.25); }
.vjs-theme-fantasy .vjs-load-progress div { background: rgba(0,180,216,.4); }