/* ------------------------------ */
/* 	 RELEASES/ARTISTS PAGE		  */
/* ------------------------------ */
#releaselist, #artistlist {
	margin: 0 -1%;
	margin-bottom: 48px;
}



/* GRID */



.lgsquarelist {
	
	display: grid;
	grid-gap: 1%;
	
}

.lgsquarelist[data-columns="1"] {
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 0px;
}

.lgsquarelist[data-columns="2"] {
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 60px;
}

.lgsquarelist[data-columns="3"] {
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 40px;
}

.lgsquarelist[data-columns="4"] {
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30px;
}

.lgsquarelist[data-columns="5"] {
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 20px;
}

.lgsquarelist[data-columns="6"] {
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 20px;
}

.lgsquarelist[data-columns="7"] {
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 20px;
}

.lgsquarelist[data-columns="8"] {
	grid-template-columns: repeat(8, 1fr);
	grid-gap: 20px;
}

.lgsquarelist[data-columns="x"] {
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 0% 0%;
}


/* ------------------------------ */









#releaselist .releaseelement, #artistlist .releaseelement {
	position: relative;
	width: 99%;
	margin: 1%;
	display: inline-block;
	box-shadow: 3px 3px 21px 2px rgba(0, 0, 0, .4);
	overflow: hidden;
}

#releaselist .releaseelement:hover, #artistlist .releaseelement:hover {
	background: #ffffff;
}

#releaselist .releaseelement.elementrow8 .sub_text, #releaselist .releaseelement.elementrow7 .sub_text, #releaselist .releaseelement.elementrow6 .sub_text, #releaselist .releaseelement.elementrow5 .sub_text,
	#artistlist .releaseelement.elementrow8 .sub_text, #artistlist .releaseelement.elementrow7 .sub_text, #artistlist .releaseelement.elementrow6 .sub_text, #artistlist .releaseelement.elementrow5 .sub_text
	{
	font-size: 0.8em;
}

#releaselist .releaseelement.elementrowx .image, #artistlist .releaseelement.elementrowx .image {
	width: 30%;
	float: left;
}

#releaselist .releaseelement.elementrowx:hover .image, #artistlist .releaseelement.elementrowx:hover .image {
	opacity: 1;
	-o-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	
}

#releaselist .releaseelement.elementrowx .middle, #artistlist .releaseelement.elementrowx .middle {
	opacity: 1;
	width: 60%;
	margin-left: 15%;
}

#releaselist .releaseelement .image, #artistlist .releaseelement .image {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition:  all .7s ease;
	backface-visibility: hidden;
	margin-bottom: 0px;
}

#releaselist .releaseelement .image img, #artistlist .releaseelement .image img {
	width: 100%;
}

#releaselist .releaseelement .middle, #artistlist .releaseelement .middle {
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition:  all .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	width: 86%
}

#releaselist .releaseelement:hover .image, #artistlist .releaseelement:hover .image {
	opacity: 0.2;
	-o-transform: scale(1.7);
	-ms-transform: scale(1.7);
	-moz-transform: scale(1.7);
	-webkit-transform: scale(1.7);
	transform: scale(1.7);
	
}

#releaselist .releaseelement:hover .middle, #artistlist .releaseelement:hover .middle {
	opacity: 1;
}

#releaselist .releaseelement .text, #artistlist .releaseelement .text {
	font-size: 14px;
	padding: 1em 1em;
	color: #000;
}

#releaselist .releaseelement .text .title {
	font-weight: bold;
	font-size: 18px;
}

#releaselist .releaseelement .text .artist {
	font-weight: bold;
	font-size: 14px;
}

#releaselist .releaseelement .text .button, #artistlist .releaseelement .text .button {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 1em;
	background-color: #646bb8;
	color: #ffffff;
	border-color: #424996;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition:  all .3s ease;
	padding: 9px 22px;
	cursor: pointer;
	border: none;
	-webkit-appearance: none;
	border-radius: 0px;
}

