@font-face {
  font-family: 'Batch Icons';
  src: url('../fonts/batch/batch-icons-webfont.eot');
  src: url('../fonts/batch/batch-icons-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('../fonts/batch/batch-icons-webfont.woff') format('woff'), /* Modern Browsers */
   url('../fonts/batch/batch-icons-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
   url('../fonts/batch/batch-icons-webfont.svg#svgFontName') format('svg');
  font-weight: normal;
  font-style: normal;/* IE9 Compat Modes */
  /* Legacy iOS */
}

.podcaster-theme .mejs-container a {
	opacity:1;
}
.podcaster-theme .mejs-container.mejs-audio {
	height:70px !important;
}
.podcaster-theme .mejs-container .mejs-controls {
	background-color:#282d31;
	padding:0 24px;
	height:70px;
}
.podcaster-theme .mejs-container.mejs-video .mejs-controls  {
	background-color:rgba(0,0,0,0.4);
}
.podcaster-theme .mejs-container .mejs-controls div * {
	height:70px;
	font-family: 'Courier New', monospace;
	font-size: 11px;
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner {
	line-height: 1;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	align-items: center;
	width:100%;
	float:none;
	height:auto;
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner div {
	float: none;
}

/* Button Settings */
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-button {
	width:16px;
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-button button {
    background: transparent none no-repeat scroll 0 0;
    color: #fff;
    font-family: "Batch Icons";
    margin: 0;
    padding: 0;
    position: static;
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-button button:hover {
	color:rgba(255,255,255, 0.5);
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-button button:before {
	display: block;
	font-size: 14px;
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-play button:before {
    content: "\F16B";
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-pause button:before {
    content: "\F16C";
}

/* Time Settings */
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time {
	width:72px;
	height:;
	padding:0;
	align-items: center;
    display: flex;
    justify-content: center;
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time span {
	height:auto;
}

/* Timerail Settings */
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time-rail {
	height:6px;
    padding:0;
    margin:0 7px;
    max-width:100%;
    width:26px;
    float:left;
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time-rail span.mejs-time-total,
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time-rail span.mejs-time-loaded, 
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time-rail span.mejs-time-current {
	height:6px;
	border-radius:3px;
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time-rail span.mejs-time-handle {
	border-width: 3px;
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time-rail span.mejs-time-handle-content {
	border-width: 3px;
	top:-3px;
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time-rail span.mejs-time-handle,
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time-rail span.mejs-time-handle-content,
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time-rail span.mejs-time-hovered {
	height:6px;
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time-rail .mejs-time-total {
	background:rgba(0,0,0,0.2);
	margin:0;
	padding:0;
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time-rail span.mejs-time-loaded {
	background:rgba(0,0,0,0.05);
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time-rail .mejs-time-buffering {
	height:6px;
	border-radius:3px;
}
.podcaster-theme .mejs-container.mejs-audio .mejs-controls .pod-mejs-controls-inner .mejs-time-rail span.mejs-time-current,
.podcaster-theme .mejs-container.mejs-video .mejs-controls:hover .pod-mejs-controls-inner .mejs-time-rail span.mejs-time-current {
	background:#fff;
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time-rail .mejs-time-float {
	height:14px;
	border-radius: 3px;
	color:#fff;
	background-color:#282d31;
	border:none;
	top:-20px;
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time-rail .mejs-time-float-current {
	color:#fff;
	height:14px;
	line-height: 1;
	font-size: 10px;
	margin:2px 3px;
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time-rail .mejs-time-float-corner {
	height:0;
	top:13px;
	border-color:#282d31 transparent transparent;
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time-rail .mejs-time-float {
  background:#fff;
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time-rail .mejs-time-float .mejs-time-float-current {
  color:pink;
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-time-rail .mejs-time-float-corner {
  border-color:#fff transparent transparent;
}

/* Volume Settings */
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-mute button:before {
	content: "\F03B";
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-unmute button:before {
	content: "\F038";
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-horizontal-volume-slider {
	width:72px;
	margin-left:12px;
	display: flex;
	align-items: center;
	float:none;
	position: relative;
}

/* Horizontal Volume Settings */
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background-color:rgba(0,0,0,0.2);
	height:6px;
	border-radius:3px;
	width:100%;
	top:50%;
	transform: translateY(-50%);
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background-color:#fff;
	height:6px;
	border-radius:3px;
	top:50%;
	transform: translateY(-50%);
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-volume-button .mejs-volume-slider {
	height:115px;
}

/* Fullscreen Settings */
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-fullscreen-button {
	margin-left:12px;
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-fullscreen-button button:before {
	content: "\F0A0";
}
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-unfullscreen button:before {
	content: "\F0A1";
}

/* Overlay Button Settings */
.podcaster-theme .mejs-container .mejs-overlay-button {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    border-radius: 9999px;
    /*transform: translate(-50%, -50%);*/
    transition-duration: 0.4s;
    font-size: 24px;
    line-height: 1;
    padding: 26px 28px;
    height:100px;
    width:100px;
    margin:0;
}
.podcaster-theme .mejs-container .mejs-overlay-button:before {
    color: #fff;
    content: "\F16B";
    display: inline-block;
    font-family: "Batch Icons";
    font-size: 48px;   
}
.podcaster-theme .mejs-container .mejs-overlay-button {
    line-height: 1;
}
.podcaster-theme .mejs-container .mejs-overlay-loading span {
    background-color: transparent;
    background-image: url("img/video-loading.png");
    background-position: center center;
    background-repeat: no-repeat;
}
/*
@media screen and (max-width: 480px) {
	.podcaster-theme .mejs-container.mejs-audio {
		height:40px;
	}
	.podcaster-theme .mejs-container .mejs-controls {
		height:40px;
	}
	.podcaster-theme .mejs-container .mejs-controls div * {
		height:40px;
	}
	.podcaster-theme .wp-playlist.wp-audio-playlist .mejs-container, 
	.podcaster-theme .post .wp-playlist.wp-audio-playlist .mejs-container {
		height:40px !important;
	}
}
*/