:root {
  /*--uibg: #302C2C;
  --ftrbg: #000;
  --uitxt: #C6BBBB;
  --mnbg:#767973;
  --accent:#63B1B4;*/

  	--notblack:#212020;
	
	--uibg: #D7DBDA;
	--artbg: rgba(215,219,218,0.6);
	--ftrbg: #b3b9b8;
	--uitxt: #606671;
	--mnbg: #717d6e;
	/*--accent: #565757;*/
	--accent: #606259;

	--shd1:rgba(73,43,136,0.21);
	--shd2:rgba(62,68,87,0.39);
	--shd3:rgba(124,164,155,0.18);

  --othermainpad:2rem 2rem 4rem 2rem;
  --mainpad:4rem 2rem;
  --menupad:1rem 2rem;
}

#releases main > nav{
	padding:0 0 2rem 0;
	font-weight: normal;
	letter-spacing: 0.2rem !important;
}

#releases main > nav a span{
	padding-bottom: 0.15rem;
	border-bottom: 1px solid var(--notblack);
}

.release-details{
	overflow: hidden;
	position: relative;

	/*display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;*/

	text-transform: none;
	letter-spacing: 0.05rem;
	font-size: 0.7rem;
	font-weight: normal;

	display:grid;

}
.release-details p{
	margin-bottom: 1.5rem;
}

.release-details picture,
.release-details img
{
	display: block;
	overflow: hidden;
	width:100%;
	cursor:pointer;
}

.release-details picture::before{
	content:"";
	display: block;
	width:100%;
	padding-top: 100%;
	background-color: var(--accent);
	box-shadow: 0px 1px 6px inset var(--shd2);
}

.release-details picture.ratio-16x9::before{
	padding-top: 56.25%;

}

.release-details img{

	position: absolute;

	top:0;
	left:0;
	right:0;
	bottom:0;

	-o-object-fit: cover;
	object-fit: cover;
}

.release-details > header{
	display: -webkit-inline-flex !important;
	display: -moz-inline-flex !important;
	display: -ms-inline-flex !important;
	display: -o-inline-flex !important;
	display: inline-flex !important;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;

	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;

	font-size:1.6rem;
}

.release-details h1{
	font-size:1.1em;
	line-height: 1.5em !important;
}
.release-details h3{
	text-transform: uppercase;
	font-size:0.7em;
	letter-spacing: 0.06em
}
.release-details h6{
	font-size:0.5em;
}

.release-details header span{
	background-color: var(--accent);
	display: inline;
	-webkit-box-decoration-break:clone;
	box-decoration-break: clone;
}

.release-details h1,
.release-details h3,
.release-details h6
{
	
	display: inline-block;
	margin-right: auto;
	/*cursor:pointer;*/

	margin-bottom: 10px;
	line-height: 2rem;
	
}

.release-details h1 span,	
.release-details h3 span,	
.release-details h6 span
{
	padding:0.15rem 0.5rem 0.25rem 0.5rem;
}

.redacted{
	color:#222121;
}

.release-details p{
	margin-right: auto;
	margin-top: 0.1rem;
}
.release-details p span{
	
	line-height: 1.4rem;
	padding:0.1rem 0.5rem;
	
}

.release-details aside ul{

	list-style-type: none;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;

	justify-content: flex-start;

	-ms-align-items: stretch;
	align-items: stretch;

	align-content: flex-start;

/*	-webkit-filter: contrast(0.8);
	-o-filter: contrast(0.8);
	filter: contrast(0.8);*/

}

.release-details li{
	
	line-height: 1.1rem;
	padding:0.1rem 0.5rem;
	color: #7C7E74;
	background-color:#3E3C3F;

	-webkit-box-decoration-break:clone;
	box-decoration-break: clone;

	margin-bottom: 0.3rem;

	-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%,0 100% );
	-o-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%,0 100% );
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%,0 100% );

}

.release-details li:not(:last-of-type){
	margin-right: 0.3rem;
}

#skinny{
	
	font-size:1rem;
	letter-spacing: 0.01rem;

	/*background-color:var(--uibg);*/
}

#reviews{
	padding-left: 3rem;
	padding-top: 3rem;
	font-size:0.82rem;
	letter-spacing: 0.02rem;
	line-height: 1.2rem;
}

.review{
	margin-bottom: 2.5rem;
}

.review blockquote{
	position: relative;
	display: block;
}
.review blockquote::before{
	content:"\201C";
	position: absolute;
	left:-3.5rem;
	top:1.65rem;
	font-size: 6rem;
	color:var(--accent);
}
.review figcaption{
	font-weight: bold;
	font-style: italic;
	padding-top: 1rem;
	padding-left: 3rem;
	text-transform: uppercase;
}

#buynow{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;

	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;

	justify-content: flex-start;
	
	padding-left: 1rem;

	font-size:0.88rem;

	/*-ms-align-items: flex-end;*/
	/*align-items: flex-end;*/

	/*align-content: */
}

#buynow a{

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;

	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;

	justify-content: flex-start;

	-ms-align-items: center;
	align-items: center;

	margin-bottom: 0.5rem;

}

#buynow span{
	background-color:var(--uibg);
	color:var(--accent);
	padding:0.15rem 0.5rem;
	border-radius: 2px;

	box-shadow: -1px 1px 3px var(--shd1), 1px 0px 8px var(--shd2);
}

.buy-icon{
	color:var(--uibg);
	width:1rem;
	margin-right: 0.5rem;
}

@media all and (max-width:640px){

	.release-details{
		
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;

		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;

		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		-o-flex-wrap: nowrap;
		flex-wrap: nowrap;
		
	}

	.release-details > *{
		margin-bottom: 1.5rem;
	}

	.release-details aside{
		order:10;
	}
	

}

@media all and (min-width:641px){

	.release-details{
		display: block;
		text-align: right;
	}
	
	.release-details aside,
	#buynow,
	.release-details picture
	{
		
		max-width:calc( 100% - 400px - 1.5rem );
		width:calc( 50% - 1.5rem);
		float: left;
		clear: left;
		text-align: left;
		margin-bottom: 1.5rem;
		/*min-width:25%;*/
	}
	
	
	#reviews,
	#skinny,
	.release-details > header
	{
		/*float: right;
		clear: right;*/
		display: inline-block;
		width:50%;
		min-width: 400px;
		/*margin-left: 1rem;	*/
		text-align: left;
		margin-bottom: 1.5rem;
	}
	

}