#releaselist .releaseelement .text .button:hover, #artistlist .releaseelement .text .button:hover {
	background-color: #8e97ff;
	color: #ffffff;
	border-color: #6c75dd;
}

#releaselist .releaseelement .middle .button {
	display: block;
}

#releaselist .releaseelement .ribbonCover {
	position: absolute;
	right: -0.3em;
	top: -0.2em;
	z-index: 1;
	overflow: hidden;
	width: 175px;
	height: 90px;
	text-align: right;
	z-index: 90000;
}

#releaselist .releaseelement .ribbonCover span {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 26px;
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);	
	width: 119px;
	display: block;
	background: #2ebd59;
	background: linear-gradient(#2ebd59 5%, #29a84f 95%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 16px;
	right: -28px;
	padding-top: 5px;
}

#releaselist .releaseelement .ribbonCover span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 2px solid #29a84f;
	border-right: 2px solid transparent;
	border-bottom: 2px solid transparent;
	border-top: 2px solid #29a84f;
}

#releaselist .releaseelement .ribbonCover span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #29a84f;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #29a84f;
}

#releaselist .releaseelement.titlebelowyes, #artistlist .releaseelement.titlebelowyes {
	margin-top: 16px;
	margin-bottom: 16px;
	background: transparent;
	box-shadow: none;
	overflow: initial;
	vertical-align: top;
}

#releaselist .releaseelement.titlebelowyes .title, #artistlist .releaseelement.titlebelowyes .title {
	margin: 16px 0 0 !important;
	font-weight: bold;
}

#releaselist .releaseelement.titlebelowyes:hover img, #artistlist .releaseelement.titlebelowyes:hover img {
	opacity: 1;
	transform: none;
}

#releaselist .releaseelement.titlebelowyes:hover .cover, #artistlist .releaseelement.titlebelowyes:hover .cover {
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	box-shadow: 0 16px 18px -2px rgba(0, 0, 0, 0.55);
	/* transform-origin: 50% 100%; */
}

#releaselist .releaseelement.titlebelowyes .cover, #artistlist .releaseelement.titlebelowyes .cover {
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition:  all .3s ease;
	box-shadow: 0 16px 18px -2px rgba(0, 0, 0, 0.30);
}

/* --------------------- */
/* 	 RELEASE LINKS		 */
/* --------------------- */
#releaselinks .linkTop {
	border: 1px solid #eee;
	text-align: right;
	text-transform: uppercase;
	background: #fff;
	max-width: 400px;
	margin: 0.5em auto;
	background-color: #ffffff;
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	-ms-transition: background-color .2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}

#releaselinks .linkTop:first-child {
	margin-top: 0;
}

#releaselinks .linkTop:last-child {
	margin-bottom: 0;
}

#releaselinks .linkTop:hover {
	background-color: #f1f1f1;
}

#releaselinks .linkTop a {
	display: block;
	color: #000;
	text-decoration: none;
	text-align: right;
	margin: 0 1em;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 90px auto;
	font-size: 14px;
	font-weight: bold;
	line-height: 2.8em;
}

#releaselinks .linkTop.freedownload a {
	background-image: url("../images/ico_freedownload.svg");
}

/* --------------------- */
/* 	   RELEASE DETAIL	 */
/* --------------------- */
#lg_content_release.release_detail .artwork {
	display: inline-block;
	width: 45%;
	vertical-align: top;
	text-align: center;
	margin-right: 4%;
}

#lg_content_release.release_detail .artwork a {
	overflow: visible !important;
}

#lg_content_release.release_detail .release_links {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

#lg_content_release.release_detail .artwork img {
	width: 100%;
	max-width: 400px;
	box-shadow: 3px 3px 21px 2px rgba(0, 0, 0, .4);
}

#lg_content_release.release_detail .separator {
	height: 1px;
	border-bottom: 1px solid #eee;
	clear: both;
	margin: 2em 0;
}

