/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/

/* =Theme customization starts here
--------------------------------------------x----------- */

/* || Global text styles */

/* Desktop */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
}

h1,
h2 {
	font-size: 42px !important;
	line-height: 60px;
}

h3,
h4,
h5,
h6 {
	font-size: 18px;
}

body {
	font-weight: 300 !important;
	font-size: 16px !important;
}

p, #text, .input {
	font-weight: 300;
	font-size: 16px !important;
}

.et_pb_button {
	font-size: 16px;
}

.vl-text-fontsize-xs,
.vl-text-fontsize-xs p {
	font-size: 12px !important;
}

.vl-text-uppercase {
	text-transform: uppercase;
}

.vl-heading-small h2 {
	font-size: 18px !important;
	line-height: inherit;
/* 	line-height: 1em !important; */
}

/* .vl-heading-medium h2 {
	font-size: 24px !important;
} */

.vl-heading-bold {
	font-weight: 500;
	font-size: 48px;
	line-height: 60px;
}

/* :root :where(a:where(:not(.wp-element-button))) {
	text-decoration: none;
} */

#cmplz-document p,
#cmplz-document li,
#cmplz-document td,
#cmplz-document .cmplz-subtitle {
	font-weight: 300;
	font-size: 16px;
	padding-bottom: 0;
}


/* Mobile */
@media only screen and (max-width: 768px) {

	h1,
	h2 {
		font-size: 35px !important;
		line-height: normal;
	}

	h3,
	h4,
	h5,
	h6 {
		font-size: 18px;
		line-height: normal;
	}

	.vl-heading-bold {
		font-weight: 500;
		font-size: 40px;
		line-height: normal;
	}

}


/* || Global Page styles */

html,
body {
	max-width: 100%;
	overflow-x: hidden;
	background-color: white;
}

#page-container {
	max-width: 2560px !important;
	margin-left: auto;
	margin-right: auto;
}

.disable-click {
	pointer-events: none;
}

.vl-column-flex {
	display: flex;
}

.vl-column-flex .vl-align-content-center {
	align-content: center;
}

.vl-vertical-align {
	margin: auto;
}

.vl-bottom-align {
	margin: auto auto 0;
}


/* || Global Image styles */

.vl-image-overlay-light:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: var(--overlay-color, rgb(255 255 255 / 10%));
	z-index: 5;
}

.vl-image-cover .et_pb_image_wrap img {
	object-fit: cover !important;
}

.vl-image-hover img {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.vl-image-hover img:hover {
	transform: scale(1.2);
}

.vl-image-position-bottom-center img {
	object-position: 50% 70%;
}

.vl-image-fixed {
    background-attachment: fixed;
}

@media (max-width: 980px) {
    .vl-image-fixed {
        background-attachment: scroll; /* Fixed uitschakelen voor kleinere schermen */
    }
}

/* || Services Info Column */

@media only screen and (max-width: 980px) {

	.vl-column-reverse {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column-reverse !important;
	}

	.vl-column-resize {
		width: 100% !important;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.vl-column-resize .vl-column-oversized-left {
		margin-left: 0;
		margin-right: auto;
		width: 90% !important;
	}

	.vl-column-resize .vl-column-oversized-right {
		margin-left: auto;
		margin-right: 0;
		width: 90% !important;
	}

	.vl-column-resize .et_pb_column.vl-column-normal-size {
		width: 80% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-bottom: 30px !important;
	}

	.vl-column-resize .et_pb_column.vl-column-fullwidth {
		width: 100% !important;
	}

	.vl-column-flex .vl-align-content-center {
		width: 80% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 30px !important;
	}

	.vl-double-column {
		min-height: 500px !important;
	}

}

@media only screen and (max-width: 768px) {

	.vl-column-mobile-stick-side {
		width: 90vw !important;
		padding-top: 20px;
	}

}


/* || Transformations */

/* CSS for the icons to jump up */
@keyframes jump {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-5px);
	}

	100% {
		transform: translateY(0);
	}
}


/* || Menu styles */

/* Set Page and Header Position */
#page-container,
#main-header {
	left: 0px !important;
}

#main-header {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100%;
	z-index: 10;
	background: transparent !important;
	box-shadow: none !important;
}

