/* @override 
	http://music.churchofscotland.org.uk/assets/css/inspire-playlist.css
	https://music.churchofscotland.org.uk/assets/css/inspire-playlist.css
	https://music.churchofscotland.org.uk/assets/css/inspire-playlist.css?* */

.jp-audio {
	/*border: 1px solid #00f;*/
}

.jp-playlist ul li {
	padding-left: 30px;
	vertical-align: top;
	background: none;
	width: 99%;
	/*display: inline-block;*/
	border-bottom: none;
}

.jp-playlist {
	display: block;
	margin-bottom: 20px;
	height: auto;
}

.jp-playlist ul li i {
	/*font-size: 14px;*/
}
.jp-playlist ul li span {
	margin: 0px !important;
	font-size: 16px !important;
	vertical-align: text-top;
}
.jp-playlist ul li span.id {
	font-weight: bold !important;
	background: HSL(259, 30%, 60%);
	color:#fff !important;
	font-weight:bold; 
	margin-right:10px; 
	padding:3px 10px;  
	width:50px; 
	text-align: center;
	font-size: 1.7rem;
	border-radius: 3px;
	margin-bottom: 5px;
}

.jp-playlist ul li span.id a {
	color: #fff;
}

.jp-playlist ul a.jp-playlist-current::before {
	padding-top: 2px !important;
}

.jp-playlist ul li a.jp-playlist-current span {
	font-weight: bold;
}

.jp-gui {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f7f7f7;
	border-radius: 6px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.jp-gui .seek-bar-holder {
	width: 65%;
}
.jp-gui .jp-time-holder {
	margin-top: 12px;
	margin-right: 3%;
}

.tune-hymn-link, .performer, .jp-artist {
	display: none;
}

.jp-now-playing {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 12px 0px 12px;
	background-color: #f7f7f7;
	border-top: 1px solid #ddd;
	border-radius: 6px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	margin-bottom: 20px;
}

.jp-now-playing .tune-hymn-link, .jp-now-playing .performer {
	display: block;
	font-style: italic;
}

.jp-now-playing .title, .jp-now-playing .id {
	font-weight: bold;
}

.jp-audio .fas {
	color: HSL(259, 30%, 60%);
}

.jp-playlist ul li a, .jp-playlist ul li.jp-playlist-current a {
	padding: 0px 5px;
	margin: 0px;
	
}

/* Dynamic Playlist */


.dynamic_playlist dl {
	font-size: 1.7em;
}

.dynamic_playlist dt {
	font-size: 1.3em;
	margin-top: 1em;
	margin-bottom: 0.3em;
}

.dynamic_playlist .number {
	background-color: #a08ec3;
	color: #fff;
	border-radius: 6px;
	padding: 1px 7px;
	margin-right: 0.5em;
}

.dynamic_playlist dd {
	color: #555;
	font-size: 0.9em;
}