#lg_content_release.release_detail .press_release {
	width: 67%;
	margin-left: 3%;
	display: inline-block;
}

#lg_content_release.release_detail .press_release .cont {
	vertical-align: top;
	padding: 3em 2em;
	background: #f9f9f9;
	border-left: 10px solid #eee;
	margin-bottom: 1em;
	font-size: 0.9em;
	line-height: 1.4em;
	quotes: "\201C" "\201D" "\2018" "\2019";
	position: relative;
}

#lg_content_release.release_detail .press_release .cont:before {
	content: open-quote;
	display: inline;
	height: 0;
	line-height: 0;
	left: 0.2em;
	position: absolute;
	top: 0.5em;
	color: #ccc;
	font-size: 6em;
}

#lg_content_release.release_detail .right_col {
	width: 30%;
	float: left;
	vertical-align: top;
}

#lg_content_release.release_detail .right_col .release_date, #lg_content_release.release_detail .right_col .cat_number {
	margin-bottom: 1em;
}

#lg_content_release.release_detail .right_col .release_data {
	margin-bottom: 1em;
	overflow: hidden;
}

#lg_content_release.release_detail .right_col .release_data a {
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition:  all .2s ease;
	border: 1px solid #f1f1f1;
	text-decoration: none;
	vertical-align: middle;
	width: 100%;
	display: inline-flex;
}

#lg_content_release.release_detail .right_col.afull_width .release_data {
	margin-bottom: 1em;
	width: 33.3%;
	display: inline-block;
}

#lg_content_release.release_detail .right_col.afull_width .release_data.totrel1 {
	width: 50%;
	margin: 0 auto;
	display: block;
}

#lg_content_release.release_detail .right_col .release_data a:hover {
	background-color: #f1f1f1;
}

#lg_content_release.release_detail .right_col .release_data .image_release {
	display: inline-block;
	margin-right: 1em;
	border-right: 1px solid #f1f1f1;
}

#lg_content_release.release_detail .right_col .release_data .image_release img {
	max-width: 80px;
	width: 100%;
	display: block;
}

#lg_content_release.release_detail .right_col .release_data .title_release {
	font-size: 0.85em;
	vertical-align: middle;
	height: 100%;
	width: 63%;
	text-align: center;
	margin: auto 5px;
}

#lg_content_release.release_detail .spotify_preview, #lg_content_release.release_detail .spotify_preview iframe {
	max-height: 300px;
	width: 100%;
}

#lg_content_release.release_detail .spotify_preview {
	width: 67%;
	min-width: 67%;
	display: inline-block;
	margin-left: 3%;
	margin-bottom: 2em;
}

#lg_content_release.release_detail .right_col .artists {
	margin-bottom: 1em;
}

#lg_content_release.release_detail .artwork .sub_artwork_details {
	max-width: 400px;
	margin: 0 auto;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
}

#lg_content_release.release_detail .artwork .sub_artwork_details .catalog_number {
	float: left;
	padding: 0.5em 0;
	display: block;
}

#lg_content_release.release_detail .artwork .sub_artwork_details .catalog_recordlabel {
	float: left;
	padding: 0.5em 0;
	display: block;
}

#lg_content_release.release_detail .artwork .sub_artwork_details .release_date {
	float: right;
	padding: 0.5em 0;
	display: block;
}

#lg_content_release.release_detail .afull_width {
	width: 100%;
	margin: 0;
}

#lg_content_release.release_detail .header_release {
	max-width: 900px;
	margin: 0 auto;
}

#lg_content_release.release_detail .titleartist {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	clear: both;
}

#lg-release-banner {
	height: 350px;
	width: 100%;
}

#lg-release-banner A {
	display: block;
}

#lg-release-banner .release-banner {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	height: 350px;
	width: 100%;
	display: table;
}

