/* CSS Document */
#header.menu-hamburger .navbar-toggle{
	top: 15px;
}
#toggleNavTxt, #toggleNavTxtOpen{
	color: #000!important;
}

.footer-socials.social-icons{
    display: none;
}
.scrolltop{
	display: none;
}
#header{
	position: absolute;
}
.footer-credits{
	margin-bottom: 30px;
}
.footerAddress{
	margin-bottom: 30px;
}

/*#extraMenu{
	position: fixed; height: 50px;
}
#extraMenu .navbar-nav li a.menu-link{
	background: var(--basecolor)!important;
}*/

.page-block-intro p i{
    font-size: 0.75em; line-height: 1em;
	font-style: normal; text-decoration: none; margin-right: 20px; position: relative;
}
.page-block-intro p i::after{
	position: absolute; left:0px; top: 89%; height: 1px; width: 100%; background: var(--textcolor); content: ''; display: block;
} 

.pin-spacer{}


#pageBlock1{
}
#pageBlock1.default{
}
#pageBlock1 .page-block-caption{
}

.afterMenu{
    width: 100%; position: relative; float: left;
}


	.home #pageBlock1{
		display: none;
	}

	.home .page-block{
		margin: 0px!important;
	}



.lightbox-modal .close::after{
	font:var(--fa-font-light); font-size: 2em;
}
.lightbox-modal .carousel-control-prev::after, .lightbox-modal .carousel-control-next::after{
	font:var(--fa-font-light); font-size: 1.4em;
	background: rgba(255,255,255,0)!important;
}
.lightbox-modal .carousel-control-prev, .lightbox-modal .carousel-control-next{
	background: rgba(255,255,255,0)!important;
}



@media(min-width:1440px) {
	#theMain{
	}
}
	
#pageBlock0{
	background: var(--basecolor); overflow: hidden; margin: 0px; padding: 0px 15px;
}
@media(min-width:768px) {
#pageBlock0{
    padding: 0px 75px;
}
}
#pageBlock1.default.with_page_image{
	margin-top: 0px;
}
#pageBlock1.default.with_page_image .page-block-name{
	display: none;
}
#pageBlock0 .page-block-page_image{
	aspect-ratio: 1920/1080; display: flex; justify-content: center; align-content: center; align-content: center;
}

#pageBlock0 .page-block-page_image img{
    width: 100%; height: 100%; object-fit: contain; object-position: center center;
}

#pageBlock0 .page-block-caption{
	position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; align-content: flex-end; align-items: flex-end;
}
#pageBlock0.page-block .page-block-caption.page-block-caption-with-intro .page-block-name h1{
	margin: 0px;
}
#pageBlock0.page-block .page-block-caption.page-block-caption-with-intro .page-block-name h1 .part2{
	text-align: right; width: 100%;
}

#pageBlock1.page-block.with_page_image .page-block-caption.page-block-caption-with-intro .page-block-intro{
	order: 1; margin-bottom: 3em;
}
#pageBlock1.page-block.with_page_image .page-block-caption.page-block-caption-with-intro .page-block-txt{
	order: 2; margin-bottom: 1em;
}
#pageBlock1.page-block.with_page_image .page-block-caption.page-block-caption-with-intro .page-block-ttl{
	order: 0;
}
#pageBlock1.page-block.with_page_image .page-block-caption.page-block-caption-with-intro .content-link{
	order: 4; text-align: right; margin-bottom: 3em;
}

#gallery.page-block{
	margin: 0px 0px 45px;
}

#mini-gallery.page-block.gallery.slideshow .page-block-caption{
	display: block; order: 2; background: none; mix-blend-mode: normal; position: relative; align-content: flex-start; align-items: flex-start;
	width: 100%; padding: 30px 0px;
}



