/* =========================================================================== 
	Algemeen
=========================================================================== */

body {
	--ykema-red:  #e62e24;
	--ykema-blue-d:  #243062;
	--ykema-blue-l:  #73bfe3;
	--ykema-blue-black:  #171e38;
	--ykema-green:  #458234;
	--ykema-brown-d:  #363030;
	--ykema-brown-l:  #e2d8b4;
	--ykema-brown:  #99877b;
}

/*Fix for underline issue in WP 6.6 & Divi*/
:root :where(a:where(:not(.wp-element-button))) {
	text-decoration: none;
}
.flex-vertical {
  align-items: center;
}


/* =========================================================================== 
	Header
=========================================================================== */
.head_wrapper .head_img_row .et_pb_column .head_img_container .et_pb_image_wrap img,
.head_wrapper .head_img_row .et_pb_column .head_img_container .et_pb_image_wrap,
.head_wrapper .head_img_row .et_pb_column .head_img_container,
.head_wrapper .head_img_row .et_pb_column,
.head_wrapper .head_img_row {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  overflow:hidden;
  z-index:  0;
}
.head_wrapper .head_img_row .head_img_container img {
  width:100%;
  height:100%;
  object-fit:cover
}

/* MENU */
#menuContainer {
	transition:  box-shadow 0.3s ease;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
#menuContainer.et_pb_sticky {
	box-shadow: 0px 2px 10px -1px rgba(0,0,0,0.3);
}

.wideMenu .et_pb_menu__menu,
.wideMenu .et_pb_menu__menu>nav>ul,
.wideMenu .et_pb_menu__menu .et-menu-nav {
  width: 100%
}
.wideMenu li.margin-left-auto {
  margin-left:auto!important
}

/*et_pb_row et_pb_row_1_tb_header et_pb_sticky_module et_pb_row--with-menu*/
/*et_pb_row et_pb_row_1_tb_header et_pb_sticky_module et_pb_row--with-menu et_pb_sticky et_pb_sticky--top*/

/* =========================================================================== 
	Footer
=========================================================================== */
body footer .et_pb_module.et_pb_widget_area .et_pb_widget.et_pb_widget {
	width: 100%;
	margin-right: 0;
}
/* =========================================================================== 
	Content
=========================================================================== */

#main-content .entry-content .et_builder_inner_content  .et_pb_section:not(.et_pb_with_background ):first-child {
	padding-top: 0px;
}

#mainContentModule table:not(.variations) {
  border:1px solid #eee;
  margin:0 0 15px;
  text-align:left;
  width:100%
}
#mainContentModule thead th,
#mainContentModule tr th {
  color:#555;
  font-weight:700;
  padding:9px 24px
}
#mainContentModule tr td {
  border-top:1px solid #eee;
  padding:6px 24px
}

	@media(max-width: 593px){
		table.contentTable, table.contentTable thead, table.contentTable tbody, table.contentTable th, table.contentTable td, table.contentTable tr {
			/*display: block;*/
			height: auto !important;
			width: 100% !important;
		}
		table.contentTable tr {}
		table.contentTable th,td {
			text-align: left;
		}
		table.contentTable th {
			display: none;
		}
		table.contentTable td {}
		table.contentTable td:not(:empty)[data-label]:before {
			content: attr(data-label)':';
			display: inline-block;
			min-width: 150px;
			max-width: 100%;
			margin-right: 5px;
			font-weight: bold;
		}
	}
	@media screen and (max-width: 782px) {
		#main-content .et_pb_module.et_pb_text  table {
			display: block;
			height: auto !important;
			overflow-x: auto;
			white-space: nowrap;
		}


	}
/* =========================================================================== 
	Tommyboeking
=========================================================================== */
body .tbs-col-xs-12.tbs-text-right {
	padding-bottom: 10px;
}
body .tbs-btn-info {
	background-color: #065580;
	border-color: #065580;
}
body .tbs-btn-success {
	background-color: #008a43;
	border-color: #008a43;
}

/* =========================================================================== 
	Shortcode:  pagefeat;
=========================================================================== */
.pagefeatureContainer {
	--min-col-size:  300px;
	display: grid;
	gap:  2rem;
	grid-template-columns: repeat(auto-fit, minmax(min(var(--min-col-size),100%), 1fr) );
	width: 100%;
}
.pagefeatureContainer .item {
/*	width: 100%;
	max-width: 500px;
	margin: auto;*/
	background-color: #fff;
	border: 2px solid var(--ykema-brown-l);
}
.pagefeatureContainer .item .img {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 40%;
	background-size: cover;
	background-position: center;
}
.pagefeatureContainer .item .img a {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.pagefeatureContainer .item .info {
	padding: 20px 30px;
}
.pagefeatureContainer .item .info .title {
	font-size: 1.7em;
	text-transform: uppercase;
	color: var(--ykema-blue-d);
}
.pagefeatureContainer .item .info .exerpt {
	margin-bottom: 15px;
}
body .pagefeatureContainer .item .info a.et_pb_button.meerInfo {
	--button-color:  var(--ykema-blue-l);
	background-color: var(--button-color);
	border-color: var(--button-color);
}
	body .pagefeatureContainer .item .info a.et_pb_button.meerInfo:hover { 
		color: var(--button-color) !important;  
		background-color:#fff;
		border-color: var(--button-color) !important; 
	}

/* =========================================================================== 
	Shortcode:  Divi gallery custom;
=========================================================================== */
body .zdGallery.et_pb_gallery_grid {

}
body .acf_acc_images.et_pb_gallery_grid .et_pb_gallery_items,
body .zdGallery.et_pb_gallery_grid .et_pb_gallery_items {
	--min-col-size:  160px;
	display: grid;
	gap:  1.5rem;
	grid-template-columns: repeat(auto-fit, minmax(min(var(--min-col-size),100%), 1fr) );
	width: 100%;
}
body .acf_acc_images.et_pb_gallery_grid .et_pb_gallery_items {
	--min-col-size:  210px;
}
body .acf_acc_images.et_pb_gallery_grid .et_pb_gallery_items .et_pb_gallery_item,
body .zdGallery.et_pb_gallery_grid .et_pb_gallery_items .et_pb_gallery_item {
	margin: 0px;
	width: 100%;
}

	/* Media Queries - Divi: 
	================================================== */
	@media all and (max-width: 768px) {
		body .acf_acc_images.et_pb_gallery_grid .et_pb_gallery_items,
		body .zdGallery.et_pb_gallery_grid .et_pb_gallery_items {
			--min-col-size:  160px;
		}
	}