@charset "utf-8";
/* CSS SisterSax - web 4.2 - 2019 Sister Sax music css */
#main-content {
	height: 100%;
	padding-bottom: 100px;
}

.sistersax-music,
.sistersax-music section {
	clear: both;
}		
	.sistersax-music h1 {
		color: #ff3297;
		text-align: left;
		margin: 10px 0 10px 30px;
	}

		.sistersax-music h2 {
			color: #B8085F;
			text-align: center;
			margin: 15px 0 10px 30px;
		}
	
	.sistersax-music p {
		color: #6A0034;
		text-align: left;
		margin: 10px 0 10px 30px
	}
		.music-1 {
			width: 59%;	
			float: left;
		}
		.music-page-image-right {
			float: left;
			width: 40%;
			padding: 0 0 0 1%;	
		}			
			.vanessa {
				width: 100%;
				max-width: 358px;
				height: auto;
				padding: 0;	
			}
				@media all and (max-width: 586px) {
					.music-1,
					.music-page-image-right {
						width: 98%;	
						float: none;
						padding: 0 1%;
					}
				}

	.sistersax-music ul:not(ul.audio-items) {
		width: 28%;
		float: left;
		text-align: left;	
	}
		.sistersax-music li:not(li.audio-item) {
			list-style: none outside url(../images/music/music-note-bullet.png);
			padding-left: 9px;
			vertical-align: top;
			color: #652561;
			text-align: left;
			margin: 5px 0 5px 36px;
		}
			@media all and (max-width: 450px) {
				.sistersax-music ul:not(ul.audio-items) {
					width: 98%;
					float: none;
					padding: 0 1%;
				}
			}
				@media all and (min-width: 451px) and (max-width: 767px) {
					.sistersax-music ul:not(ul.audio-items) {
						width: 48%;
						float: left;
						padding: 0 1%;
					}
				}

		.under-videos-text a {
			text-decoration: none;
			color: #b8085f;
			display: inline-block;
		}
			.under-videos-text a:hover {
				color: #FF3297;
				border-bottom: 1px dashed #FF3297;			
			}
	
/* Audio player overides small-size */

@media all and (max-width: 995px) {
	.music-page .left-audio-player,
	.music-page .right-audio-player {
		margin: 0 auto 0 10%;
		width: 241px;
		height: 213px;
		float: left;
		background: url("../images/home/radio-back-2.jpg") 0 0 no-repeat;
	}
	.music-page .left-audio-player .cp-container,
	.music-page .right-audio-player .cp-container {
		top: 88px;
		left: 70px;
	}
	.music-page .left-audio-player .cp-controls li a,
	.music-page .right-audio-player .cp-controls li a {
		left: -19px;
		top: 22px;
	}
	.music-page .left-audio-player .audio-title-left,
	.music-page .right-audio-player .audio-title-right {
		position: relative;
		top: -85px;
		left: 2px;
		color: #B8085F;
		text-align: center;
	}
}