@media(min-width:768px) {
    

	.page-block .page-block-caption.page-block-caption-with-intro .page-block-name h1{
		margin: 1em 0px 2em; display: flex; justify-content: space-between; align-content: flex-end; align-items: flex-end;
		flex-wrap: wrap;
	}
	#pageBlock0.page-block .page-block-caption.page-block-caption-with-intro{
		padding-bottom: 90px;
	}
	#pageBlock0.page-block .page-block-caption.page-block-caption-with-intro .page-block-name h1{
		margin: 0px;
	}
	.page-block .page-block-caption.page-block-caption-with-intro .page-block-name h1 .part1{
		margin-bottom: 0em;
	}
	.page-block .page-block-caption.page-block-caption-with-intro .page-block-name h1 .part2{
		min-width: 100%; text-align: right;													
	}
	.page-block .page-block-caption.page-block-caption-with-intro .page-block-ttl h2{
		margin: 1em 0px 1em; display: flex; justify-content: space-between; align-content: flex-end; align-items: flex-end;
	}
	.page-block .page-block-caption.page-block-caption-with-intro .page-block-ttl h2 .part1{
		margin-bottom: 1em;
	}
	
	/*#rotterdams.page-block .page-block-caption.page-block-caption-with-intro .page-block-ttl h2{
		justify-content: flex-start; flex-wrap::::::::::; nowrap; white-space: nowrap;
	}
	#rotterdams.page-block .page-block-caption.page-block-caption-with-intro .page-block-ttl h2 span{
		width: 10%; text-align: right; margin-left: 10px;
	}
	*/
	
	.page-block .page-block-caption.page-block-caption-with-intro .page-block-txt{
		width: 50%; margin-left: 50%;
	}
	.page-block .page-block-caption.page-block-caption-with-intro .page-block-txt.two-c0lumns,
	.page-block.default .page-block-txt.two-c0lumns{
		width: 100%; margin-left: 0%; display: flex; justify-content: flex-start; flex-wrap: nowrap;
		gap: 90px;
	}
	.page-block .page-block-caption.page-block-caption-with-intro .page-block-txt.two-c0lumns .page-txt-column{
		width: 50%;
	}

	
	
	.page-block.with_block_image.left .page-block-image{
	}
	.page-block.with_block_image .page-block-caption{
	}
	.page-block.with_block_image .page-block-caption .page-block-ttl{
	}
	.page-block.with_block_image .page-block-caption .page-block-ttl h2{
	}
	.page-block.with_block_image .page-block-caption .page-block-ttl h2 .part1{
	}
	.page-block.with_block_image .page-block-caption .page-block-ttl h2 .part2{
	}
	
}

@media(min-width:960px) {

    .page-block.cleanPageBlock1 .page-block-caption,
    .page-block.default.noimage .page-block-caption{
		width: 80%;
    }
    
    .page-block.cleanPageBlock1.center .page-block-caption{
        margin-left: 10%;
    }
    
}
@media(min-width:960px) {

    
}
@media(min-width:1440px) {
	
}


@media(min-width:768px) {
	
	#theBody.locatie #pageBlock1.page-block .page-block-caption.page-block-caption-with-intro .page-block-txt{
		margin-left: 0px;
	}
	
}


@media(min-width:1440px){
	.page-block.list-click-detail.highlights .page-block-caption {
        padding-right: 720px;
    }
}
#header{
	background: #ffffff!important;
}



#tagMenu{
    display: none;
}


#theBody.artists #pageBlock1 {
	display: none;
}

#theBody.artists .footer  {
}
#theBody.artists .page-block-module {
	position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; 
}
#theBody.artists .page-block-module #infiniteListing {
	position: absolute;
	width: 100%;
	will-change: transform;
	list-style: none;
}

#theBody.artists .page-block-module #infiniteListing .block{
  width: 100vw; padding: 0px;
  height: 100vh;
  display: flex;
  overflow: hidden;
  position: absolute;
  left: 0;
  will-change: transform;
}

#theBody.artists .page-block-module #infiniteListing .block .block-caption ,
#theBody.artists .page-block-module #infiniteListing .block .block-image {
  flex: 1; padding: 0px; margin: 0px; min-width: 50%;
  height: 100%;
  overflow: hidden;
}
#theBody.artists .page-block-module #infiniteListing .block .block-btns {
	display: none;
}

#theBody.artists .page-block-module #infiniteListing .block img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
  transform: translateY(0) scale(1.5);
}

