/* ARTIST.CSS */

.artist-ctn {
	position: relative;
	background-image: url(../images/layout/bg-artist-mobile.jpg);
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
	overflow: hidden;
	text-align: right;
	z-index: 2;
	transition: all .65s ease-in-out;
}

.artist-ctn::before {
	position: absolute;
	content: '';
	background-color: #956d5a;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: .6;
	z-index: 1;
	transition: all .65s ease-in-out;
}

.artist-ctn h2 {
	position: relative;
	display: block;
	font-size: 50px;
	font-weight: 300;
	line-height: 35px;
	text-transform: uppercase;
	padding-top: 50px;
	margin-top: 60px;
	margin-bottom: 33px;
	z-index: 2;
}

.artist-ctn h2::after, .artist-ctn .btn::after {
	position: absolute;
	content: '';
	background-color: #0c0707;
	height: 2px;
}

.artist-ctn h2::after {
	width: 220px;
	top: 0;
	right: 0;
}

.artist-ctn h2 span {
	font-weight: 900;
}

.artist-ctn .btn {
	position: relative;
	display: table;
	margin-bottom: 55px;
	float: right;
	clear: both;
	z-index: 2;
}

.nojs .artist-ctn .btn {
	display: none;
}

.artist-ctn .open .btn {
	color: #956d5a;
	background-color: #0c0707;
}

.artist {
	text-align: right;
}

.artist-ctn .kick {
	font-size: 18px;
	font-weight: 300;
	line-height: 28px;
	max-height: 0;
	overflow: hidden;
	visibility: hidden;
	transition: all 2s cubic-bezier(0.54,-0.01, 0.35, 1.06);
	float: right;
}

.nojs .artist-ctn .kick {
	height: 550px;
	max-height: none;
	visibility: visible;
}

.artist-ctn .open .kick {
	max-height: 820px;
	visibility: visible;
}

.artist-ctn .kick p {
	opacity: 0;
	color: #0c0707;
	max-width: 460px;
	margin-bottom: 18px;
	transition: all .65s ease-in-out;
}

.nojs .artist-ctn .kick p {
	opacity: 1;
}

.artist-ctn .open .kick p {
	opacity: 1;
	transition-delay: .5s;
}

.artist-ctn .kick p:last-of-type {
	margin-bottom: 40px;
}

@media only screen and (min-width: 752px) {

	.artist-ctn h2 {
		font-size: 75px;
		margin-top: 107px;
		padding-top: 53px;
		line-height: 53px;
	}

	.artist-ctn h2::after {
		width: 440px;
	}

	.artist-ctn .btn {
		margin-bottom: 100px;
	}

}

@media only screen and (min-width: 992px) {

	.artist-ctn {
		background-image: url(../images/layout/bg-artist-desktop.jpg);
		background-position: center;
	}

	.artist-ctn::before {
		opacity: 0;
	}

	.artist-ctn .btn {
		margin-bottom: 172px;
	}

	.artist-ctn .open .kick {
		max-height: 545px;
	}

	.artist-ctn .kick p {
		max-width: 510px;
	}

	.artist-ctn .open .kick p {
		transition-delay: 1.15s;
	}

	.artist-ctn strong.special {
		display: block;
	}

}

/* END OF ARTIST.CSS */