/* ==========================================================================
   Styling voor detailpagina Artiest
============================================================================= */
.single-artiest .x-section { margin-bottom: 0 !important; }
.artist-detail .section__intro { text-align: left !important; }


/* LAYOUT */
.artist-detail__gallery { width: 35% !important; }
.artist-detail__content { width: 60% !important; }



.artist-detail__mobi-gallery { display: none !important; }
/* GALLERY */
.artist-detail__gallery ul,
.artist-detail__mobi-gallery ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}

.artist-detail__gallery li,
.artist-detail__mobi-gallery li {
	display: block;
	width: calc( 100%/3);
	padding: 0 10px;
	overflow: hidden;
	margin-bottom: 30px;
}

/* .artist-detail__gallery li:first-of-type { width: 100% !important; } */


.artist-detail__gallery a,
.artist-detail__mobi-gallery a {
	position: relative;
	border-radius: 50%;
	overflow: hidden;
	display: block !important;
}

.artist-detail__gallery a:before,
.artist-detail__mobi-gallery a:before {
	content: '';
	display: block;
	padding-bottom: 100%;
}


.artist-detail__gallery img,
.artist-detail__mobi-gallery img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX( -50% ) translateY( -50% );
	-ms-transform: translateX( -50% ) translateY( -50% );
	transform: translateX( -50% ) translateY( -50% );
}

.artist-detail__gallery img.portrait,
.artist-detail__mobi-gallery img.portrait { width: 100% !important; height: auto !important; }
.artist-detail__gallery img.landscape,
.artist-detail__mobi-gallery img.landscape { height: 100% !important; width: auto !important; max-width: none !important; }








/* CONTENT */
.artist-detail__content {  }
.artist-detail__content p { margin-bottom: 15px; }
.artist-detail__content p:last-child { margin-bottom: 0; }

.artist-detail__content iframe { max-width: 100%; }


/* INTRO */
.artist-detail__intro { padding: 0 !important; margin-bottom: 40px; }
.artist-detail__intro h1 { font-size: 32px !important; margin-bottom: 25px; }
.artist-detail__intro h2 { font-weight: bold; font-size: 21px; margin-bottom: 10px; }
.artist-detail__intro h2 span span { font-size: 60%; }
.artist-detail__intro .legal { font-size: 11px; }
.artist-detail__intro .buttons { margin: 15px 0; }
.artist-detail__intro .buttons .x-btn + .x-btn { margin-left: 10px; }











.artist-detail__description {
	padding: 40px 40px 50px;
	border: 1px solid #dcdcdc;
}

.artist-detail__description > *:not(h4) { font-size: 14px !important; }
.artist-detail__description h4 { margin-bottom: 15px; }
.artist-detail__description ul { list-style: disc; margin-bottom: 15px; padding-left: 30px; }
.artist-detail__description ol { margin-bottom: 15px; padding-left: 30px; }
.artist-detail__description ol:last-child,
.artist-detail__description ul:last-child { margin-bottom: 0; }







.prijs.two {
	display: flex;
	justify-content: flex-start;
}

.prijs div {
	padding: 10px 50px;
	margin-bottom: 20px;
}

.prijs div:first-of-type { padding-left: 0 !important; }
.prijs div:last-of-type {
	padding-right: 0 !important;
	border-left: 1px solid #dcdcdc;
}

.prijs div > * { display: block; }

.prijs div span {
	font-size: 14px;
	margin-bottom: 10px;
}

.prijs small {
	margin-top: 10px;
	font-size: 11px;
	font-weight: 100;
	color: #000;
	display: block;
}

.prijs > small { margin-top: 20px !important; margin-bottom: 20px !important; }







.related {
	background-color: #fff;
	position: relative;
}

.related:before {
	content: '';
	display: block;
	width: 90%;
	max-width: 1100px;
	height: 1px;
	position: absolute;
	top: 0;
	left: 50%;
	background-color: #dcdcdc;
	transform: translateX(-50%);
}







@media screen and ( max-width: 1024px ) {
}
@media screen and ( max-width: 768px ) {
	.artist-detail__gallery li { width: 50%; }
	.artist-detail__tab { padding: 30px 30px 40px; }
}
@media screen and ( max-width: 540px ) {

	.artist-detail .x-container.flex { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

	.artist-detail__gallery,
	.artist-detail__content { width: 100% !important; }
	.artist-detail__content { margin-bottom: 30px !important; }

	.artist-detail__tab { padding: 20px 20px 25px; }

	.artist-detail__tab-nav a { font-size: 16px; }





	.artist-detail__mobi-gallery { display: block !important; }

	.artist-detail__gallery li:nth-child(-n+3) { display: none !important; }
}