<!-- index-music-panels.css 2022-03-01   -->
<!-- used in index-music-panels-2021.php -->

	.section-head {
		margin:5px;
		padding:5px;
		font-size: 20pt;
		width: 100%;
		display: inline-block;
	}
	.section-head a {
		color: #A0A0A0;
		font-family: DharmaGothicP-Regular;
		font-size: 20pt;

	}
	.section-sub {
		margin:10px 5px 5px 0px;
		font-size: 20pt;
		width: 40%;
		display: inline-block;
	}
	.section-sub a {
		/* font-family:	sans-serif; */
		font-family: DharmaGothicP-Regular, sans-serif;
		font-size: 		18pt;
		margin-left:	5px;
		text-decoration:	none;
	}
	.section_thumb {
		height: 140px; /* 48px */
		width:  140px; /* 48px */
	}
	.section-head-banner {
		font-size: 42pt;
		padding: 20px;
		float: left;
		rotate:270deg;
		// background-color: rgb(10,10,10,.2);
		color: #48637a;
	}	
	.isolate-upper {
	}
	.remove-underline {
		text-decoration: none !important;
	}
	.isolate-lower {
	}
	.WM_video {
		max-height:300px;
		margin: 10px;
		width: 100%;
	}
	.WM_video_left {
		float:left; 
		width:50%;
	}
	.WM_video_left_title {
		background-color: #cdd0ca;
		width: 80%; 
		padding: 10px;
	}
	.WM_title {
		font-size: 12pt;
	}
	.WM_video_right {
		float:right; 
		width:50%;
	}
	.WM_thumb {
		width: 220px;
		height: 170px;
		position: relative;
		top: 0;
		left: 0;
	}
	.WM_thumb_overlay {
		width: 64px;
		height: 64px;
		position: absolute;
		top: 60px;
		left: 90px;
	}
	.WM_thumb_overlay_button {
		max-height: 50px;
		max-width:  50px;
	}
	.WM_thumb_title {
		width: 230px;
		height: 64px;
		position: absolute;
		top: 4px;
		left: 10px;
		color: white;
		font-size: 10pt;
	}
	.WM_panel_background {
		background-color: #303030;
	}
	.WM_composer {
		font-size: 10pt;
	}
	#STREAMS_PANEL {
		background-color: #a0a0a030;
		padding: 2px;
	}
	#STREAMING_MUSIC_PANEL {
		background-color: #a0a0a030;
		padding: 2px;
	}
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
}
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
	.section-head a {
		font-size: 19pt;
	}
	.section-sub {
		margin-left: 20px !important;
		width: 90% !important;
	}
}
@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	.WM_title {
		font-size: 9pt;
	}
	.WM_thumb {
		width:  110px;
		height: 100px;
	}
	.WM_video_left {
	}
	.WM_thumb_title {
		width:  100px;
		height:  64px;
	}
	.WM_thumb_overlay {
		top:  40px;
		left: 50px;
	}
	.section-head a {
		font-size: 18pt;
	}
	.section_thumb {
		height: 48px;
		width:  48px;
	}
}
@media only screen and (max-width: 375px), only screen and (max-device-width: 375px) {
	.WM_title {
		font-size: 8pt;
	}
	.WM_thumb {
		width:  100px;
		height:  90px;
	}
	.WM_video_left {
	}
	.WM_thumb_title {
		display: none;
	}
	.WM_thumb_overlay {
		top: 30px;
		left: 45px;
	}
	.section_thumb {
		height: 40px;
		width:  40px;
	}
}
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
	.WM_thumb_overlay {
		width: 45px;
		height: 45px;
	}
	.WM_thumb_overlay_button {
		max-height: 45px;
		max-width:  45px;
	}
	.WM_thumb {
		width: 100px;
		height: 90px;
	}
	.WM_thumb_overlay {
		top: 25px;
		left: 30px;
	}
}