/*

Product Name: Custom Audio + Video Player Styles
Author: Progression Studios
Author URI: https://progressionstudios.com/

Table of Contents
01. RESET STYLES FOR PLAYER
02. PLAYER CONTAINER
03. PLAYER BUTTONS
04. PLAYER TIMER
05. PLAYER VOLUME
06. VIDEO STYLES
07. PLAYLIST STYLES
08. PLAYLIST STYLES
09. MINIMAL DARK SKIN
10. MOBILE/TABLET STYLES
11. ICON FONT

*/



/*
=============================================== 01. RESET STYLES FOR PLAYER ===============================================
*/
.progression-studios-megabyte-player-container .mejs-controls .mejs-horizontal-volume-handle,
.progression-studios-megabyte-player-container .mejs-controls .mejs-time-rail .mejs-time-handle,
.progression-studios-megabyte-player-container button {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border-radius:0px;
}

.noselect-pro,
.progression-studios-megabyte-player-container button, .progression-studios-megabyte-player-container .mejs-time, .progression-studios-megabyte-player-container .wp-playlist-open-close, .progression-studios-megabyte-player-container .wp-playlist-prev, .progression-studios-megabyte-player-container .wp-playlist-next, .progression-studios-megabyte-player-container .wp-playlist-tracks, .progression-studios-megabyte-player-container .mejs-time-rail  {
	/* remove selection */
	-webkit-touch-callout: none; 
	-webkit-user-select: none;  
	-khtml-user-select: none;  
	-moz-user-select: none;  
	-ms-user-select: none; 
	user-select: none;
}

.progression-studios-megabyte-player-container .mejs-controls .mejs-horizontal-volume-handle:focus,
.progression-studios-megabyte-player-container .mejs-controls .mejs-time-total:focus,
.progression-studios-megabyte-player-container .mejs-controls .mejs-time-current:focus {
	outline: none;
	box-shadow:none;
	-webkit-touch-callout: none; 
	-webkit-user-select: none;  
	-khtml-user-select: none;  
	-moz-user-select: none;  
	-ms-user-select: none; 
	user-select: none;
	
}

.progression-studios-megabyte-player-container .mejs-controls .mejs-button button:focus {
	outline: none;
	box-shadow:none;
}

.progression-studios-megabyte-player-container .mejs-container .mejs-controls button {
	background-image:none;
	background:none;
}

/* Remove Theme Box Shadow on Links (Twenty Seventeen Theme) */
.progression-studios-megabyte-player-container .mejs-controls a {
	box-shadow:none !important;
	border-bottom:none;
}

/* CSS3 Effects */
.progression-studios-megabyte-player-container .wp-playlist-open-close,
.progression-studios-megabyte-player-container button, .progression-studios-megabyte-player-container .mejs-overlay-button,
.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-next, .progression-studios-megabyte-player-container .wp-playlist .wp-playlist-prev,
.progression-studios-megabyte-player-container  .wp-playlist-item {
	-webkit-transition-duration: 150ms; -webkit-transition-property: color, background, opacity; -webkit-transition-timing-function: ease-in-out;
	-moz-transition-duration: 150ms; -moz-transition-property: color, background, opacity; -moz-transition-timing-function: ease-in-out;
	-o-transition-duration: 150ms; -o-transition-property: color, background, opacity; -o-transition-timing-function: ease-in-out;
	transition-duration: 150ms; transition-property: color, background, opacity;
}


/*
=============================================== 02. PLAYER CONTAINER ===============================================
*/
/* -------------------- A. Main Container  -------------------- */
.progression-studios-megabyte-player-container .wp-video,
.progression-studios-megabyte-player-container .mejs-container.mejs-video {
	width:100% !important;
}

.progression-studios-megabyte-player-container  .mejs-container {
	position:relative;
}
.progression-studios-megabyte-player-container  .mejs-container .mejs-controls {
	background: transparent;/* Fix Border Issue */
	padding:0px;
}

.progression-studios-megabyte-player-container .mejs-container.mejs-audio {
	height:52px !important;
}

.progression-studios-megabyte-player-container .mejs-container.mejs-video .mejs-controls {
	border:1px solid #b5b5b5;
	height:42px;
}

.progression-studios-megabyte-player-container .mejs-container.mejs-video .mejs-overlay,
.progression-studios-megabyte-player-container .mejs-container.mejs-audio {
	border:1px solid #b5b5b5;
}