#page-container {
	padding-top: 0 !important;
}

#et-main-area {
	position: relative;
	z-index: 1;
}

.et_toggle_slide_menu:before,
.et_toggle_slide_menu:after {
	-webkit-transition: all .2s;
	transition: all .2s;
	margin: auto;
}


/* Sticky Menu Icon */
body.admin-bar.et_fixed_nav #main-header {
	top: 32px !important;
}

.et_fixed_nav #main-header {
	position: fixed !important;
}

#main-header.et-fixed-header .et_menu_container #et-top-navigation .et_pb_header_toggle::before,
#main-header.et-fixed-header .et_menu_container #et-top-navigation .et_pb_header_toggle::after {
	background-color: #E6E1DD;
}

#main-header.et-fixed-header .et_menu_container #et-top-navigation .et_pb_header_toggle::before,
#main-header.et-fixed-header .et_menu_container #et-top-navigation .et_pb_header_toggle::after {
	border-radius: 65% 65% 80% 80%;
	padding-top: 2.5px !important;
	padding-right: 6px !important;
	padding-bottom: 5px !important;
	padding-left: 6px !important;
}

#main-header.et-fixed-header .et_menu_container .logo_container {
	display: none;
}

#main-header.et-fixed-header {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;


}


/* Style Menu Container */
#mobile_menu_slide {
	min-height: calc(100% - 40px);
	padding-bottom: 100px !important;
}

.et_slide_in_menu_container {
	transition: left 0.5s;
}

/* Style Menu Logo */
.vl-menu-logo a img {
	max-height: 48px;
	margin-bottom: 20px;
}

/* Style Menu Text */
.et_mobile_menu li a {
	font-weight: 300 !important;
	/* Light */
	text-transform: uppercase;
	opacity: 1 !important;
}

/* Style Social Icons */
.vl-menu-icon-container {
	display: block !important;
	position: absolute !important;
	bottom: 40px;
}

.vl-menu-icon-container a {
	display: none !important;
}

.vl-menu-icon-container .sub-menu {
	display: flex !important;
}

.vl-menu-icon-container .sub-menu li {
	opacity: 1 !important;
}

.vl-menu-icon-container .sub-menu li a {
	display: block !important;
}

.vl-menu-icon-container .sub-menu li:first-of-type {
	margin-left: 0px;
}

.vl-menu-icon {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0px;
	padding-left: 0px !important;
	margin-right: 10px !important;
	transition: transform 0.3s ease-in-out;
	animation-delay: 2s;
}

.et_pb_slide_menu_opened .vl-menu-icon {
	animation: jump 0.5s;
}

.vl-menu-icon a {
	font-size: 0 !important;
	background-color: #CBBEB1;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: block;
	float: left;
}

.vl-menu-icon a:hover {
	background-color: rgba(203, 190, 177, 0.8) !important;
}

