.gallery-item {
	cursor: pointer;
	padding-top: 75%;
	position: relative;
	width: 100%;
}

.gallery-nav-item {
	cursor: pointer;
}

.images-gallery-nav-slider .gallery-nav-item {
	height: 160px;
	margin: 0 .5rem;
	width: 256px;
}

.images-gallery ul.images-gallery-display,
.images-gallery ul.images-gallery-nav-slider {
	padding-left: 0px;
	list-style: none;
}

.images-gallery ul.images-gallery-nav-slider {
	display: flex;
	overflow: scroll hidden;
}
.images-gallery ul.images-gallery-nav-slider.slick-slider {
	display: block;
	overflow: initial;
}
.images-gallery ul.images-gallery-display > li:nth-child(n+2) {
	display: none;
}
.images-gallery ul.images-gallery-display.popover-active {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	z-index: 10;
	background-color: white;
	display: flex;
	align-items: center;
}
.images-gallery ul.images-gallery-display.popover-active .gallery-item {
	cursor: initial;
}
.images-gallery ul.images-gallery-display .close-button {
	display: none;
}
.images-gallery ul.images-gallery-display.popover-active .close-button {
	display: flex;
	position: absolute;
	top: 40px;
	right: 40px;
	width: 25px;
	height: 25px;
	align-items: center;
	justify-content: center;
	padding: 0px;
	border:none;
	background-color: transparent;
}
.images-gallery ul.images-gallery-display.popover-active .close-button::after {
	content: 'X';
	font-size: 25px;
	font-family: Barlow, sans;
	color: white;
	filter: drop-shadow(.1rem .1rem .1rem rgba(0,0,0,0.5));	
	opacity: 0.75;
}
.images-gallery ul.images-gallery-display.popover-active .close-button:hover::after {
	opacity: 1;
}
.images-gallery .slick-prev:before, 
.images-gallery .slick-next:before {
	content:'';
	background-image:url('../images/icon_pijl.svg');
	background-repeat: no-repeat;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	display: block;
	filter: drop-shadow(.1rem .1rem .1rem rgba(0,0,0,0.5));
}
.images-gallery .slick-prev:before {
	transform: rotateY(180deg);
}

body#body#body .images-gallery-with-opener .images-gallery-nav-slider {
	display: none;
}
body#body#body .images-gallery-with-opener .images-gallery-display { 
	display: grid;
	width: 1260px;
	height: 480px;
	grid-template-columns: 2fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas:
		"first-image second-image third-image"
		"first-image fourth-image fifth-image";
	column-gap: 10px; 
	row-gap: 10px;
	border-radius: 20px;
    overflow: hidden;
}
body#body#body .images-gallery-with-opener .images-gallery-display.image-gallery-with-1-images  .gallery-item{
	padding: 0px;
}
body#body#body .images-gallery-with-opener .images-gallery-display.image-gallery-with-1-images {
	/*width: 630px;*/
	width: 100%;
	margin: 0 auto;
	grid-template-columns: 2fr;
	grid-template-areas:
		"first-image"
		"first-image";
}
body#body#body .images-gallery-with-opener .images-gallery-display.image-gallery-with-2-images {
	grid-template-columns: 2fr 2fr;
	grid-template-areas:
		"first-image second-image"
		"first-image second-image";
}
body#body#body .images-gallery-with-opener .images-gallery-display.image-gallery-with-3-images {
	width: 945px;
	margin: 0 auto;
	grid-template-columns: 2fr 1fr;
	grid-template-areas:
		"first-image second-image"
		"first-image third-image";
}
body#body#body .images-gallery-with-opener .images-gallery-display li:nth-child(1) { 
	display: block;
	grid-area: first-image;
}
body#body#body .images-gallery-with-opener .images-gallery-display li:nth-child(2) { 
	display: block;
	grid-area: second-image;
}
body#body#body .images-gallery-with-opener .images-gallery-display li:nth-child(3) {
	display: block;
	grid-area: third-image;
}
body#body#body .images-gallery-with-opener .images-gallery-display li:nth-child(4) { 
	display: block;
	grid-area: fourth-image;
}
body#body#body .images-gallery-with-opener .images-gallery-display li:nth-child(5) {
	display: block;
	grid-area: fifth-image;
}
body#body#body .images-gallery-with-opener .images-gallery-display .gallery-item {
	height: 100%;
}

body.image-gallery-layover-open {
	height: 100vh;
	overflow: hidden;
}

body.image-gallery-layover-open:before {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	opacity: 0.9;
	z-index: 100000;
	background-color: #808080;
}

body#body .images-gallery-layover {
	position: absolute;
	left: 30px;
	right: 30px;
	top: 120px;
	bottom: 30px;
	max-width: calc( 100vw - 60px );
	max-height: calc( 100vh - 150px );
	margin: auto;
	z-index: 100002;
	background-color: white;
	/*overflow-y: scroll;*/
	border: 4px solid #FFFFFF;
	border-radius: 20px;
	overflow: hidden;
}
body#body .images-gallery-layover ul.images-gallery-display {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	height: calc( 100vh - 210px );
}
body#body .images-gallery-layover ul.images-gallery-display .gallery-item {
	width: 100%;
	height: calc( 100vh - 210px );
	padding-top: 0px;
}