#theBody.artists .page-block-module #infiniteListing .block .block-caption {
  padding: 90px 30px 30px 30px;
}
#theBody.artists .page-block-module #infiniteListing .block .block-caption .block-ttl h2{ 
  padding: 0px; margin: 0px;
}
#theBody.artists.detail_mode #pageBlock2.page-block{
	margin-bottom: 30px;
}
#pageBlock2 .page-block-caption{
	padding-bottom: 0px;
}



#theBody.artists.detail_mode  #pageBlock1,
#theBody.shows.detail_mode  #pageBlock1 ,
#theBody.news.detail_mode  #pageBlock1 {
	display: flex; margin: 0px 0px 0px 0px;
}
#theBody.artists.detail_mode .page-block,
#theBody.shows.detail_mode .page-block ,
#theBody.news.detail_mode .page-block {
	margin-bottom: 45px;
}
#theBody.artists.detail_mode #pageBlock0,
#theBody.shows.detail_mode #pageBlock0,
#theBody.news.detail_mode #pageBlock0 {
	margin: 0px 0px 0px 0px;
}

#theBody.artists.detail_mode .page-block-name h1,
#theBody.shows.detail_mode .page-block-name h1,
#theBody.news.detail_mode .page-block-name h1{
	margin-bottom: 0.5em;
}


#theBody.artists.detail_mode .page-block-module,
#theBody.shows.detail_mode .page-block-module ,
#theBody.news.detail_mode .page-block-module {
	position: relative; top: 0px; left: 0px; width: 100%; height: auto; padding: 0px;
}

#theBody.detail_mode .page-block-txt{
	margin: 0px; padding: 0px;
}
#theBody.detail_mode .page-block-txt p{
}
#theBody.detail_mode .page-block-txt h2,
#theBody.detail_mode .page-block-txt h2{
	font-weight: 900; letter-spacing: 0.1em;
}
#theBody.detail_mode .page-block-txt .block-spec,
#theBody.detail_mode .page-block-txt .block-spec{
	display: flex; flex-wrap: wrap;
	text-transform: uppercase; letter-spacing: 0.1em; width: 100%;
	font-weight: normal;
}
#theBody.detail_mode .page-block-txt .block-spec b,
#theBody.detail_mode .page-block-txt .block-spec b{
	width: 100%; font-family: "helv", sans-serif; font-weight: 900;
}


#theBody.detail_mode .page-block .content-link,
#theBody.detail_mode .page-block .content-link{
	padding: 0px 0px 0px 0px;
}
#theBody.detail_mode .page-block .content-link .btn-primary span,
#theBody.detail_mode .page-block .content-link .btn-primary span{
	text-transform: uppercase; letter-spacing: 0.1em;
}


#theBody.detail_mode .page-block-name h3,
#theBody.detail_mode .page-block-name h3 {
	position: relative; top: 0px; left: 0px; width: 100%; height: auto; 
}



#theBody.detail_mode .page-block.gallery.scrollable .page-block-module{
	display: grid; padding: 0px 30px; grid-gap: 15px;
   	grid-template-columns: repeat(2, 1fr);
}
#theBody.detail_mode .page-block.gallery.scrollable .page-block-module .image-item{
	grid-column: span 2;
}


.buttonbar{
	margin-bottom: 30p; display: flex; gap: 15px;
}
.buttonbar .btn-primary{
	border: 0px!important; padding: 15px 0px!important;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.buttonbar .btn-primary:hover{
	opacity: 0.6;	
}

#bioText{
	max-height: 0px; overflow: hidden; opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#bioText.open{
	max-height: 2200px; opacity: 1;
}
.lightbox-modal img{max-height: calc(100vh - 10em);}

#theBody.detail_mode .page-block-page_image{
    margin-bottom: 50px; overflow: visible;
}
#theBody.detail_mode .page-image-caption{
    position: absolute; top: auto; bottom: -50px; width: 100%; padding: 0px; height: 45px;
    display: flex; align-content: flex-start; align-items: flex-start;
}
#theBody.detail_mode .page-image-caption .page-block-subname,
#theBody.detail_mode .page-image-caption .page-block-subname h2,
#theBody.detail_mode .page-image-caption .page-block-subname h2 p{
    padding: 0px; margin: 0px; text-align: center; font-size: 12px; 
	font-family: cour;
	text-transform: uppercase; font-weight: normal; letter-spacing: 0.1em; 
}


