/* PERSONALIZZAZIONE AUDIO PLAYER di PLAYLIST TEATRO / CORRISPONDE AL CSS
https://www.pieroponzo.com/css_punz/playlist-b.css */

@charset "UTF-8";

/* SFONDO */
.ai-wrap {
	background-color: #fff !important;
	border-radius: 10px !important;
}

/* ELENCO TRACCE */
.ai-wrap .ai-track {
	font-size: 1em !important;
	color: #fff !important;
	background-color: #176969 !important;
}

/* THUMBNAIL LATERALE */
.ai-wrap .ai-track-thumb {
	background-color: #176969BA !important;
}

/* THUMBNAIL BIG - TRACCIA ATTIVA */
.ai-wrap .ai-thumb {
 	background-color: #5d9b9b !important;
	border-radius: 6px !important;
}

/* TRACCIA ATTIVA + SBARRA LATO Dx */
.ai-wrap .ai-scroll-wrap>div:last-child div, 
.ai-wrap .ai-track:hover, 
.ai-wrap .ai-track.ai-track-active {
 	background-color: #5d9b9b !important;
}

/* TITOLO E AUTORE */
.ai-wrap .ai-track-title, 
.ai-wrap .ai-track-info {
	font-size: 1.1em !important;
	background-color: #176969 !important;
	color: #fff !important;
	margin-left: 10px !important;
	padding: 3px !important;
	border-radius: 6px !important;
	color: #fff !important;
	font-variant: small-caps !important;
}

.ai-wrap .ai-track-subtitle {
  	font-size: 0.9em !important;
	color: #fff !important;
	font-variant: normal !important;	
	font-style: italic !important;
	margin-left: 2em !important;
}

/* BOTTONI e CONTROLLI audio */
/*.ai-wrap .ai-btn,*/
.ai-wrap .ai-audio-control,
.ai-wrap .ai-btn.ai-btn-active {
	background-color: #5d9b9b !important;	
}

/* ICONA REGOLAZIONE VOLUME */
.ai-wrap .ai-volume-bar.ai-volume-bar-active::before {
    background-color: #5d9b9b !important;
}

/* SBARRA del play */
.ai-wrap .ai-track-progress {
  	background-color: #5d9b9b !important;
}


/* ... NON SI CAPISCE QUALE EFFETTO HANNO */
.ai-wrap .ai-audio-volume {
	background-color: #fabc00 !important;
}

.ai-wrap .ai-player-button {
  	color: #fabc00 !important;
  }