.vl-menu-instagram a:after {
	content: '\e09a';
	font-family: 'ETmodules';
	font-size: 20px;
	color: white;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	top: 0px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.vl-menu-linkedin a:after {
	content: '\e09d';
	font-family: 'ETmodules';
	font-size: 20px;
	color: white;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	top: 0px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.vl-menu-youtube a:after {
	content: '\e0a3';
	font-family: 'ETmodules';
	font-size: 20px;
	color: white;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	top: 0px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

/* Style Page Overlay */
.et_pb_slide_menu_active #main-header::after,
.et_pb_slide_menu_active #et-main-area::after {
	content: '';
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	transition: background-color 0.3s ease;
	background-color: rgba(0, 0, 0, 0.3);
	cursor: pointer;
}


/* || Footer Menu Styles */

.vl-footer-menu {
	height: 100% !important;
	display: flex;
}

.vl-footer-menu .widget_nav_menu {
	width: 80% !important;
	float: right;
	margin: auto 0px auto auto !important;
}

.vl-footer-menu ul {
	float: right;
	column-count: 2;
	column-gap: 50px;
}

@media only screen and (max-width: 980px) {

	.vl-footer-menu .widget_nav_menu {
		float: none;
		margin: auto !important;
	}

	.vl-footer-menu ul {
		float: none;
		column-count: 1;
	}

	.vl-footer-menu ul li {
		text-align: center;
	}

}


/* || Second Footer Menu Styles */

.vl-second-footer-menu .widget_nav_menu {
	width: 100% !important;
}

.vl-second-footer-menu ul {
	display: flex;
}

.vl-second-footer-menu li:nth-child(1) {
	padding-left: 0px;
}

.vl-second-footer-menu li:not(:last-child)::after {
	content: "|";
	margin: 0 10px;
	color: #000;
}

@media only screen and (max-width: 980px) {

	.vl-second-footer-menu {
		margin-bottom: 0px;
	}

	.vl-second-footer-menu ul {
		flex-direction: column;
	}

	.vl-second-footer-menu ul li {
		text-align: center;
	}

	.vl-second-footer-menu ul li::after {
		content: "" !important;
	}

}


/* || Header Secondary */

.vl-header-secondary {
	padding-top: 0px !important;
	height: 680px;
}

.vl-header-secondary-background-border::after {
	content: '' !important;
	position: absolute;
	bottom: 0;
	right: 25%;
	width: 75%;
	height: 100%;
	background: #f2f2f2;
	border-bottom-right-radius: 150px !important;
}

.vl-header-secondary .et_pb_row {
	display: flex;
	padding-top: 0px;
	height: 100%;
}

.vl-header-secondary .et_pb_columns {
	padding-top: 0px;
}

.vl-header-secondary .et_pb_column:first-child {
	padding-top: 80px;
}

.vl-header-secondary .et_pb_column:nth-child(2) .et_pb_image {
	min-width: 60vw !important;
	height: 100% !important;
}

.vl-header-secondary .et_pb_column:nth-child(2) .et_pb_image .et_pb_image_wrap {
	height: 100%;
	width: 100%;
}


.vl-header-secondary .et_pb_column:nth-child(2) .et_pb_image .et_pb_image_wrap img {
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 980px) {

	.vl-header-secondary {
		height: auto;
	}

	.vl-header-secondary-background-border::after {
		width: 100%;
		right: 0;
		border-bottom-right-radius: 0px;
	}

	.vl-header-secondary .et_pb_row {
		flex-direction: column-reverse;
	}

	.vl-header-secondary .et_pb_column:first-child {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
	}

	.vl-header-secondary .et_pb_column:first-child>.et_pb_module:first-child {
		width: 100%;
	}

	.vl-header-secondary .et_pb_column:first-child>.et_pb_module:nth-child(2) {
		width: 80%;
		margin: 0;
	}

	.vl-header-secondary .et_pb_column:first-child>.et_pb_module:nth-child(3) {
		width: 20%;
		margin: 0;
		text-align: right;
	}

	.vl-header-secondary .et_pb_column:nth-child(2) {
		display: block !important;
		width: 90vw !important;
		margin-bottom: 40px !important;
	}

	.vl-header-secondary .et_pb_column:nth-child(2) .et_pb_image_wrap {
		height: 500px !important;
	}

}

@media only screen and (max-width: 768px) {

	.vl-header-secondary .et_pb_column:first-child>.et_pb_module:nth-child(2) {
		width: 100%;
		margin-bottom: 30px;
	}

	.vl-header-secondary .et_pb_column:first-child>.et_pb_module:nth-child(3) {
		width: 100%;
		text-align: left;
	}

}


/* || Image Carousel */

/* Set size */
.vl-image-carousel {
	width: 100%;
}

.vl-image-carousel .slick-slide .dtq-figure {
	height: 345.08px;
}

.vl-image-carousel .slick-slide .dtq-figure img {
	height: 100% !important;
	object-fit: cover !important;
}

/* Set padding */
.vl-image-carousel .dtq-image-carousel .slick-list .slick-track {
	padding-top: 0px !important;
	padding-bottom: 20px !important;
}

/* Style slick-dots */
.vl-image-carousel .slick-dots {
	width: 100%;
}

.vl-image-carousel .slick-dots li {
	min-width: calc(100%/5);
}

.vl-image-carousel .slick-dots button {
	min-width: 100%;
}


/* || Services Menu Mobile */

/* Set border */
.vl-services-menu .menu-item {
	border-bottom: 1px solid #757E76;
}

.vl-services-menu .menu-item:last-child {
	border-bottom: none;
}


/* || Portfolio preview with Filters */

.vl-portfolio-preview-with-filters .et_pb_portfolio_filters {
	display: flex;
	justify-content: center;
	text-transform: uppercase;
}

.vl-portfolio-preview-with-filters .et_pb_portfolio_filters li a {
	border: none !important;
	background-color: transparent !important;
}

.vl-portfolio-preview-with-filters .et_pb_portfolio_filters li a.active {
	background-color: transparent !important;
	color: #C8A16B !important
}

.vl-portfolio-preview-with-filters .et_pb_portfolio_item {
	padding-bottom: 20px;
	margin: 0px;
}

.vl-portfolio-preview-with-filters .et_pb_portfolio_item .et_pb_module_header {
	padding-bottom: 0;
}

.vl-portfolio-preview-with-filters .et_portfolio_image {
  padding-top: 133.33%;
  display: block;
  overflow: hidden;
}
.vl-portfolio-preview-with-filters .et_portfolio_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}


@media only screen and (max-width: 768px) {

	.vl-portfolio-preview-with-filters .et_pb_portfolio_filters {
		display: none;
	}

	.vl-portfolio-preview-with-filters .et_pb_portfolio_item {
		padding-bottom: 0px;
	}

	.vl-portfolio-preview-with-filters .et_pb_portfolio_item img {
		height: 180px;
	}

}


/* || Portfolio preview */

.vl-portfolio-preview .et_pb_ajax_pagination_container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: minmax(0, auto);
	grid-gap: 20px;
}

