/* MUSIC PAGE STYLES
************************************************************/
section.music	{
	min-height: 60vh;
}

section.studio	{
	height: 50vh;
	background-image: url('../assets/images/Studio_A_02.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	filter: contrast(1);
	filter: saturate(1.3);
}

.pageTitle	{
	margin-bottom: 0;
	padding-bottom: 1em;
}

h2.sectionHeader	{
	text-align: left;
	margin-left:0;
}

h3	{
	text-transform: uppercase;
}

.row.album	{
	margin-bottom: 20px;
	background: rgba(0,0,0,0.1);
	padding: 4vh;
}	
.thumbnail {
	width: 30%;
	margin-right: 5%;
}

.data {
	width: 65%
}

p.readMore	{text-align: left;}

h2.rowHeader {
	text-align: center;
	color: #CCC;
	line-height: 1.4em;
}

.albumContent,
.albums	{
	width: 896px;
	max-width: 100%;
	margin: 0 auto;
}

.h5ap_standard_player	{
	width: 100% !important;
}
div.tracks > div {
	min-height: 120px;
} 

.tracks	{
	padding: 3em auto 2em;
}

.lyrics,
.streamPurchase	{
	border-top: 1px solid rgba(0,0,0,0.2);
	padding: 1vh 0;
}
.streamPurchaseLinks	{
	max-width: 900px;
	margin: 0 auto;
	}

.lyricsLinks.flexContainer,
.streamPurchaseLinks.flexContainer	{
	flex-wrap:wrap;
	justify-content:space-around;
	gap: 20px;
}

p.lyrics_link,
p.streamPurchaseLink{
	min-height: 3em;
	margin-bottom: 2em;
}

p.lyrics_link a.button,
p.streamPurchaseLink a.button     {
	color: var(--readMore-a-color);
	padding-right: 20px;
	padding-left: 20px;
	border-radius: 2px;
	background-color: var(--readMore-a-background-color);
	background-color: rgba(0,0,0,0.2);
	border:  1px solid var(--readMore-a-border-color);
	clip-path: polygon(3% 0, 7% 1%, 11% 0%, 16% 2%, 20% 0, 23% 2%, 28% 2%, 32% 1%, 35% 1%, 39% 3%, 41% 1%, 45% 0%, 47% 2%, 50% 2%, 53% 0, 58% 2%, 60% 2%, 63% 1%, 65% 0%, 67% 2%, 69% 2%, 73% 1%, 76% 1%, 79% 0, 82% 1%, 85% 0, 87% 1%, 89% 0, 92% 1%, 96% 0, 98% 3%, 99% 3%, 99% 6%, 100% 11%, 98% 15%, 100% 21%, 99% 28%, 100% 32%, 99% 35%, 99% 40%, 100% 43%, 99% 48%, 100% 53%, 100% 57%, 99% 60%, 100% 64%, 100% 68%, 99% 72%, 100% 75%, 100% 79%, 99% 83%, 100% 86%, 100% 90%, 99% 94%, 99% 98%, 95% 99%, 92% 99%, 89% 100%, 86% 99%, 83% 100%, 77% 99%, 72% 100%, 66% 98%, 62% 100%, 59% 99%, 54% 99%, 49% 100%, 46% 98%, 43% 100%, 40% 98%, 38% 100%, 35% 99%, 31% 100%, 28% 99%, 25% 99%, 22% 100%, 19% 99%, 16% 100%, 13% 99%, 10% 99%, 7% 100%, 4% 99%, 2% 97%, 1% 97%, 0% 94%, 1% 89%, 0% 84%, 1% 81%, 0 76%, 0 71%, 1% 66%, 0% 64%, 0% 61%, 0% 59%, 1% 54%, 0% 49%, 1% 45%, 0% 40%, 1% 37%, 0% 34%, 1% 29%, 0% 23%, 2% 20%, 1% 17%, 1% 13%, 0 10%, 1% 6%, 1% 3%);
	margin: 0 4px;
}


.streamPurchaseLink {
	width: 150px;
	height: 35px;
	opacity: 0.9;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	/*background-image: url('../assets/images/stream-purchase-icons/amazon_music.svg');*/
	margin: 0 auto 20px;
}

.streamPurchaseLink a	{padding: 10px; color: #ccc; text-align: center;}
.streamPurchaseLink a:hover {color: #fff;}

.streamPurchaseLink:hover {
	opacity: 1.0;
}
  
p.lyrics_link  a.button:hover     {
	color: var(--readMore-a-hover-color);
	background-color: var(--readMore-a-hover-background-color);
}

.streamPurchase p.temp	{
	display:block;
	margin-top: -40px;
	margin-bottom: 60px;
	text-align: center;
}

.streamPurchaseLink.apple {
	width: 130px;
	height: 40px;
	padding-top: 4px;
}

.streamPurchaseLink.amazon {
	padding-top: 8px;
}

.video_embed	{
	padding: 10vh 0;
	margin-top: 5vh;
	background-color: black;
}

:root {
--readMore-a-color: #DDD;
--readMore-a-border-color: rgba(0,0,0,0.1);
--readMore-a-background-color: rgba(0,0,0,0.1);
--readMore-a-hover-color: #FFF;
--readMore-a-hover-border-color: rgba(0,0,0,0.15);
--readMore-a-hover-background-color: rgba(0,0,0,0.15);
}