.progression-studios-megabyte-player-container  .close-default-meta-pro.wp-audio-playlist .wp-playlist-open-close,
.progression-studios-megabyte-player-container .selected-playlist-btn .wp-playlist-open-close,
.progression-studios-megabyte-player-container  .mejs-container.mejs-video .mejs-controls,
.progression-studios-megabyte-player-container .mejs-container {
	margin:0px;
	background:#ffffff; /* IE Fall-Back */
	background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#eeeeee), to(#FFFFFF));  /* Safari 4+, Chrome 1-9 */
	background-image: -webkit-linear-gradient(bottom, #eeeeee, #FFFFFF);   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -moz-linear-gradient(bottom, #eeeeee, #FFFFFF);  /* Firefox 3.6+ */
	background-image: -ms-linear-gradient(bottom, #eeeeee, #FFFFFF); /* IE 10+ */
	background-image: -o-linear-gradient(bottom, #eeeeee, #FFFFFF); /* Opera 11.10+ */
	background-image: linear-gradient(bottom, #eeeeee 0%, #FFFFFF 100%);
}

.progression-studios-megabyte-player-container  .close-default-meta-pro.wp-audio-playlist .wp-playlist-open-close:hover,
.progression-studios-megabyte-player-container  .close-default-meta-pro.wp-audio-playlist.selected-playlist-btn .wp-playlist-open-close,
.progression-studios-megabyte-player-container .wp-playlist-open-close,
.progression-studios-megabyte-player-container .selected-playlist-btn .wp-playlist-open-close:hover,
.progression-studios-megabyte-player-container .mejs-container .mejs-controls .mejs-playlist.progression-selected button,
.progression-studios-megabyte-player-container .mejs-container .mejs-inner .mejs-controls .mejs-fullscreen-button button:hover,
.progression-studios-megabyte-player-container .mejs-container .mejs-controls .mejs-playlist button:hover,
.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-next:hover, .progression-studios-megabyte-player-container  .wp-playlist .wp-playlist-prev:hover,
.progression-studios-megabyte-player-container .mejs-container .mejs-controls .mejs-playpause-button button:hover {
	background: #eeeeee; /* IE Fall-Back */
	background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#ffffff), to(#f0f0f0));  /* Safari 4+, Chrome 1-9 */
	background-image: -webkit-linear-gradient(bottom, #ffffff, #f0f0f0);   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -moz-linear-gradient(bottom, #ffffff, #f0f0f0);  /* Firefox 3.6+ */
	background-image: -ms-linear-gradient(bottom, #ffffff, #f0f0f0); /* IE 10+ */
	background-image: -o-linear-gradient(bottom, #ffffff, #f0f0f0); /* Opera 11.10+ */
	background-image: linear-gradient(bottom, #ffffff 0%, #f0f0f0 100%);
}



.hide-playlist-meta-pro .wp-playlist-current-item {display:none !important;}

/*
=============================================== 03. PLAYER BUTTONS ===============================================
*/
.progression-studios-megabyte-player-container .mejs-container .mejs-controls .mejs-playpause-button {
	margin:0px;
	padding:0px;
	width:48px;
}
.progression-studios-megabyte-player-container .mejs-container .mejs-controls .mejs-playpause-button button {
	margin:0px;
	padding:0px;
	height:50px;
	width:40px;
	top:-11px;
	font-size:25px;
	border-right:1px solid #b5b5b5;
}

.progression-studios-megabyte-player-container .mejs-container.mejs-video .mejs-controls .mejs-playpause-button button {
	top:0px;
	height:40px;
	font-size:20px;
}

.progression-studios-megabyte-player-container .mejs-playpause-button.mejs-replay button:before {  content: "\f452"; left:2px; position:relative;}
.progression-studios-megabyte-player-container .mejs-playpause-button.mejs-play button:before {  content: "\f452"; left:2px; position:relative;}
.progression-studios-megabyte-player-container .mejs-playpause-button.mejs-pause button:before { content: '\f448'; }
.progression-studios-megabyte-player-container .mejs-playlist-button button:before, .progression-studios-megabyte-player-container .wp-playlist-open-close:before { content: "\f419";  }
.progression-studios-megabyte-player-container .mejs-volume-button.mejs-mute button:before { content: '\f109'; font-size: 22px; position: absolute; top: -3px; left: -2px; }
.progression-studios-megabyte-player-container .mejs-volume-button.mejs-unmute button:before { content:"\f174"; font-size: 22px; position: absolute; top: -3px; left: -2px; }

.progression-studios-megabyte-player-container .mejs-container .mejs-layers .mejs-overlay.mejs-overlay-play .mejs-overlay-button:before { 
	content: '\f452';
	font: normal 30px/1.125;
}

.progression-studios-megabyte-player-container .mejs-fullscreen-button button:before { content: '\f474';}
.progression-studios-megabyte-player-container .mejs-fullscreen-button.mejs-unfullscreen button:before { content: '\f406'; }


.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-next:before { content: '\f458'; }
.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-prev:before { content: '\f459'; }


/*
=============================================== 04. PLAYER TIMER ===============================================
*/
.progression-studios-megabyte-player-container .mejs-container .mejs-controls .mejs-volume-button {
	border-left:1px solid #b5b5b5;
	height:50px;
	padding-left:3px;
}

.progression-studios-megabyte-player-container .mejs-container.mejs-video .mejs-controls .mejs-volume-button {
	height:40px;
}

.progression-studios-megabyte-player-container .mejs-container .mejs-controls .mejs-duration {
	margin-right:6px;
}

.progression-studios-megabyte-player-container .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total,
.progression-studios-megabyte-player-container .mejs-container .mejs-inner .mejs-controls .mejs-time-rail span.mejs-time-loaded,
.progression-studios-megabyte-player-container .mejs-container .mejs-inner .mejs-controls .mejs-time-rail span.mejs-time-current {
	height:10px;
	border-radius:8px;
}
.progression-studios-megabyte-player-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.progression-studios-megabyte-player-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	border-radius: 6px;
}

.progression-studios-megabyte-player-container .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total {
	background:#d5d5d5; /* IE Fall-Back */
	background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#d5d5d5), to(#c6c6c6));  /* Safari 4+, Chrome 1-9 */
	background-image: -webkit-linear-gradient(bottom, #d5d5d5, #c6c6c6);   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -moz-linear-gradient(bottom, #d5d5d5, #c6c6c6);  /* Firefox 3.6+ */
	background-image: -ms-linear-gradient(bottom, #d5d5d5, #c6c6c6); /* IE 10+ */
	background-image: -o-linear-gradient(bottom, #d5d5d5, #c6c6c6); /* Opera 11.10+ */
	background-image: linear-gradient(bottom, #d5d5d5 0%, #c6c6c6 100%);
	-webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.progression-studios-megabyte-player-container .mejs-container .mejs-inner .mejs-controls .mejs-time-rail span.mejs-time-loaded { 
	-webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	background:#aaaaaa; /* IE Fall-Back */
	background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#c6c6c6), to(#aaaaaa));  /* Safari 4+, Chrome 1-9 */
	background-image: -webkit-linear-gradient(bottom, #c6c6c6, #aaaaaa);   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -moz-linear-gradient(bottom, #c6c6c6, #aaaaaa);  /* Firefox 3.6+ */
	background-image: -ms-linear-gradient(bottom, #c6c6c6, #aaaaaa); /* IE 10+ */
	background-image: -o-linear-gradient(bottom, #c6c6c6, #aaaaaa); /* Opera 11.10+ */
	background-image: linear-gradient(bottom, #c6c6c6 0%, #aaaaaa 100%);
}


.progression-studios-megabyte-player-container .mejs-container .mejs-inner .mejs-controls .mejs-time-rail span.mejs-time-current {
	-webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	background:#666666; /* IE Fall-Back */
	background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#666666), to(#444444));  /* Safari 4+, Chrome 1-9 */
	background-image: -webkit-linear-gradient(bottom, #666666, #444444);   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -moz-linear-gradient(bottom, #666666, #444444);  /* Firefox 3.6+ */
	background-image: -ms-linear-gradient(bottom, #666666, #444444); /* IE 10+ */
	background-image: -o-linear-gradient(bottom, #666666, #444444); /* Opera 11.10+ */
	background-image: linear-gradient(bottom, #666666 0%, #444444 100%);
}


/* -------------------- A. Handle and Timer  -------------------- */
.progression-studios-megabyte-player-container .mejs-controls .mejs-time-rail .mejs-time-handle  {
	display: block ;
	margin: 0;
	padding:0px;
	border: 0;
	width: 6px ;
	height: 6px ;
	border-radius: 12px;
	
	top:-3px;
	left:-2px;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
	border:5px solid #eaeaea;
	background: #adadad;	
	background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#9c9c9c), to(#adadad));  /* Safari 4+, Chrome 1-9 */
	background-image: -webkit-linear-gradient(bottom, #9c9c9c, #adadad);   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -moz-linear-gradient(bottom, #9c9c9c, #adadad);  /* Firefox 3.6+ */
	background-image: -ms-linear-gradient(bottom, #9c9c9c, #adadad); /* IE 10+ */
	background-image: -o-linear-gradient(bottom, #9c9c9c, #adadad); /* Opera 11.10+ */
	background-image: linear-gradient(bottom, #9c9c9c 0%, #adadad 100%);
	
}

.progression-studios-megabyte-player-container .mejs-controls .mejs-time-rail .mejs-time-handle .mejs-time-handle-content {
	display:none;
}

.progression-studios-megabyte-player-container .mejs-controls .mejs-time-rail .mejs-time-float {
	background: #909090;
	border-color:#909090;
	background: rgba(0, 0, 0, 0.5); 
	border-radius: 3px;
}

.progression-studios-megabyte-player-container .mejs-controls .mejs-time-rail .mejs-time-float-current {
	color:#ffffff;
}

.progression-studios-megabyte-player-container .mejs-controls .mejs-time-rail .mejs-time-float-corner {
	top: 16px;
	border: solid 5px #909090;
	border-color: #909090 transparent transparent transparent;
}

/* -------------------- B. Time (Current / Duration)  -------------------- */
.progression-studios-megabyte-player-container .mejs-inner .mejs-controls .mejs-currenttime-container {
	margin-right:5px;
}

.progression-studios-megabyte-player-container .mejs-inner .mejs-controls .mejs-time {
	top:3px;
	position:relative;
}

.progression-studios-megabyte-player-container .mejs-inner .mejs-time .mejs-currenttime, .progression-studios-megabyte-player-container .mejs-inner .mejs-time  .mejs-duration {
	color:#aaaaaa;
	font-size:12px;
}


/* Time Rail Positioning */
.progression-studios-megabyte-player-container .mejs-inner .mejs-controls .mejs-time {
	padding-top:8px;
}
.progression-studios-megabyte-player-container .mejs-controls div.mejs-time-rail {
	padding-top:6px;
}

.progression-studios-megabyte-player-container .mejs-container.mejs-video .mejs-inner .mejs-controls .mejs-time {
	padding-top:12px;
}

.progression-studios-megabyte-player-container .mejs-container.mejs-video .mejs-controls div.mejs-time-rail {
	padding-top:10px;
}

/* Volumne Rail Positioning */
.progression-studios-megabyte-player-container .mejs-controls .mejs-horizontal-volume-slider {
	margin-top:4px;
}


/*
=============================================== 05. PLAYER VOLUME ===============================================
*/
.progression-studios-megabyte-player-container .mejs-container .mejs-inner .mejs-controls .mejs-volume-button {
	padding-top:0px;
	margin-top:-3px;
	margin-right:5px;
}

.progression-studios-megabyte-player-container .mejs-controls .mejs-horizontal-volume-slider {
	position:relative;
	top:-9px;
	margin-right:8px;
}

	
.progression-studios-megabyte-player-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	-webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	background:#aaaaaa;
	background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#c6c6c6), to(#aaaaaa));  /* Safari 4+, Chrome 1-9 */
	background-image: -webkit-linear-gradient(bottom, #c6c6c6, #aaaaaa);   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -moz-linear-gradient(bottom, #c6c6c6, #aaaaaa);  /* Firefox 3.6+ */
	background-image: -ms-linear-gradient(bottom, #c6c6c6, #aaaaaa); /* IE 10+ */
	background-image: -o-linear-gradient(bottom, #c6c6c6, #aaaaaa); /* Opera 11.10+ */
	background-image: linear-gradient(bottom, #c6c6c6 0%, #aaaaaa 100%);
}

.progression-studios-megabyte-player-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	-webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	background:#666666;
	background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#666666), to(#444444));  /* Safari 4+, Chrome 1-9 */
	background-image: -webkit-linear-gradient(bottom, #666666, #444444);   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -moz-linear-gradient(bottom, #666666, #444444);  /* Firefox 3.6+ */
	background-image: -ms-linear-gradient(bottom, #666666, #444444); /* IE 10+ */
	background-image: -o-linear-gradient(bottom, #666666, #444444); /* Opera 11.10+ */
	background-image: linear-gradient(bottom, #666666 0%, #444444 100%);
}

.progression-studios-megabyte-player-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	display: block;
	position: absolute;
	width: 5px;
	height:5px;
	top:-6px;
	margin-left:-7px !important;
	border-radius:20px;
	background: #adadad;	
	background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#9c9c9c), to(#adadad));  /* Safari 4+, Chrome 1-9 */
	background-image: -webkit-linear-gradient(bottom, #9c9c9c, #adadad);   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -moz-linear-gradient(bottom, #9c9c9c, #adadad);  /* Firefox 3.6+ */
	background-image: -ms-linear-gradient(bottom, #9c9c9c, #adadad); /* IE 10+ */
	background-image: -o-linear-gradient(bottom, #9c9c9c, #adadad); /* Opera 11.10+ */	
	background-image: linear-gradient(bottom, #9c9c9c 0%, #adadad 100%);
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
	border:4px solid #eaeaea;
	text-align: center;
		
}



/*
=============================================== 06. VIDEO STYLES ===============================================
*/
.progression-studios-megabyte-player-container .wp-video .mejs-layer {
	max-width:100%;
}

.progression-studios-megabyte-player-container .mejs-container .mejs-inner .mejs-controls .mejs-fullscreen-button {
	border-left:1px solid #b5b5b5;
	margin:0px -4px 0px 0px;
	height:40px;
}

.progression-studios-megabyte-player-container .mejs-container .mejs-inner .mejs-controls .mejs-fullscreen-button button {
	margin:0px;
	height:40px;
	width:26px;
}


.progression-studios-megabyte-player-container .mejs-fullscreen-button button:before { 
	display:block;
	width:26px;
	position:relative;
	top:1px;
	left:2px;
	font-size: 12px;
}


.progression-studios-megabyte-player-container .mejs-container.mejs-video .mejs-volume-button {
	top:3px;
}

.progression-studios-megabyte-player-container .mejs-container .mejs-inner .mejs-controls .mejs-volume-button .mejs-volume-slider {
    top: -112px;
}


.progression-studios-megabyte-player-container .mejs-video.mejs-container .mejs-layers .mejs-layer .mejs-overlay-button {
	background:none;
	background:#000000;
	background: rgba(0, 0, 0, 0.75);
    position: absolute;
    top: 50%;
    left: 50%;
	width: 60px;
	height: 60px;
	margin:-35px 0 0 -30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.progression-studios-megabyte-player-container .mejs-video.mejs-container .mejs-layers .mejs-layer .mejs-overlay-button:before {
	color:#ffffff;
	line-height:1;
	font-size:36px;
	text-decoration: inherit;
	display: inline-block;
	left:13px;
	top:13px;
	margin:0px;
	padding:0px;
	position:relative;
}

.progression-studios-megabyte-player-container .mejs-video.mejs-container .mejs-layers .mejs-layer.mejs-overlay:hover .mejs-overlay-button {
	background:none;
	background:#000000;
	background: rgba(0, 0, 0, 0.95);
}


/*
=============================================== 07. PLAYLIST STYLES ===============================================
*/
.close-default-meta-pro.wp-audio-playlist .wp-playlist-tracks {
	display:none;
}

.progression-studios-megabyte-player-container .wp-audio-playlist .mejs-volume-button, .progression-studios-megabyte-player-container .wp-audio-playlist .mejs-horizontal-volume-slider {
	display:none;
}

.progression-studios-megabyte-player-container .mejs-container .mejs-controls .mejs-playlist {
	width:35px;
}
.progression-studios-megabyte-player-container .mejs-container .mejs-controls .mejs-playlist button {
	font-size:12px;
	height:50px;
	width:35px;
	position:relative;
	right:1px;
	margin:0px;
	border-left:1px solid #b5b5b5;
}

.progression-studios-megabyte-player-container .wp-playlist.wp-audio-playlist {
	padding:0px;
	background:none;
	border:none;
}

.progression-studios-megabyte-player-container .wp-playlist.wp-audio-playlist .mejs-container.mejs-audio {
	width:100% !important;
}

.progression-studios-megabyte-player-container .wp-playlist.wp-video-playlist  {
	background:none;
	border:none;
}

/* Playlist styles */
.progression-studios-megabyte-player-container .wp-playlist-tracks {
	margin-left:1px;
	margin-right:1px;
	margin-top:0px;
	padding-top:0px;
	border-left:1px solid #b5b5b5;
	border-right:1px solid #b5b5b5;
	border-bottom:1px solid #b5b5b5;
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
	background:#ffffff;
}


.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-tracks .wp-playlist-item {
	border-color:#b5b5b5;
	padding-top:0px;
	padding-bottom:0px;
	color:#777777;
	font-size:13px;
	line-height:13px;
}

.progression-studios-megabyte-player-container .wp-playlist-caption .wp-playlist-item-meta {
	color:#737c8d;
}


.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-tracks .wp-playlist-caption {
	padding:10px;
}

.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-tracks .wp-playlist-item-length {
	top:15px;
	right:12px;
	font-size:11px;
	line-height:11px;
}


.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-tracks .wp-playlist-item.wp-playlist-playing, .progression-studios-megabyte-player-container .wp-playlist .wp-playlist-tracks .wp-playlist-item.wp-playlist-playing:hover {
	background: rgba(0, 0, 0, 0.35);
	font-weight:normal;
}


.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-tracks .wp-playlist-item:hover a {
	color:#777777;
}
.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-tracks .wp-playlist-item:hover {
	background: rgba(0, 0, 0, 0.06);
}


.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-tracks .wp-playlist-item.wp-playlist-playing:hover a,
.progression-studios-megabyte-player-container .wp-playlist-item.wp-playlist-playing a, .progression-studios-megabyte-player-container .wp-playlist-item.wp-playlist-playing a:hover,
.progression-studios-megabyte-player-container .wp-playlist-item.wp-playlist-playing .wp-playlist-item-length {
	color:#ffffff;
}


.progression-studios-megabyte-player-container  .wp-playlist-item a, .progression-studios-megabyte-player-container  .wp-playlist-item .wp-playlist-item-length {
	color:#777777;
}

.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-tracks  .wp-playlist-item-artist, .progression-studios-megabyte-player-container .wp-playlist .wp-playlist-tracks   .wp-playlist-caption, .progression-studios-megabyte-player-container .wp-playlist .wp-playlist-tracks  .wp-playlist-item-title {
	font-size: 12px;
}




/* Next/Prev Buttons */
.progression-studios-megabyte-player-container .wp-playlist.wp-video-playlist .wp-playlist-next, .progression-studios-megabyte-player-container  .wp-playlist.wp-video-playlist .wp-playlist-prev {
	display:none;
}

.progression-studios-megabyte-player-container .wp-playlist.wp-audio-playlist .mejs-container .mejs-inner .mejs-controls .mejs-playpause-button {
	margin-left:40px;
	margin-right:40px;
}

.progression-studios-megabyte-player-container .wp-playlist.wp-audio-playlist.progresion-display-playlist .wp-playlist-prev,
.progression-studios-megabyte-player-container .wp-playlist.wp-audio-playlist.progresion-display-playlist .wp-playlist-next {
	margin-top:0px;
}

.progression-studios-megabyte-player-container .wp-playlist.wp-audio-playlist .wp-playlist-next, .progression-studios-megabyte-player-container  .wp-playlist.wp-audio-playlist .wp-playlist-prev {
	width:40px;
	height:50px;
	float:left;
	line-height:50px;
	text-align:center;
	cursor:pointer;
	top:-1px;
	left:1px;
	margin-top:-50px;
	margin-bottom:-50px;
	position:relative;
	z-index:5;
	font-size:15px;
	border-right:1px solid #b5b5b5;
}

.progression-studios-megabyte-player-container  .wp-playlist.wp-audio-playlist .wp-playlist-next {
	left:82px;
}



/*
=============================================== 08. PLAYLIST STYLES ===============================================
*/
.progression-studios-megabyte-player-container .pro-small-player .mejs-container.mejs-audio {
	height:32px !important;
}

.progression-studios-megabyte-player-container .pro-small-player .mejs-container.mejs-audio .mejs-controls {
	position:relative;
	top:0px;
}

.progression-studios-megabyte-player-container .pro-small-player .mejs-container.mejs-video .mejs-controls {
	height:32px;
}

.progression-studios-megabyte-player-container .pro-small-player .mejs-container .mejs-controls .mejs-playpause-button {
	width:40px;
}
.progression-studios-megabyte-player-container .pro-small-player .mejs-container .mejs-controls .mejs-playpause-button button {
	height:30px;
	width:34px;
	font-size:18px;
}
.progression-studios-megabyte-player-container .pro-small-player .mejs-container .mejs-inner .mejs-controls .mejs-fullscreen-button {
	height:30px;
}

.progression-studios-megabyte-player-container .pro-small-player .mejs-container .mejs-inner .mejs-controls .mejs-fullscreen-button button {
	height:30px;
	width:26px;
	font-size:11px;
}

.progression-studios-megabyte-player-container .pro-small-player .mejs-inner .mejs-controls .mejs-time {
	height: 21px;
}

.progression-studios-megabyte-player-container .pro-small-player .mejs-inner .mejs-controls .mejs-time {
	padding-top:8px;
}
.progression-studios-megabyte-player-container .pro-small-player .mejs-container .mejs-inner .mejs-time-rail {
	margin-top:-5px;
}


.progression-studios-megabyte-player-container .pro-small-player .mejs-container .mejs-controls .mejs-volume-button {
	height:30px;
	position:relative;
}

.progression-studios-megabyte-player-container .pro-small-player .mejs-container .mejs-controls .mejs-volume-button button {
	height:30px;
	margin-top:0px;
}

.progression-studios-megabyte-player-container .pro-small-player .mejs-volume-button.mejs-unmute button:before,
.progression-studios-megabyte-player-container .pro-small-player .mejs-volume-button.mejs-mute button:before {
	font-size:16px;
	top:6px;
}

.progression-studios-megabyte-player-container .pro-small-player .mejs-controls .mejs-horizontal-volume-slider {
	margin-top:-2px;
}

.progression-studios-megabyte-player-container .pro-small-player .mejs-container .mejs-inner .mejs-controls .mejs-volume-button {
	padding-top:0px;
}



.progression-studios-megabyte-player-container.progression-fancy .pro-small-player .mejs-container .mejs-inner .mejs-controls .mejs-volume-button,
.progression-studios-megabyte-player-container .pro-small-player .mejs-container .mejs-inner .mejs-controls .mejs-volume-button {
	padding-top:1px;
}



.progression-studios-megabyte-player-container .pro-small-player .mejs-controls .mejs-horizontal-volume-slider {
	top:-3px;
}


/* Playlist Small */
.progression-studios-megabyte-player-container .pro-small-player .wp-playlist-open-close {
	line-height:30px;
	height:30px;
	width:30px;
	left:calc(100% - 32px);
	
}

.progression-studios-megabyte-player-container .pro-small-player .wp-playlist.wp-audio-playlist.progresion-display-playlist .mejs-controls .mejs-duration-container {
	margin-right:30px;
}

.progression-studios-megabyte-player-container  .pro-small-player .wp-playlist.wp-audio-playlist.progresion-display-playlist .mejs-container {
	margin-bottom:-30px;
}

.progression-studios-megabyte-player-container .pro-small-player  .wp-playlist-open-close:before {
	top:0px;
}

/* Playlist Next/prev */
.progression-studios-megabyte-player-container .pro-small-player .wp-playlist.wp-audio-playlist .mejs-container .mejs-inner .mejs-controls .mejs-playpause-button {
	margin-left:30px;
	margin-right:30px;
}

.progression-studios-megabyte-player-container .pro-small-player .wp-playlist.wp-audio-playlist.progresion-display-playlist .wp-playlist-prev,
.progression-studios-megabyte-player-container .pro-small-player .wp-playlist.wp-audio-playlist.progresion-display-playlist .wp-playlist-next {
	margin-top:0px;
}

.progression-studios-megabyte-player-container .pro-small-player .wp-playlist.wp-audio-playlist .wp-playlist-next, .progression-studios-megabyte-player-container .pro-small-player .wp-playlist.wp-audio-playlist .wp-playlist-prev {
	width:30px;
	height:30px;
	line-height:30px;
	margin-top:-30px;
	margin-bottom:-30px;
	font-size:12px;
}
.progression-studios-megabyte-player-container .pro-small-player .wp-playlist.wp-audio-playlist .wp-playlist-next {
	left:66px;
}

/* Playlist Text */
.progression-studios-megabyte-player-container .pro-small-player .wp-playlist .wp-playlist-tracks .wp-playlist-caption {
	padding:6px 10px;
}

.progression-studios-megabyte-player-container .pro-small-player .wp-playlist .wp-playlist-tracks .wp-playlist-item-length {
	top:9px;
	right:10px;
	font-size:10px;
	line-height:10px;
}

.progression-studios-megabyte-player-container .pro-small-player .wp-playlist .wp-playlist-tracks  .wp-playlist-item-artist,
.progression-studios-megabyte-player-container .pro-small-player .wp-playlist .wp-playlist-tracks   .wp-playlist-caption,
.progression-studios-megabyte-player-container .pro-small-player .wp-playlist .wp-playlist-tracks  .wp-playlist-item-title {
	font-size: 11px;

}



/*
=============================================== 09. MINIMAL DARK SKIN ===============================================
*/
/* Border */
.progression-studios-megabyte-player-container .mejs-container.mejs-video .mejs-controls,
.progression-studios-megabyte-player-container .mejs-container.mejs-video .mejs-overlay,
.progression-studios-megabyte-player-container .mejs-container.mejs-audio {
	border-color:transparent;
}

.progression-studios-megabyte-player-container  .wp-playlist-open-close,
.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-tracks .wp-playlist-item,
.progression-studios-megabyte-player-container .wp-playlist-tracks,
.progression-studios-megabyte-player-container .wp-playlist.wp-audio-playlist .wp-playlist-next, .progression-studios-megabyte-player-container  .wp-playlist.wp-audio-playlist .wp-playlist-prev,
.progression-studios-megabyte-player-container .mejs-container .mejs-controls .mejs-playpause-button button,
.progression-studios-megabyte-player-container .mejs-container .mejs-inner .mejs-controls .mejs-fullscreen-button,
.progression-studios-megabyte-player-container .mejs-container .mejs-controls .mejs-playlist button,
.progression-studios-megabyte-player-container .mejs-container .mejs-controls .mejs-volume-button {
	border-color:transparent;
}

/* Backgrounds */
.progression-studios-megabyte-player-container  .close-default-meta-pro.wp-audio-playlist .wp-playlist-open-close,
.progression-studios-megabyte-player-container .selected-playlist-btn .wp-playlist-open-close,
.progression-studios-megabyte-player-container  .mejs-container.mejs-video .mejs-controls,
.progression-studios-megabyte-player-container .mejs-container {
	background:#202020;
}

.progression-studios-megabyte-player-container  .close-default-meta-pro.wp-audio-playlist .wp-playlist-open-close:hover,
.progression-studios-megabyte-player-container  .close-default-meta-pro.wp-audio-playlist.selected-playlist-btn .wp-playlist-open-close,
.progression-studios-megabyte-player-container .wp-playlist-open-close,
.progression-studios-megabyte-player-container .selected-playlist-btn .wp-playlist-open-close:hover,
.progression-studios-megabyte-player-container .mejs-container .mejs-controls .mejs-playlist.progression-selected button,
.progression-studios-megabyte-player-container .mejs-container .mejs-inner .mejs-controls .mejs-fullscreen-button button:hover,
.progression-studios-megabyte-player-container .mejs-container .mejs-controls .mejs-playlist button:hover,
.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-next:hover, .progression-studios-megabyte-player-container  .wp-playlist .wp-playlist-prev:hover,
.progression-studios-megabyte-player-container .mejs-container .mejs-controls .mejs-playpause-button button:hover {
	background:#2a2a2a; /* IE Fall-Back */
}

/* Button Color */
.progression-studios-megabyte-player-container  .close-default-meta-pro.wp-audio-playlist .wp-playlist-open-close,
.progression-studios-megabyte-player-container .selected-playlist-btn .wp-playlist-open-close,
.progression-studios-megabyte-player-container .wp-playlist-open-close,
.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-next,
.progression-studios-megabyte-player-container  .wp-playlist .wp-playlist-prev,
.progression-studios-megabyte-player-container .mejs-inner .mejs-controls span,
.progression-studios-megabyte-player-container .mejs-inner .mejs-controls button {
	color:#eeeeee;
}


/* Button Hover Color */
.progression-studios-megabyte-player-container  .close-default-meta-pro.wp-audio-playlist .wp-playlist-open-close:hover,
.progression-studios-megabyte-player-container  .close-default-meta-pro.wp-audio-playlist.selected-playlist-btn .wp-playlist-open-close,
.progression-studios-megabyte-player-container .selected-playlist-btn .wp-playlist-open-close:hover,
.progression-studios-megabyte-player-container .wp-playlist-open-close,
.progression-studios-megabyte-player-container .mejs-container .mejs-controls .mejs-playlist.progression-selected button,
.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-next:hover,
.progression-studios-megabyte-player-container  .wp-playlist .wp-playlist-prev:hover,
.progression-studios-megabyte-player-container .mejs-inner .mejs-controls button:hover {
	color:#ffffff;
}


/* Playlist */
.progression-studios-megabyte-player-container .wp-playlist-tracks {
	background:#363636;
}
.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-tracks .wp-playlist-item.wp-playlist-playing,
.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-tracks .wp-playlist-item.wp-playlist-playing:hover {
	background: rgba(0, 0, 0, 0.4);
}

.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-tracks .wp-playlist-item:hover {
	background-color: rgba(250, 250, 250, 0.15);
}

.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-tracks .wp-playlist-item:hover a {
	color:#aaaaaa;
}
.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-tracks .wp-playlist-item {
	color:#aaaaaa;
}
.progression-studios-megabyte-player-container .wp-playlist .wp-playlist-tracks .wp-playlist-item.wp-playlist-playing:hover a,
.progression-studios-megabyte-player-container .wp-playlist-item.wp-playlist-playing a, .progression-studios-megabyte-player-container .wp-playlist-item.wp-playlist-playing a:hover,
.progression-studios-megabyte-player-container .wp-playlist-item.wp-playlist-playing .wp-playlist-item-length {
	color:#ffffff;
}
.progression-studios-megabyte-player-container  .wp-playlist-item a, .progression-studios-megabyte-player-container  .wp-playlist-item .wp-playlist-item-length {
	color:#aaaaaa;
}

/* Timer */
body .progression-studios-megabyte-player-container .mejs-inner .mejs-time .mejs-currenttime, 
body .progression-studios-megabyte-player-container .mejs-inner .mejs-time  .mejs-duration {
	color:#ffffff ;
}

.progression-studios-megabyte-player-container .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total {
	background:#5c5c5c; /* IE Fall-Back */
	-webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0);
	box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0);
}

.progression-studios-megabyte-player-container .mejs-container .mejs-inner .mejs-controls .mejs-time-rail span.mejs-time-loaded { 
	-webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0);
	box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0);
	background:#4c4c4c; /* IE Fall-Back */
	
}

.progression-studios-megabyte-player-container .mejs-container .mejs-inner .mejs-controls .mejs-time-rail span.mejs-time-current {
	-webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0);
	box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0);
	background:#c2c2c2; /* IE Fall-Back */
}

.progression-studios-megabyte-player-container .mejs-controls .mejs-time-rail .mejs-time-handle  {
	width: 2px;
	height: 2px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	top:-1px;
	left:-6px;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
	border:5px solid #ededed;
	background: #ededed;	
}


/* Volume */
.progression-studios-megabyte-player-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background:#5c5c5c; /* IE Fall-Back */
	-webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0);
	box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0);
}

.progression-studios-megabyte-player-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background:#c2c2c2; /* IE Fall-Back */
	-webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0);
	box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0);
}

.progression-studios-megabyte-player-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	width: 4px;
	height:4px;
	margin-left:-3px;
	top:-1px;
	background: #ededed;	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
	border:3px solid #ededed;
	text-align: center;
}


/*
=============================================== 10. MOBILE/TABLET STYLES ===============================================
*/
/* -- This Code Removes Audio Controls on Mobile/Tablet  -- */
@media only screen and (max-width: 959px) {

	/* Remove Playlist Left/Right */
	.progression-studios-megabyte-player-container .wp-playlist.wp-audio-playlist .mejs-container .mejs-inner .mejs-controls .mejs-playpause-button {
		margin-left:0px !important; margin-right:0px !important;
	}
	.progression-studios-megabyte-player-container .wp-playlist.wp-audio-playlist .wp-playlist-next, .progression-studios-megabyte-player-container  .wp-playlist.wp-audio-playlist .wp-playlist-prev {
		display:none;
	}

}


/*
=============================================== 11. ICON FONT ===============================================
*/
.progression-studios-megabyte-player-container .wp-playlist-next, .progression-studios-megabyte-player-container .wp-playlist-prev,
.progression-studios-megabyte-player-container .wp-playlist-open-close,
.progression-studios-megabyte-player-container .mejs-overlay-button:before, .progression-studios-megabyte-player-container .mejs-controls button, .progression-studios-megabyte-player-container .mejs-fullscreen-button button:before {
	font-family:"Genericons-Neue";
	display:inline-block;
	vertical-align:middle;
	line-height:1;
	font-weight:normal;
	font-style:normal;
	speak:none;
	text-decoration:inherit;
	text-transform:none;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