body#body .images-gallery-layover .close-button {
	display: flex;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 80px;
	height: 70px;
	border: none;
	font-size: 40px;
	color: #FFFFFF;
	align-items: center;
	justify-content: center;
	padding: 0px;
	z-index: 3;
	background-color: #BF5B05;
}
body#body .images-gallery-layover .close-button:focus,
body#body .images-gallery-layover .close-button:hover{
	background-color: white;
	color: #BF5B05;
}
body#body .images-gallery-layover .close-button:after {
	content: 'X';
	font-size: 30px;
	font-weight: bold;
}

body#body#body .images-gallery-with-opener .images-gallery-display .gallery-item.gallery-video::after{
	content:"";
	position: absolute;
	top: calc(50% - 43px);
	left: calc(50% - 43px);
	background-image:url('../images/Play button - wit.svg'); 
	background-size: 86px 86px;
	background-repeat: no-repeat;
	width: 86px;
	height: 86px;
	z-index:3;
	filter: drop-shadow(2px 2px 2px rgb(0,0,0,0.5));
}
body#body#body .images-gallery-with-opener .images-gallery-display .gallery-item.gallery-video::before{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(2,73,89,0.5);
	width: 100%;
	height: 100%;
	z-index:2;
}

.gallery-item.gallery-video iframe {
	display: none;
}
.images-gallery-layover .gallery-item.gallery-video iframe {
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
}

.images-gallery-nav-list-container {
	display: none;
}

body#body .open-gallery-nav-list-button::before {
	background-image:url('../images/Meer media icoon - blauw.svg');
	content:'';
	background-repeat:no-repeat;
	background-size: 18px 18px;
	display: inline-block;
	width: 18px;
	height: 18px;	
	margin-right: 10px;
}

body#body .open-gallery-nav-list-button {
	display: flex;
	height: 40px;
	border: none;
	font-size: 20px;
	font: normal normal bold 18px/22px Barlow;
	color: #024959;
	align-items: center;
	justify-content: center;
	padding: 0px;
	z-index: 3;
    padding-top: 5px;
	margin-left: auto;
}

body#body .images-gallery-layover  .open-gallery-nav-list-button {
	position: absolute;
	bottom: 10px;
	right: 25px;
	background-color: white;
}

body#body .open-gallery-nav-list-button:focus,
body#body .open-gallery-nav-list-button:hover{
	color: #BF5B05;
	background-color: transparent;
}

body#body .images-gallery-layover.image-gallery-nav-list-open {
	top: 90px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	max-width: none;
	max-height: none;
	margin: 0px;
	aspect-ratio: auto !important;
	overflow-y: scroll;
	border: none;
	border-radius: 0px;	
}

body#body .images-gallery-layover.image-gallery-nav-list-open .images-gallery-display,
body#body .images-gallery-layover.image-gallery-nav-list-open .open-gallery-nav-list-button {
	display: none;
}
body#body .images-gallery-layover.image-gallery-nav-list-open .images-gallery-nav-list-container {
	display: block;
	max-width: 1280px;
    margin: 0 auto;
}
body#body .images-gallery-layover.image-gallery-nav-list-open .images-gallery-nav-list-container {
	display: block;
	max-width: 1280px;
    margin: 0 auto;
}
body#body .images-gallery-layover.image-gallery-nav-list-open .images-gallery-nav-list-container .images-gallery-nav-list{
	padding: 0px;
}
.images-gallery-nav-list {
	display: grid;
	padding: 0px;
	grid-template-columns: 400px 400px 400px;
	grid-auto-rows: 300px;
	gap: 27px;
}
.images-gallery-nav-list > li {
	display: block;
	width: 100%;
	height: 100%;
}
.images-gallery-nav-list .gallery-nav-item {
	height: 100%;
	width: 100%;
	background-size: cover;
	border-radius: 20px;
}

.images-mini-gallery {
	position: relative;
}
.images-mini-gallery .gallery-prev,
.images-mini-gallery .gallery-next {
	position: absolute;
	top: 50%;
	display: block;
	width: 25px;
	height: 40px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	border: none;
	outline: none;
	background: transparent;
}
.images-mini-gallery .gallery-prev:before,
.images-mini-gallery .gallery-next:before {
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	opacity: .75;
	background-image: url('../images/icon_pijl.svg');
	background-repeat: no-repeat;
	background-size: 25px 25px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	filter: drop-shadow(.1rem .1rem .1rem rgba(0,0,0,0.5));
}
.images-mini-gallery .gallery-prev {
	left: 5px;
}
.images-mini-gallery .gallery-prev:before {
	transform: rotateY(180deg);
}
.images-mini-gallery .gallery-next{
	right: 5px;
}