#theBody.detail_mode .page-block.gallery .page-block-module .image-item{
    grid-column: span 2;
}


@media(min-width:600px){
	
	#theBody.detail_mode .page-block.gallery.slideshow .page-block-module{
		padding: 0px 30px;
	}
	
	#theBody.detail_mode .page-block.gallery.scrollable .page-block-module{
		display: grid; padding: 0px 30px; grid-gap: 45px;
		grid-template-columns: repeat(2, 1fr);
		align-content: stretch;
	}
	#theBody.detail_mode .page-block.gallery.scrollable .page-block-module .image-item  {
		grid-column: span 1;
	}
	#theBody.detail_mode .page-block.gallery.scrollable .page-block-module .image-item:nth-of-type(3),
	#theBody.detail_mode .page-block.gallery.scrollable .page-block-module .image-item:nth-of-type(6) {
		grid-column: span 2;
	}
	#theBody.detail_mode .page-block.gallery.scrollable .page-block-module .image-item  img{
		width: 100%; height: 100%; object-fit: cover;
	}
	

}

@media(min-width:600px){
	
	#theBody.detail_mode .page-block.gallery-row-of-2 .page-block-module .image-item:nth-of-type(3),
	#theBody.detail_mode .page-block.gallery-row-of-2 .page-block-module .image-item:nth-of-type(6),
	#theBody.detail_mode .page-block.gallery-row-of-2 .page-block-module .image-item:nth-of-type(9),
	#theBody.detail_mode .page-block.gallery-row-of-2 .page-block-module .image-item:nth-of-type(12),
	#theBody.detail_mode .page-block.gallery-row-of-2 .page-block-module .image-item:nth-of-type(15),
	#theBody.detail_mode .page-block.gallery-row-of-2 .page-block-module .image-item:nth-of-type(18),
	#theBody.detail_mode .page-block.gallery-row-of-2 .page-block-module .image-item:nth-of-type(21),
	#theBody.detail_mode .page-block.gallery-row-of-2 .page-block-module .image-item:nth-of-type(24),
	#theBody.detail_mode .page-block.gallery-row-of-2 .page-block-module .image-item:nth-of-type(27) {
		grid-column: span 1!important;
	}	
}

#theBody.detail_mode .page-block.gallery-row-of-1 .page-block-module .image-item{
    grid-column: span 2!important;
}	
#theBody.detail_mode .page-block.gallery-mosaic-1-2-1 .page-block-module .image-item{
    grid-column: span 2!important;
}	
@media(min-width:600px){
    #theBody.detail_mode .page-block.gallery-mosaic-1-2-1 .page-block-module .image-item{
        grid-column: span 1!important;
    }	
	#theBody.detail_mode .page-block.gallery-mosaic-1-2-1 .page-block-module .image-item:nth-of-type(1),
	#theBody.detail_mode .page-block.gallery-mosaic-1-2-1 .page-block-module .image-item:nth-of-type(4),
	#theBody.detail_mode .page-block.gallery-mosaic-1-2-1 .page-block-module .image-item:nth-of-type(7),
	#theBody.detail_mode .page-block.gallery-mosaic-1-2-1 .page-block-module .image-item:nth-of-type(10),
	#theBody.detail_mode .page-block.gallery-mosaic-1-2-1 .page-block-module .image-item:nth-of-type(13),
	#theBody.detail_mode .page-block.gallery-mosaic-1-2-1 .page-block-module .image-item:nth-of-type(16),
	#theBody.detail_mode .page-block.gallery-mosaic-1-2-1 .page-block-module .image-item:nth-of-type(19),
	#theBody.detail_mode .page-block.gallery-mosaic-1-2-1 .page-block-module .image-item:nth-of-type(22),
	#theBody.detail_mode .page-block.gallery-mosaic-1-2-1 .page-block-module .image-item:nth-of-type(25),
	#theBody.detail_mode .page-block.gallery-mosaic-1-2-1 .page-block-module .image-item:nth-of-type(28) {
		grid-column: span 2!important;
	}	
}