.vl-portfolio-preview .et_pb_portfolio_item {
	grid-column: span 1;
	break-inside: avoid;
	min-height: 240px !important;
}

.vl-portfolio-preview .et_pb_portfolio_item .et_portfolio_image {
	overflow: hidden;
}

.vl-portfolio-preview .et_pb_portfolio_item .et_portfolio_image img {
	height: 240px !important;
	width: 100% !important;
	object-fit: cover;
} 

@media only screen and (max-width: 768px) {
	.vl-portfolio-preview .et_pb_portfolio_item .et_portfolio_image img {
		height: 180px !important;
	} 
}


/* || Portfolio Overview */

.vl-portfolio-overview .et_pb_portfolio_filters {
	display: flex;
	justify-content: center;
}

.vl-portfolio-overview .et_pb_portfolio_filters li a {
	border: none !important;
	background-color: transparent !important;
}

.vl-portfolio-overview .et_pb_portfolio_filters li a.active {
	background-color: transparent;
	color: #C8A16B !important
}

.vl-portfolio-overview .et_pb_portfolio_item {
	padding-bottom: 20px;
}

.vl-portfolio-overview .et_pb_portfolio_item .et_portfolio_image {
	overflow: hidden;
}

.vl-portfolio-overview .et_pb_portfolio_item .et_portfolio_image img {
	height: 300px;
	width: 100%;
	object-fit: cover;
}

.vl-portfolio-overview .et_pb_portofolio_pagination li .active {
	color: #FE7601 !important;
}

.vl-portfolio-overview .et_pb_portofolio_pagination li a {
	color: #262223 !important;
}

/* Change Column Count */
@media only screen and (min-width: 981px) {
	.vl-portfolio-overview .et_pb_portfolio_items_wrapper {
		column-count: 2;
		column-gap: 4%;
	}
}

.vl-portfolio-overview .et_pb_portfolio_items_wrapper .et_pb_portfolio_item {
	-webkit-column-break-inside: avoid;
	/* Chrome, Safari, Opera */
	page-break-inside: avoid;
	/* Firefox */
	break-inside: avoid;
	/* IE 10+ */
}



/* || Fullwidth Portfolio (Tablet and Mobile) */

.vl-fullwidth-portfolio {
	padding-top: 20px;
	padding-bottom: 50px;
}

.vl-fullwidth-portfolio .et_pb_portfolio_items {
	overflow: unset;
}

.vl-fullwidth-portfolio .et_pb_portfolio_item .et_pb_portfolio_image {
	overflow: unset;
}

