/*--------------------------------------------------------------
13.0 Style Groups
--------------------------------------------------------------*/

.mejs-container * {
	font-family: Arial, Helvetica, sans-serif;
}

/* Time Loaded bar */
.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: rgba(255,255,255,0.5);
}

/* Time current bar */
.mejs-controls .mejs-time-rail .mejs-time-current {
	background: #fff;
}

.me-cannotplay {
	width: auto !important;
}

.media-embed-details .wp-audio-shortcode {
	display: inline-block;
	max-width: 400px;
}

.media-embed-details .embed-media-settings .setting span {
	max-width: 400px;
	width: auto;
}

.media-embed-details .embed-media-settings .checkbox-setting span {
	display: inline-block;
}

.media-embed-details .embed-media-settings {
	padding-top: 0;
	top: 28px;
}

.media-embed-details .instructions {
	padding: 16px 0;
	max-width: 600px;
}

.media-embed-details .setting p,
.media-embed-details .setting a {
	color: #a00;
	text-transform: uppercase;
}

.media-embed-details .setting a:hover {
	color: #f00;
}

.media-embed-details .embed-media-settings .checkbox-setting {
	float: none;
	margin: 0 0 10px;
}

.video-details .wp-video-holder {
	width: 100%;
	max-width: 640px;
}

/*
 * PLAYLISTS
 * ============================================================
 * */

.wp-playlist {
	background: #1b1b1b;
	border: 0;
	box-shadow: none;
	color: #888;
	padding: 0.5em;
}

	/* Media playlist links */
	.wp-playlist-tracks a {
		color: #aaa;
	}

	/* Media playlist link hover/focus state */
	.wp-playlist-tracks a:hover,
	.wp-playlist-tracks a:focus {
		color: #fff;
	}

	.wp-audio-playlist .me-cannotplay span {
		padding: 0.5em 1em;
	}

	/* === current item === */

	.wp-playlist-current-item {
		background: #141414;
		border-bottom: 1px dotted #232323;
		clear: both;
		overflow: hidden;
		padding: 0.5em;
		text-shadow: none;
	}

		/* current item image */
		.wp-playlist .wp-playlist-current-item img {
			background: #fff;
			display: inline-block;
			float: left;
			max-width: 80px;
			padding: 6px;
			height: auto;
			vertical-align: top;
		}

		.rtl .wp-playlist .wp-playlist-current-item img {
			float: right;
		}

		/* current item caption */
		.wp-playlist-current-item .wp-playlist-caption {
			display: block;
			color: #ddd;
			max-width: calc(100% - 80px);
			overflow: hidden;
			padding: 0 0.75em 0.25em;
			text-overflow: ellipsis;
			vertical-align: top;
			white-space: nowrap;
		}

			.wp-playlist-current-item .wp-playlist-item-title,
			.wp-playlist-current-item .wp-playlist-item-artist {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

	/* === Container === */
	.wp-playlist .mejs-container {
		margin: 0;
		width: 100%;
	}

			/* === .mejs-mediaelement === */

				.wp-playlist video {
					display: inline-block;
					max-width: 100%;
				}

				.wp-playlist audio {
					display: none;
					max-width: 100%;
					width: 400px;
				}

			/* === .mejs-controls === */

					.wp-playlist .mejs-controls .mejs-button button {
						outline: 0;
					}

	/* === Playlist Tracks */

	.wp-playlist-tracks {}

		.wp-playlist-item {
			border-top: 1px solid #232323;
			border-bottom: 1px solid #141414;
			cursor: pointer;
			font-size: 0.9em;
			padding: 0.5em;
			position: relative;
		}

		.wp-playlist-item:first-child {border-top: 0;}
		.wp-playlist-item:last-child {border-bottom: 0;}

		.wp-playlist-item:nth-child(odd) {
			background: rgba(0,0,0,.1);
			}

			/* playlist item caption */
			.wp-playlist-item .wp-playlist-caption {
				/* this is different from first instance of .wp-playlist-caption above */
				display: block;
				max-width: -webkit-calc(100% - 60px);
				max-width: calc(100% - 60px);
			}

			/* playlist item length */
			.wp-playlist-item-length {
				position: absolute;
					right: 0.5em;
					top: 0.5em;
			}

			.rtl .wp-playlist-item-length {
				left: 0.5em;
				right: auto;
			}

			.wp-playlist-item-meta {
				display: block;
			}

			.wp-playlist-item-album {
				font-style: italic;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			.wp-playlist-item-artist {
				text-transform: uppercase;
			}

		/* current item of playlist tracks */
		.wp-playlist-playing,
			.wp-playlist-playing .wp-playlist-caption {
				color: #fff;
				font-weight: bold;
			}