/*
	Thème Esprits Nomades
	
	Objet : Styles relatifs aux médias
	Auteur : Vincent Jockin / WebArtMedia (développement Web) © 2018
*/



/*
	************
	Player Audio
	************
*/

/*
	Dimensions
*/
	/* Lecteur */
	.wp-playlist {
		display: inline-block;
		width: 100%;
		margin: 0px;
		padding: 0px;
		border: 0px;
		border-radius: 8px;
		overflow: hidden;
	}
	.wp-playlist a {
		border: none 0px !important;
	}
	.wp-playlist .mejs-container {
		width: 100% !important;
		max-width: 100%;
	}
	.wp-playlist .mejs-container,
	.wp-playlist .mejs-container .mejs-controls {
		background: none !important;
	}

	/* Barre d’avancement */
	.wp-playlist .mejs-controls .mejs-time-rail .mejs-time-total {
		outline: 0 !important;
	}

	/* Wrapper des pistes */
	.wp-playlist .wp-playlist-tracks {
		margin: 10px 0px 0px 0px;
	}

	/* Piste audio */
	.wp-playlist-item {
		padding: 0px 20px;
		border: none;
	}
	.wp-playlist-item:last-child {
		padding-bottom: 5px;
	}
	.wp-playlist-item .wp-playlist-caption,
	.wp-playlist-item .wp-playlist-item-length {
		line-height: 30px;
	}
	.wp-playlist-item .wp-playlist-item-length {
		right: 20px;
	}

	/* Piste audio courrante (suppression) */
	.wp-playlist-current-item {
		height: 10px;
		line-height: 10px;
		margin: 0px;
	}
	.wp-playlist-current-item > * {
		display: none;
	}

/*
	Couleurs
*/
	/* Barre d’avancement & volume */
	.wp-playlist-dark .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded,
	.wp-playlist-dark .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
		background: #cc4646;
	}
	.wp-playlist-dark .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
		background: #fff;
	}

	/* Piste audio */
	.wp-playlist-dark .wp-playlist-item {
		color: #c0c8cf;
		background: rgba(16,16,16,.9);
		font-weight: 400;
		transition: all .25s;
	}
	.wp-playlist-dark .wp-playlist-item .wp-playlist-caption {
		color: #c0c8cf;
		font-weight: 400;
		transition: inherit;
	}

	/* Piste audio en cours de lecture */
	.wp-playlist-dark .wp-playlist-playing {
		color: rgb(16,16,16);
		background: #c0c8cf;
		font-weight: 600;
		transition: all .25s;
	}
	.wp-playlist-dark .wp-playlist-playing .wp-playlist-caption {
		color: rgb(16,16,16);
		font-weight: 600;
		transition: inherit;
	}

	/* Over */
	.wp-playlist-dark .wp-playlist-item:hover {
		color: #fff;
		background: #cc4646;
	}
	.wp-playlist-dark .wp-playlist-item:hover .wp-playlist-caption {
		color: #fff;
		margin-left: 20px;
	}