.vl-fullwidth-portfolio .et_pb_portfolio_item .et_pb_portfolio_image img {
	object-fit: cover;
}

.vl-fullwidth-portfolio .et_pb_portfolio_item .et_pb_portfolio_image .meta {
	z-index: 3;
	opacity: 1;
}

.vl-fullwidth-portfolio .et_pb_portfolio_item .et_pb_portfolio_image .meta .et_pb_module_header {
	display: block;
	opacity: 1;
	position: absolute;
	bottom: -50px;
	margin-top: 0 !important;
	padding: 0;
}

.vl-fullwidth-portfolio .et-pb-slider-arrows .et-pb-arrow-prev:before,
.vl-fullwidth-portfolio .et-pb-slider-arrows .et-pb-arrow-next:before {
	font-size: 30px;
	color: white !important;
}

@media only screen and (min-width: 768px) and (max-width: 981px) {

	.vl-fullwidth-portfolio .et_pb_portfolio_item {
		padding-left: 10px;
		padding-right: 10px;
	}

	.vl-fullwidth-portfolio .et_pb_portfolio_item .et_pb_portfolio_image .meta .et_pb_module_header {
		bottom: -40px;
	}

	.vl-fullwidth-portfolio .et-pb-arrow-prev {
		left: 10px !important;
	}

	.vl-fullwidth-portfolio .et-pb-arrow-next {
		right: 10px !important;
	}

}

@media only screen and (max-width: 768px) {

	.vl-fullwidth-portfolio .et-pb-arrow-prev {
		left: 0 !important;
	}

	.vl-fullwidth-portfolio .et-pb-arrow-next {
		right: 0 !important;
	}

}


/* || Archive Portfolio Overview */

.vl-archive-portfolio-overview .et_pb_portfolio_item {
	padding-bottom: 20px;
}

.vl-archive-portfolio-overview .et_pb_portfolio_item .et_portfolio_image {
	overflow: hidden;
}

.vl-archive-portfolio-overview .et_pb_portfolio_item .et_portfolio_image img {
	height: 300px;
	width: 100%;
	object-fit: cover;
}

.vl-archive-portfolio-overview .et_pb_portofolio_pagination li .active {
	color: #FE7601 !important;
}

.vl-archive-portfolio-overview .et_pb_portofolio_pagination li a {
	color: #262223 !important;
}

/* Change Column Count */
@media only screen and (min-width: 981px) {
	.vl-archive-portfolio-overview .et_pb_ajax_pagination_container {
		column-count: 2;
		column-gap: 4%;
	}
}

.vl-archive-portfolio-overview .et_pb_ajax_pagination_container .et_pb_portfolio_item {
	-webkit-column-break-inside: avoid;
	/* Chrome, Safari, Opera */
	page-break-inside: avoid;
	/* Firefox */
	break-inside: avoid;
	/* IE 10+ */
}


/* || Numbered List Styles */

.vl-numbered-list {
	padding: 0;
	margin: 0;
	counter-reset: custom-counter;
}

.vl-numbered-list-start-4 {
	counter-reset: custom-counter 3;
}

.vl-numbered-list ol {
	padding-bottom: 0;
}

.vl-numbered-list ol li {
	list-style: none !important;
	margin-bottom: 20px;
	position: relative;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 80px;
}

.vl-numbered-list ol li::before {
	content: counter(custom-counter);
	counter-increment: custom-counter;
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 120px;
	color: #F2F2F2;
	font-family: 'Playfair Display', Georgia, "Times New Roman", serif;
}

.vl-numbered-list p {
	margin: 0;
}

.vl-numbered-list strong {
	display: block;
	margin-bottom: 5px;
}


/* || Video Style */

.vl-video-style {
	height: 450px;
}

.vl-video-style .et_pb_row {
	padding: 0;
}

.vl-video-style .fluid-width-video-wrapper {
	padding-top: 450px !important;
}

@media only screen and (max-width: 768px) {

	.vl-video-style {
		height: 300px;
	}

	.vl-video-style .fluid-width-video-wrapper {
		padding-top: 300px !important;
	}

}


/* || Review Blurb Style */