@media(min-width:768px){
	#theBody.detail_mode .page-block.gallery.scrollable .page-block-module {
		padding: 0px 90px;
	}
	#theBody.artists.detail_mode #pageBlock1 .page-block-header-caption,
	#theBody.shows.detail_mode #pageBlock1 .page-block-header-caption,
	#theBody.news.detail_mode #pageBlock1 .page-block-header-caption{
		display: grid; grid-gap: 30px;
		grid-template-columns: repeat(2, 1fr);
		align-content: stretch;
	}
	#theBody.artists.detail_mode #pageBlock1 .page-block-name,
	#theBody.shows.detail_mode #pageBlock1 .page-block-name,
	#theBody.news.detail_mode #pageBlock1 .page-block-name{
		grid-column: span 1!important;
	}
	#theBody.artists.detail_mode #pageBlock1 .page-block-txt,
	#theBody.shows.detail_mode #pageBlock1 .page-block-txt,
	#theBody.news.detail_mode #pageBlock1 .page-block-txt{
		grid-column: span 1!important;
	}
}
@media(min-width:960px) {
	#theBody.artists.detail_mode #pageBlock1 .page-block-caption,
	#theBody.shows.detail_mode #pageBlock1 .page-block-caption,
	#theBody.news.detail_mode #pageBlock1 .page-block-caption{
		padding-top: 60px!important;
		padding-bottom: 15px!important; margin: 0px!important;
	}
	
	#theBody.artists.detail_mode #pageBlock1 .page-block-header-caption,
	#theBody.shows.detail_mode #pageBlock1 .page-block-header-caption,
	#theBody.news.detail_mode #pageBlock1 .page-block-header-caption{
		display: grid; grid-gap: 30px;
		grid-template-columns: repeat(3, 1fr);
		align-content: stretch; 
		padding-bottom: 0px; margin-bottom: 25px!important;
	}
	#theBody.artists.detail_mode #pageBlock1 .page-block-name{
		grid-column: span 1!important;
	}
	#theBody.shows.detail_mode #pageBlock1 .page-block-name,
	#theBody.news.detail_mode #pageBlock1 .page-block-name{
		grid-column: span 2!important;
	}
	#theBody.artists.detail_mode #pageBlock1 .page-block-txt,
	#theBody.shows.detail_mode #pageBlock1 .page-block-txt,
	#theBody.news.detail_mode #pageBlock1 .page-block-txt{
		grid-column: 3 / span 1!important;
	}
	
	#theBody.artists.detail_mode #pageBlock1 .page-block-name h1,
	#theBody.nieuws.detail_mode  #pageBlock1 .page-block-name h3{
	}
	
	
}
@media(min-width:1280px){
	#theBody.artists.detail_mode .page-block.gallery.scrollable .page-block-module,
	#theBody.nieuws.detail_mode .page-block.gallery.scrollable .page-block-module{
		padding: 0px 90px;
	}
    
}

#pageBlock1.page-block.dark{
	margin-bottom: 0px;
}
.page-block-subname h3{
	text-transform: uppercase;
}


#news.page-block .page-block-link{
	order: 2; margin-bottom: 1em;
}
#news.page-block .page-block-module{
	order: 3;
}
#news.page-block .page-block-caption .page-block-ttl h2{
	margin-bottom: 0px;
}

#shows .block-listing,
#news .block-listing{
	grid-template-columns:repeat(2, 1fr);
	grid-gap: 60px;
}
#shows .block-listing #tagMenuToggle{
	display: none;
}

.block.shows,
.block.news{
	grid-column: span 2;
	border: 0px; padding: 0px;
}

.block.shows .block-btns{
	position: relative; top: 0px;; bottom: auto; padding: 0px;
}
.block.shows .block-caption .block-ttl h2,
.block.shows .block-caption .block-ttl h2 a{
	text-transform: uppercase; font-weight: 900; letter-spacing: 0.1em; font-size: 1.4em;
}

