.accordion__oudlondon{
	
	.accordion-item:first-child .accordion-title{border:none;}

	.accordion-title{
		background:none;
		border:none;
		border-top:solid 1px $light-gray;
		color:$black;
		font-size:1.125rem;
		padding-left:0;
		padding-right:2rem;
		font-weight:400;
		&::before{color:$primary-color;font-size:1.5rem;line-height:1rem;font-weight:100;right:0;}
	}
	.accordion-item.is-active{
		.accordion-title{background: none;}
	}
	.accordion-content{
		border:none;
		padding:0 0 1rem 0;
		p{margin:0;}
		.button{margin:1.5rem 0;}
	}
	
	.accordion-item:last-child{
		.accordion-title{border-bottom:none;}
		.accordion-content{border:none;}
	}
	
}


.card__related{
	
	.card-image{
		position:relative;
		height:0;//10rem;
		padding-bottom:50%;
		overflow:hidden;
		
		.card-image-inner{
			position: absolute;
			top: -12.5%;
			left: -12.5%;
			width: 125%;
			height: 125%;
			background-color:#efefef;
		}
		
		img{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			min-width: 50%;
			min-height: 50%;
		}
	    
		img[data-src] {
			opacity:0;
	    }
	}
	
	.card-section{
		h3{font-size:1.25rem;}
		text-align:center;
		p:nth-child(2){
			height:7.5rem;
			overflow:hidden;
			position:relative;
			margin-bottom:2.25rem;
			
		}
		/*p:nth-child(2)::after{
			content:"";
		//	background:red;
			position:absolute;
			left:0;right:0;bottom:0;
			height:1.5rem;
			background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); 
		}*/
	 	p:last-child{margin-bottom:1.5rem;} 
	}
	
}


.orbit__oudlondon{
	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	min-width: 50%;
	min-height: 50%;
	transition: all 0.5s;
	
	@include breakpoint(medium down){
		.orbit-wrapper,
		.orbit-container{height:100% !important;}
		.orbit-slide,
		.orbit-figure{height:100%;}
		img{height:100%;width:auto;max-width:none;margin-left:-25%;}
	}
	
}

.reveal{
	
	h2,
	h3,
	h4,
	h5{text-transform:uppercase;}

	.form{margin-left:-1rem;margin-right:-1rem;}
	
}

/*
 * Zalenoverzicht 
 */
.zaal-oudlondon{
	
	border-bottom:solid 1px $light-gray;margin-bottom:2.25rem;padding-bottom:2.25rem;
	
	figure{
		height:100%;
		overflow:hidden;
		position:relative;
		
		a{display:block;position:relative;height:100%;width:100%;}
		
		img{
		    height: 100%;
		    min-width: 100%;
		    position: absolute;
		    top: 0;
		    left: 50%;
		    transform: translateX(-50%);
		    max-width: none;
		
		}
		
	}

	h3{margin:0;}
	h3 + p{font-weight:bold;}	
	h3 + p span:first-child {
	  display: inline-block;
	  border-right: solid 1px #ccc;
	  margin-right: 0.75rem;
	  padding-right: 0.75rem;
	}
		

	ul{
		list-style:none;
	    @include flex;
	    @include flex-align(center, middle);
		margin:1.5rem 0 0 0;
		justify-content: flex-start;
	}
	
	ul li{flex: 1;text-align:center;position:relative;padding-top:3.5rem;flex: 0 0 calc(100%/7);}
	ul li::after{content:"";position:absolute;top:0;right:0;bottom:0;border-left:solid 1px $light-gray;}
	ul li:last-child::after{display:none;}
	ul strong,ul span{display:block;height:1.5rem;}
	
	ul span:empty::after{
		content:"";
		position:absolute;top:0;left:1px;right:1px;bottom:0;background:rgba($white,0.80);
	}
	
	ul li.uvorm{background: url(../images/zaalindeling/uvorm.svg) no-repeat 50% 0%;background-size:3rem auto;}
	ul li.carre{background: url(../images/zaalindeling/carre.svg) no-repeat 50% 0%;background-size:3rem auto;}
	ul li.cabaret{background: url(../images/zaalindeling/cabaret.svg) no-repeat 50% 0%;background-size:3rem auto;}
	ul li.school{background: url(../images/zaalindeling/school.svg) no-repeat 50% 0%;background-size:3rem auto;}
	ul li.theater{background: url(../images/zaalindeling/theater.svg) no-repeat 50% 0%;background-size:3rem auto;}
	ul li.diner{background: url(../images/zaalindeling/diner.svg) no-repeat 50% 0%;background-size:3rem auto;}
	ul li.receptie{background: url(../images/zaalindeling/receptie.svg) no-repeat 50% 0%;background-size:3rem auto;}
		
	@include breakpoint(medium down){
		h3{text-align:center;}
		ul{display:none;}
		.button{display:none;}
		.zaal-image{margin-top:1.5rem;}
	}
	
}

.zaal-oudlondon__banqueting{
	ul li{flex: 1;text-align:center;position:relative;padding-top:3.5rem;flex: 0 0 25%;}
}

.zaal-oudlondon__overig{

}