#lg-release-banner .banner-image {
	display: table-cell;
	height: 350px;
	vertical-align: middle;
	width: 50%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.65);
}

#lg-release-banner .banner-image IMG {
	width: 250px;
	height: 250px;
	box-shadow: 0 5px 10px -2px rgba(255, 255, 255, 0.25);
	margin: 0;
	vertical-align: middle;
	-webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition:  all .7s ease;
}

#lg-release-banner .banner-texts {
	display: table-cell;
	height: 350px;
	vertical-align: middle;
	width: 50%;
	text-align: left;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.65);
}

#lg-release-banner .banner-texts .banner-artists {
	font-size: 2em;
	text-transform: uppercase;
	line-height: 1.5em;
}

#lg-release-banner .banner-texts .banner-release-name {
	font-size: 1.5em;
	text-transform: uppercase;
	line-height: 2em;
}

#lg-release-banner .banner-texts .banner-out-now {
	font-size: 1.3em;
	padding-top: 1.5em;
}

#lg-release-banner .banner-texts .banner-release-more {
	margin: 0.5em 0;
	padding: 0.4em 0.8em;
	font-size: 1.5em;
	display: inline-block;
	border: 1px solid;
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition:  all .2s ease;
}

#lg-release-banner A:HOVER .banner-release-more {
	color: #be1e2d;
}

#lg-release-banner A:HOVER  .banner-image IMG {
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	box-shadow: 0 5px 10px -2px rgba(255, 255, 255, 0.5);
}

#lg_custom_background {
	position: absolute;
	overflow: hidden;
	z-index: -1;
	height: 200%;
	width: 200%;
	top: -50%;
	left: -50%;
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	
	
	
	background-color: #000;
	display: block;
	position: fixed;
}

#lg_custom_background img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 50%;
	min-width: 55%;
	min-height: 55%;
	margin: auto;
	-o-transform: translate3d(-50%, 0, 0);
	-ms-transform: translate3d(-50%, 0, 0);
	-moz-transform: translate3d(-50%, 0, 0);
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	max-width: none;
	-o-filter: blur(30px);
	-ms-filter: blur(30px);
	-moz-filter: blur(30px);
	-webkit-filter: blur(30px);
	filter: blur(30px);
	opacity: .7;
}

#lg_lite_page {
	background: transparent !important;
}

#lg_lite_page #lg_content_release.release_lite .release_title {
	width: 100%;
	text-align: center;
	background: #00000099;
	padding: 0.8em;
	color: #fff;
	text-transform: uppercase;
}

#lg_lite_page #lg_content_release.release_lite .release_title H1 {
	text-transform: uppercase;
	color: #fff;
}

#lg_release_list_filter_container {
	margin-bottom: 1em;
}

/* --------------------- */
/* 	   RESPONSIVE   	 */
/* --------------------- */
@media only screen and (min-width:1025px) {
	#lg_lite_page #lg_content_release.release_lite {
		position: relative;
		height: 100vh;
	}
	#lg_lite_page #lg_content_release.release_lite .artwork, #lg_content_release.release_lite .release_links {
		position: absolute;
		width: 50%;
		margin: 0;
		padding: 0 3%;
	}
	#lg_lite_page #lg_content_release.release_lite .artwork {
		left: 0;
		text-align: right;
	}
	#lg_lite_page #lg_content_release.release_lite .release_links {
		right: 0;
	}
	#lg_lite_page #releaselinks .linkTop {
		margin: 0.5em 0;
	}
	#lg_lite_page #lg_content_release.release_lite .release_title {
		background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.6) 100%);
		padding-bottom: 2em;
	}
	#lg_lite_page #lg_content_release.release_lite .release_box_content {
		position: absolute;
		top: 20%;
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%;
	}
}

