/* Customize colors of timeslider */
.jwplayer.jw-skin-studioskin .jw-controlbar .jw-slider-time .jw-slider-container .jw-rail {
  height: 3px
}

.jwplayer.jw-skin-studioskin .jw-controlbar .jw-slider-time .jw-slider-container .jw-buffer {
  display: none
}

.jwplayer.jw-skin-studioskin .jw-controlbar .jw-slider-time .jw-slider-container .jw-progress {
  background-color: #FFF;
  height: 3px
}

.jwplayer.jw-skin-studioskin .jw-controlbar .jw-button-container .jw-button-color {
  color: #fff;
}
/* Set the idle overlay to transparent white */
.jwplayer.jw-skin-studioskin.jw-state-idle .jw-controls {
  background: transparent
}

/* Enlarge preview image & add shift transitions with class 'slide' (applied on mouseenter) */
.jwplayer.jw-skin-studioskin .jw-preview {
	width: calc(100%);
	background-size: calc(100%);
	transition: opacity 0.35s, transform 0.35s;
	transform: translate3d(-6px, 0, 0);
}

.jwplayer.jw-skin-studioskin:hover .jw-preview {
	transform: translate3d(0, 0, 0);
}

/* Don't slide background on complete state */
.jwplayer.jw-skin-studioskin.jw-state-complete:hover .jw-preview {
	transform: translate3d(-40px, 0, 0);
}




/* PLAY PAUSE ICONS */
.jwplayer.jw-skin-studioskin .jw-svg-icon-pause path {
	display: none;
}

.jwplayer.jw-skin-studioskin .jw-svg-icon-pause {
	background-image: url("player-icon-pause.svg");
	background-size: contain;
	background-repeat: no-repeat;
}

.jwplayer.jw-skin-studioskin .jw-svg-icon-play path {
	display: none;
}

.jwplayer.jw-skin-studioskin .jw-svg-icon-play {
	background-image: url("player-icon-play.svg");
	background-size: contain;
	background-repeat: no-repeat;
}




/* REWIND ICONS */
.jwplayer.jw-skin-studioskin .jw-svg-icon-rewind path {
	display: none;
}

.jwplayer.jw-skin-studioskin .jw-svg-icon-rewind {
	background-image: url("player-icon-rewind.svg");
	background-size: contain;
	background-repeat: no-repeat;
}




/* VOLUME ICONS */
.jwplayer.jw-skin-studioskin .jw-svg-icon-volume-100 path {
	display: none;
}

.jwplayer.jw-skin-studioskin .jw-svg-icon-volume-100 {
	background-image: url("player-icon-volume-on.svg");
	background-size: contain;
	background-repeat: no-repeat;
}

.jwplayer.jw-skin-studioskin .jw-svg-icon-volume-0 path {
	display: none;
}

.jwplayer.jw-skin-studioskin .jw-svg-icon-volume-0 {
	background-image: url("player-icon-volume-off.svg");
	background-size: contain;
	background-repeat: no-repeat;
}




/* FULLSCREEN ICONS */
.jwplayer.jw-skin-studioskin .jw-svg-icon-fullscreen-on path {
	display: none;
}

.jwplayer.jw-skin-studioskin .jw-svg-icon-fullscreen-on {
	background-image: url("player-icon-fullscreen-on.svg");
	background-size: contain;
	background-repeat: no-repeat;
}

.jwplayer.jw-skin-studioskin .jw-svg-icon-fullscreen-off path {
	display: none;
}

.jwplayer.jw-skin-studioskin .jw-svg-icon-fullscreen-off {
	background-image: url("player-icon-fullscreen-off.svg");
	background-size: contain;
	background-repeat: no-repeat;
}