.block.shows .block-caption .block-ttl h3,
.block.shows .block-caption .block-ttl h3 a{
	font-family: cour;
	text-transform: uppercase; font-weight: 400; letter-spacing: 0.1em; font-size: 1.0em;
}
.block.shows .block-caption .block-specs{
	padding: 0px; margin: 15px 0px;
}
.block.shows .block-caption .block-specs h2,
.block.shows .block-caption .block-specs h2 a{
	font-family: cour;
	text-transform: uppercase; font-weight: normal; letter-spacing: 0.1em; font-size: 1.0em; text-decoration: none; padding: 0px; margin: 0px;
}

.block.shows .block-caption .block-specs h3,
.block.shows .block-caption .block-specs h3 a{
	font-family: cour;
	text-transform: uppercase; font-weight: normal; letter-spacing: 0.1em; font-size: 1.0em; text-decoration: none; padding: 0px; margin: 0px;
}
@media(min-width:500px){
	#shows .block-listing .block.shows .block-image img{
		max-width: 400px;
	}
}
@media(min-width:600px){
	#shows .block-listing .block.shows{
		display: grid;
		grid-template-columns:repeat(10, 1fr);
		grid-gap: 30px;
	}

	#shows .block-listing .block.shows .block-image{
		grid-column: span 4;
	}
	#shows .block-listing .block.shows .block-caption{
		grid-column: span 6; align-content: flex-start; padding-top: 0px;
	}
	#shows .block-listing .block.shows .block-image img{
		max-width: none;
	}
}
@media(min-width:960px){
	#shows .block-listing{
		grid-template-columns:repeat(2, 1fr);
		grid-gap: 60px;
	}
	#shows .block-listing .block.shows{
		display: grid;
		grid-template-columns:repeat(2, 1fr);
		grid-gap: 30px;
	}

	#shows .block-listing .block.shows .block-image{
		grid-column: span 1;
	}
	#shows .block-listing .block.shows .block-caption{
		grid-column: span 1;
	}
	#shows .block-listing .block.shows .block-image img{
		max-width: none;
	}
}
@media(min-width:1200px){
	#shows .block-listing .block.shows{
		display: grid;
		grid-template-columns:repeat(8, 1fr);
		grid-gap: 30px;
	}

	#shows .block-listing .block.shows .block-image{
		grid-column: span 3;
	}
	#shows .block-listing .block.shows .block-caption{
		grid-column: span 4;
	}
}





.block.news .block-btns{
	position: relative; top: 0px;; bottom: auto; padding: 0px; display: block;
}
.block.news .block-caption .block-ttl{
	margin-bottom: 30px;
}
.block.news .block-caption .block-ttl h2,
.block.news .block-caption .block-ttl h2 a{
	text-transform: uppercase; font-weight: 900; letter-spacing: 0.1em; font-size: 1.4em;
}

.block.news .block-caption .block-ttl h3,
.block.news .block-caption .block-ttl h3 a{
	font-family: cour;
	text-transform: uppercase; font-weight: 400; letter-spacing: 0.1em; font-size: 1.0em;
}
.block.news .block-caption .block-specs{
	padding: 0px; margin: 15px 0px;
}
.block.news .block-caption .block-specs h2,
.block.news .block-caption .block-specs h2 a{
	font-family: cour;
	text-transform: uppercase; font-weight: normal; letter-spacing: 0.1em; font-size: 1.0em; text-decoration: none; padding: 0px; margin: 0px;
}

.block.news .block-caption .block-specs h3,
.block.news .block-caption .block-specs h3 a{
	font-family: cour;
	text-transform: uppercase; font-weight: normal; letter-spacing: 0.1em; font-size: 1.0em; text-decoration: none; padding: 0px; margin: 0px;
}


@media(min-width:960px){
.block.news .block-caption .block-ttl{
	padding-right: 50%;
}
.block.news .block-caption .block-specs{
	position: absolute; top: 15px; left: auto; right: 0px;
}
}