@media only screen and (max-width: 1024px) {
	#lg_lite_page {
		padding: 3%;
	}
	#lg_lite_page #lg_content_release {
		padding: 0;
	}
	#lg_lite_page #lg_content_release.release_lite .release_title {
		margin-bottom: 1em;
	}
	#lg_lite_page #lg_content_release.release_lite .release_title H1 {
		font-size: 1.1em;
	}
	
	.lgsquarelist {
		grid-template-columns: repeat(2, 1fr) !important;
		grid-gap: 30px !important;
	}	

	#lg_content_release.release_detail .artwork, #lg_content_release.release_detail .release_links {
		width: 100%;
	}
	#lg_content_release.release_detail .artwork {
		text-align: center;
		margin-bottom: 1em;
		margin-right: 0%;
	}
	#lg_content_release.release_detail .right_col {
		width: 100%;
		float: none;
	}
	#lg_content_release.release_detail .press_release {
		margin-left: 0%;
		width: 100%;
	}
	#lg_content_release.release_detail .right_col .release_data {
		margin-bottom: 1em;
		width: 50%;
		display: inline-block;
	}
	#lg_content_release.release_detail .right_col .twitter_preview {
		display: none;
	}
	#lg_content_release.release_detail .spotify_preview {
		width: 100%;
		min-width: 100%;
		margin: 0%;
	}
	#releaselinks .linkTop a {
		font-size: 16px;
	}
}

@media only screen and (max-width: 812px) {
	#lg_content_release.release_detail .right_col .release_data .title_release {
		font-size: 0.75em;
	}
}

@media only screen and (max-width: 768px) {
	#releaselist .releaseelement.elementrowx .image, #artistlist .releaseelement.elementrowx .image {
		width: 30%;
		float: none;
		margin: 1em auto 0;
	}
	#releaselist .releaseelement.elementrowx .middle, #artistlist .releaseelement.elementrowx .middle {
		opacity: 1;
		width: 100%;
		margin-left: 0%;
		position: initial;
		-o-transform: none;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
	}
}

@media only screen and (max-width: 520px) {
	.lgsquarelist {
		grid-template-columns: repeat(1, 1fr) !important;
		grid-gap: 0px !important;
	}	
	#lg_content_release.release_detail .artwork img {
		width: 100%;
	}
	#lg_content_release.release_detail .separator {
		border-bottom: 2px solid #eee;
	}
	#releaselist .releaseelement.elementrowx .image, #artistlist .releaseelement.elementrowx .image {
		width: 40%;
	}
	#lg-release-banner {
		font-size: 0.8em;
	}
	#lg-release-banner .banner-image IMG {
		width: 180px;
		height: 180px;
	}
}

@media only screen and (max-width: 425px) {
	#lg_lite_page {
		padding: 10%;
	}
	#releaselinks .linkTop a {
		font-size: 0.9em;
		margin: 0.5em 1em;
	}
	#lg_content_release.release_detail .right_col .release_data {
		width: 100%;
	}
	#lg_content_release.release_detail .right_col.afull_width .release_data.totrel1 {
		width: 100%;
	}
	#lg_content_release.release_detail .press_release .cont {
		font-size: 0.8em;
		line-height: 1.8em;
	}
	#lg_content_release.release_detail .right_col .release_data .image_release img {
		max-width: 60px;
	}
	#releaselist .releaseelement.elementrowx .image, #artistlist .releaseelement.elementrowx .image {
		width: 70%;
	}
	#lg-release-banner .banner-image {
		display: none;
	}
	#lg-release-banner .banner-texts {
		text-align: center;
	}
	#releaselinks .linkTop a {
		margin: 0 1em;
		background-size: 50px auto;
		line-height: 2.0em;
	}
}

@media only screen and (max-width: 375px) {
	#lg_content_release.release_detail .right_col .release_data .image_release img {
		max-width: 40px;
	}
	#releaselist .releaseelement.elementrowx .image, #artistlist .releaseelement.elementrowx .image {
		width: 80%;
	}
}

@media only screen and (max-width: 320px) {
	#releaselinks .linkTop a {
		font-size: 0.7em;
	}
}