#event-spaces {
	width: 1400px;
	max-width: 100%;	
}
.event-spaces-flex {
	display: flex;
	align-items: flex-start;
	column-gap: 48px;		
}
.event-space-title { margin-bottom: 32px; }
.event-space-capacities {
	width: 407px;
	border-right:1px solid rgba(95,85,65,.2);		
}
.event-space-capacities ul {
	padding-left: 0;
	list-style-type: none;	
}
.event-space-capacities ul li {
	padding:16px 32px 16px 28px;
	border-left: 4px solid rgba(0,0,0,0); 	
	color: var(--monarch);
}
.event-space-capacities ul li:hover {
	cursor: pointer;	
}
.event-space-capacities ul li.current {
	border-left-color: var(--monarch);
	background: var(--site-bg);	
	color: var(--dark-grey);	
}
.event-space-content {
	width: 945px;	
}
.event-space-content .accordion-box {
	border-top: 1px solid rgba(95,85,65,.2);
	padding: 24px 0;	
}
.event-space-content .accordion-box:last-child { border-bottom: 1px solid rgba(95,85,65,.2); }
.event-space-content .accordion-box .title-flex {
	display: flex;
	align-items: center;	
}
.event-space-content .accordion-box .title-flex:hover {
	cursor: pointer;	
}
.event-space-content .accordion-box .title-flex .spaces-title { margin-right: auto; }
.event-space-content .accordion-box .space-info { margin-top: 24px; }
.event-space-content .accordion-box .title-flex .chevron svg { transition: all .5s; }
.event-space-content .accordion-box .title-flex .chevron.rotate-180 svg { transform: rotate(180deg); }
.event-space-content .accordion-box .space-info .spaces-gallery-preview-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap:	16px;
	margin-top: 48px;
}
.event-space-content .accordion-box .space-info .spaces-gallery-preview-grid .event-img {
	width: 100%;
	height: 0;
	padding-bottom: 84.82%;	
}
.event-space-content .accordion-box .space-info .spaces-gallery-preview-grid .event-img:hover { cursor: pointer; }
.event-space-content .accordion-box .space-info .spaces-gallery-preview-grid .event-img .bg-shade {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: rgba(43,46,46,.6);	
	opacity: .7;
}
.event-space-content .accordion-box .space-info .spaces-gallery-preview-grid .event-img .view-gallery {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	color: white;	
}
.videoWrapper { margin-top: 48px; }
.space-info .spaces-venue-content.extra { margin-top: 48px; } 
.spaces-venue-content ul {
	padding-left: 32px;
	list-style-type: disc;	
}
.event-space-popup {
	position: fixed;
	z-index: 30;
	background: rgba(0,0,0,.9);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;	
}
.modal-boxes {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
}
.modal-gallery-container {
	width: 940px;
	position: absolute;
	top: 30%;
	left: 50%;
	display: block;
	transform: translate(-50%,0);		
}
.event-space-popup .modal-gallery-container .owl-nav {
	  position: absolute;
	  left: 0;
	  color: white;
	  top: 50%;
	  width: 100%;
} 
.event-space-popup .modal-gallery-container .owl-nav .owl-prev svg {
	transform: rotate(180deg);
	width: 48px;
	height: 82px;
} 
.event-space-popup .modal-gallery-container .owl-nav .owl-next svg {
	width: 48px;
	height: 82px; 	
}
.event-space-popup .modal-gallery-container .owl-nav .owl-next {
	position: absolute;
	width: 48px;
	height: 82px;
	right: -20%;
	top: 50%;
	transform: translate(0,-50%);
}
.event-space-popup .modal-gallery-container .owl-nav .owl-prev {
	position: absolute;
	left: -20%;
	top: 50%;
	transform: translate(0,-50%);	
}
.modal-img {
	width: 100%;
	height: 0;
	padding-bottom: 56.21%;	
}
#event-spaces .close-modal {
	position: absolute;
	right: unset;
	top: unset;
	height: 88px;
	width: 88px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../assets/images/icon-close.svg');
	bottom: 200px;
	left: 50%;
	transform:translate(-50%,0);
	z-index: 50;
}
@media screen and (max-width:1024px) {
	.event-spaces-flex { display: block; }
	.event-space-capacities { width: 100%; border-right: 0; margin-bottom: 48px; }
	.event-space-content {width: 100%;}
	.modal-gallery-container {
		width: 100%;
		position: absolute;
		top: 30%;
		left: 50%;
		display: block;
		transform: translate(-50%,0);
	}
}