@media only screen and (max-width: 768px) {

	.vl_review_blurb_style .et_pb_blurb_content {
		display: flex;
		flex-direction: column;
	}
}


/* || Positionate Services Slider */

.vl-positionate-services-slider {
	display: flex;
	flex-direction: column;
}

.vl-positionate-services-slider .et_pb_text {
	flex-grow: 2;
	display: flex;
	margin-bottom: 0 !important;
	align-items: flex-end;
}


/* || Services Slider */

.vl-services-slider {
	overflow: unset !important;
	display: flex;
	flex-direction: column;
	flex-grow: 3;
}

.vl-services-slider .et_pb_slides {
	flex-grow: 4;
}

.vl-services-slider .et_pb_slide {
	padding: 0;
}

.vl-services-slider .et_pb_slide .et_pb_slide_description {
	height: 100%;
	text-shadow: none;
}

.vl-services-slider .et-pb-slider-arrows {
	flex-grow: 1;
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: flex-end;
	height: 50px;
	padding-top: 20px;
}

.vl-services-slider .et-pb-slider-arrows .et-pb-arrow-prev:before,
.vl-services-slider .et-pb-slider-arrows .et-pb-arrow-next:before {
	font-size: 30px;
	color: black !important;
}

.vl-services-slider .et-pb-slider-arrows .et-pb-arrow-prev {
	position: relative;
	width: 30px;
	height: 30px;
	display: block;
	margin-right: 50px;
	opacity: 1;
	left: 30px !important;
}

.vl-services-slider .et-pb-slider-arrows .et-pb-arrow-next {
	position: relative;
	width: 30px;
	height: 30px;
	display: block;
	opacity: 1;
	right: 30px !important;
}

/* || Contact Form */

.vl-contact-form .et_contact_bottom_container {
	float: left !important;
}


/* || Image Grid */

.image1 {
	grid-area: image1;
}

.image2 {
	grid-area: image2;
}

.image3 {
	grid-area: image3;
}

.image4 {
	grid-area: image4;
}

.image5 {
	grid-area: image5;
}

.image6 {
	grid-area: image6;
}

.vl-image-grid .et_pb_image {
	margin-bottom: 0 !important;
	width: 100%;
	height: 100%;
}

.vl-image-grid .et_pb_image .et_pb_image_wrap {
	width: 100%;
	height: 100%;
}

.vl-image-grid .et_pb_image .et_pb_image_wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Option 1*/
.vl-image-grid.option1 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 350px 350px 350px;
	grid-template-areas:
		"image1 image2 image3"
		"image1 image4 image6"
		"image5 image5 image6";
	grid-gap: 10px;
}

@media only screen and (max-width: 980px) { 
	.vl-image-grid.option1 {
        grid-template-columns: 1fr 1fr; /* Twee kolommen op tablet */
        grid-template-rows: repeat(4, 300px); /* Pas de rijhoogte aan */
        grid-template-areas:
            "image1 image2"
			"image1 image3"
            "image5 image5"
            "image4 image6";
    }
}

@media only screen and (max-width: 768px) {
	.vl-image-grid.option1 {
	    grid-template-columns: 1fr; 
        grid-template-rows: repeat(8, 300px);
        grid-template-areas:
            "image1"
			"image1"
            "image2"
            "image3"
            "image4"
            "image5"
            "image6"
			"image6";
    }
}

/* Option 2*/
.vl-image-grid.option2 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 350px 350px;
	grid-template-areas:
		"image1 image2 image3"
		"image1 image4 image4";
	grid-gap: 10px;
}

@media only screen and (max-width: 980px) { 
	.vl-image-grid.option2 {
        grid-template-columns: 1fr 1fr; /* Twee kolommen op tablet */
        grid-template-rows: repeat(3, 300px); /* Pas de rijhoogte aan */
        grid-template-areas:
            "image1 image2"
			"image1 image3"
            "image4 image4";
    }
}

@media only screen and (max-width: 768px) {
	.vl-image-grid.option2 {
	    grid-template-columns: 1fr; 
        grid-template-rows: repeat(5, 300px);
        grid-template-areas:
            "image1"
			"image1"
            "image2"
            "image3"
            "image4";
    }
}