/*
Theme Name: Divi Child Theme
Theme URI: https://divi-theme.nl
Description: Child theme for the Divi Theme
Author: Karen Nijst
Author URI: https://kahlowebsites.nl
Template: Divi
Version: 1.3
*/
/* verbergen recaptcha v3 */
.grecaptcha-badge
{visibility: hidden; 
display:none !important;
	}

/* =============== */
/* Language toggles */
/* =============== */

/* Standaard (NL): toon EN vlag, verberg NL vlag */
.menu-item-ENG { display: inline-block; }
.menu-item-NL  { display: none; }

/* Op Engelse pagina: toon NL vlag, verberg EN vlag */
.page-id-34197 .menu-item-ENG { display: none; }
.page-id-34197 .menu-item-NL  { display: inline-block; }

/* Vlag-styling (werkt in hoofdmenu, secundair menu én mobiel) */
.menu-item-ENG > a,
.menu-item-NL  > a {
	display: inline-block !important;
	width: 38px;
	height: 25px;
	padding: 0 !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px !important;       /* verbergt de tekst */
	overflow: hidden;
	vertical-align: middle;
	color: transparent !important; /* extra slot */
	font-size: 0 !important;       /* extra slot: zelfs als text-indent ergens faalt */
}

/* Afbeeldingen */
.menu-item-ENG > a {
	background-image: url('https://portincvaneyck.nl/wp-content/uploads/2025/12/EngelseVlag.jpg') !important;
}

.menu-item-NL > a {
	background-image: url('https://portincvaneyck.nl/wp-content/uploads/2025/12/NederlandseVlag.jpg') !important;
}

/* Spatiëring in desktop menus (pas gerust aan) */
#top-menu .menu-item-ENG > a,
#top-menu .menu-item-NL  > a,
#et-secondary-menu .menu-item-ENG > a,
#et-secondary-menu .menu-item-NL  > a {
	margin-left: 12px;
}

/* In fixed header minder “hoogte” gedoe */
.et-fixed-header #top-menu .menu-item-ENG > a,
.et-fixed-header #top-menu .menu-item-NL  > a {
	margin-top: 0 !important;
}

/* In mobiel menu: geen rare margin */
.et_mobile_menu .menu-item-ENG > a,
.et_mobile_menu .menu-item-NL  > a {
	margin: 0 !important;
}



/* zcool-xiaowei-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'ZCOOL XiaoWei';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/zcool-xiaowei-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-display-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/playfair-display-v39-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/playfair-display-v39-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/playfair-display-v39-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/playfair-display-v39-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/josefin-sans-v33-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/josefin-sans-v33-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ---------------------------
   Lokaal gehoste Raleway font-varianten
------------------------------ */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/raleway-v36-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/raleway-v36-latin-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/raleway-v36-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/raleway-v36-latin-500italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./fonts/raleway-v36-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./fonts/raleway-v36-latin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('./fonts/raleway-v36-latin-700italic.woff2') format('woff2');
}

/* Toepassen op headings */

h1, h2{
  font-family: 'Playfair Display', Georgia, "Times New Roman", serif !important;
  font-weight: 700!important;
}



/* ---------------------------
   Corps (body) standaard instellen
------------------------------ */
body, p, li, span, td, th, input, textarea, select, .et_pb_text, .et_pb_module {
  font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 500 !important;
  font-style: normal !important;
}
button, h3, h4, h5, h6, .et_pb_toggle_title, .entry-content a {
  font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 600 !important;
  font-style: normal !important;
}
strong
{
	  font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700 !important;
	color:#512A0A;
}

#bannerBovenaan h1 {
  font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
}


#top-header .et-social-icons {
    float: right!important; 
    display: inline-block;
}
 #et-secondary-nav li a{
    font-size: 15px !important;
}
/* MENU */
#et-top-navigation li {
font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
}

#top-menu li.menu-home-icon a {
  font-size: 2.5em!important;         /* maak het groter */
  display: inline-block;
	margin-top:-20px; 
}

#main-header, 
.et_menu_container {
    border-bottom: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}
/* opmaak link */
.et_pb_text_inner a,
#pageBuilder a{
  text-decoration: underline dotted !important;
  transition: color 0.2s ease;
}



/*breedte top, content en footer ================================================================== */ 
.container.et_menu_container { /* secondair menu, blok met logo en navigatie bovenaan in #main-header */
  width: 92%;
  max-width: 1440px; /* kijk ook naar de breedte in Weergave-Customiuzer, maar beter is het gewooon hier vast te leggen */
  margin: auto;
  position: relative; }

.et_secondary_nav_enabled #page-container #top-header {

background-image: url(data:image/svg+xml;base64,PHN2ZyAgZmlsbD0icmdiYSg1OCwzNywyNSwwLjczKSIgaGVpZ2h0PSIxODBweCIgd2lkdGg9IjE4MHB4IiB2aWV3Qm94PSIwIDAgMTgwIDE4MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCwyMS42OGE1MCw1MCwwLDAsMCwzOS43NywyOEE0MC4xLDQwLjEsMCwwLDEsMCw4NS4wNVY5NWE0MC4xLDQwLjEsMCwwLDEsMzkuNzcsMzUuMzdBNTAsNTAsMCwwLDAsMCwxNTguMzJWMTgwSDVhNDAuMDksNDAuMDksMCwwLDEsMzUuMzctMzkuNzYsNTAuMDgsNTAuMDgsMCwwLDAsMjgsMzkuNzZoNDMuMzZhNTAuMDgsNTAuMDgsMCwwLDAsMjgtMzkuNzZBNDAuMDksNDAuMDksMCwwLDEsMTc1LjA1LDE4MEgxODBWMTU4LjMyYTUwLDUwLDAsMCwwLTM5Ljc3LTI4QTQwLjEsNDAuMSwwLDAsMSwxODAsOTV2LTkuOWE0MC4xLDQwLjEsMCwwLDEtMzkuNzctMzUuMzcsNTAsNTAsMCwwLDAsMzkuNzctMjhWMGgtNC45NWE0MC4wOSw0MC4wOSwwLDAsMS0zNS4zNywzOS43NkE1MC4wOCw1MC4wOCwwLDAsMCwxMTEuNjUsMEg2OC4zNWE1MC4wOCw1MC4wOCwwLDAsMC0yOCwzOS43NkE0MC4wOSw0MC4wOSwwLDAsMSw1LDBIMFpNOTAsMTc1LjA1YTQwLjEsNDAuMSwwLDAsMS0zOS43Ny0zNS4zNyw1MCw1MCwwLDAsMCwzOS43Ny0yOCw1MCw1MCwwLDAsMCwzOS43NywyOEE0MC4xLDQwLjEsMCwwLDEsOTAsMTc1LjA1Wk0xNTguMzIsOTBhNTAuMDgsNTAuMDgsMCwwLDAtMjgsMzkuNzYsNDAsNDAsMCwwLDEsMC03OS41MkE1MC4wOCw1MC4wOCwwLDAsMCwxNTguMzIsOTBaTTkwLDVhNDAuMSw0MC4xLDAsMCwxLDM5Ljc3LDM1LjM3QTUwLDUwLDAsMCwwLDkwLDY4LjMyYTUwLDUwLDAsMCwwLTM5Ljc3LTI4QTQwLjEsNDAuMSwwLDAsMSw5MCw1Wk00OS42OCw1MC4yNGE0MCw0MCwwLDAsMSwwLDc5LjUyQTUwLjA4LDUwLjA4LDAsMCwwLDIxLjY4LDkwLDUwLjA4LDUwLjA4LDAsMCwwLDQ5LjY4LDUwLjI0WiIvPjwvc3ZnPg==);
    background-size: 24px auto;
}


 
#top-header .container,
.et_search_outer .container,
#main-content .container,
#main-footer .container{
    width: 98%;
    max-width: 1440px;
    margin: auto;
    position: relative;
}
#main-header .nav li ul,
#main-header .et_mobile_menu{
    background-color: #FFFFFF!important;
}

body.category-1 #Laatste_berichtenKolom1 #post-1964,
body.category-1 #Laatste_berichtenKolom1 #post-66,
body.category-1 #Laatste_berichtenKolom1 #post-38 {
  display: none !important;
}

.et_boxed_layout #page-container,
.et_boxed_layout #page-container .container,
.et_fixed_nav.et_boxed_layout #page-container #main-header
{
    width: 100%;
    max-width: 1400px;
    margin: auto;
}
#et-top-navigation {
    float: right;
    margin-right: 18px;
}

.telefoonnummer {
    color: white;
}
.et_pb_text ul {
    padding-top: 1em;
}
.page.et_pb_pagebuilder_layout #main-content {
    background-color: transparent;
    max-width: 1700px;
    margin: 0 auto;
}
/*WPForms */
/* contactform */


.wpforms-container
 {
	 margin: -30px auto 0px auto!important;
}

#wpforms-form-497 input.text, 
#wpforms-form-497 input.title, 
#wpforms-form-497 input[type=email], 
#wpforms-form-497 input[type=password], 
#wpforms-form-497 input[type=tel], 
#wpforms-form-497 input[type=text], 
#wpforms-form-497 select, 
#wpforms-form-497 textarea {
    background-color: #fff;
    border: 2px solid #8f6d3d !important;
    color: #242121 !important;
}
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #faf6f5;
    border: 1px solid #C3D0DC; 
    box-sizing: border-box;
}
/* Voor alle placeholders op de site */
#wpforms-form-497 ::placeholder {
  color: #666666; /* Donkergrijs – pas aan naar wens */
  opacity: 1;     /* Zorgt dat het niet semi-transparant is */
}

/* Voor oudere browsers (Edge, Firefox) */
#wpforms-form-497 ::-webkit-input-placeholder {
  color: #666666;
  opacity: 1;
}
#wpforms-form-497 :-moz-placeholder {
  color: #666666;
  opacity: 1;
}
#wpforms-form-497 ::-moz-placeholder {
  color: #666666;
  opacity: 1;
}
#wpforms-form-497 :-ms-input-placeholder {
  color: #666666;
  opacity: 1;
}
/* Simpele styling voor WPForms checkboxes */

#wpforms-497-field_6 input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 3px solid #8f6d3d;
    accent-color: #8f6d3d; /* Voor moderne browsers */
    margin-right: 10px;
    cursor: pointer;
}

#wpforms-497-field_6 label.wpforms-field-label-inline {
    color: #242121;
    font-size: 17px;
    cursor: pointer;
}
#wpforms-submit-497{
  font-size: 1.2em!important;
	background-color: #704214;
	border-radius: 15px; 
}

#wpforms-submit-34212{
  font-size: 1em!important;
	background-color: #704214;
	border-radius: 15px; 
}

/* contact */
.et_pb_contact p input[type=checkbox]+label i, .et_pb_contact p input[type=radio]+label i, .et_pb_subscribe .et_pb_contact_field input[type=checkbox]+label i, .et_pb_subscribe .et_pb_contact_field input[type=radio]+label i {
    content: "";
    width: 24px;
    height: 24px;
    margin-right: 6px;
}

.et_pb_contact_field_options_list {
  display: flex;
  flex-wrap: wrap; /* Allow childrens to be on next row(s) */
}

.et_pb_contact_field_checkbox {
  display: flex;
  align-items: center; /* Vertical centering of childrens inside */
  flex-basis: 32%; /* Gives 33.33% width (you can think of this as width property) */
  box-sizing: border-box; /* Thanks to that you can use padding without increasing it's width */
  padding-right: 15px;
  margin-bottom: 15px;
}
.wp-caption {
    border: 0px solid #ddd;
    text-align: center;
    background-color: #f9f6f1;
    margin-bottom: 10px;
    max-width: 96%;
    padding: 8px;
}
.wp-caption img {
	border-radius: 15px;
}
.wp-caption p.wp-caption-text {
    font-size: 14px;
}

#pageBuilder ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
	overflow: hidden; /* voorkomt dat pseudo-elementen buiten kolom steken */
}

#pageBuilder ul li {
  position: relative;
  padding-left: 1.8em; /* kleiner inspringen dan eerst */
  margin-bottom: 0.2em;
  line-height: 1.5;
  overflow-wrap: anywhere; /* voorkomt overloop */
}

#pageBuilder ul li::before {
  content: "✔";
  color: #916d3d;
  font-weight: bold;
  position: absolute;
  left: 0.2em; /* iets naar binnen */
  top: 0.1em;
}
/* uitsluiten vinkjes in WP contactformulier: */
#pageBuilder ul.wpforms-field-required li::before,
#pageBuilder ul[class*="wpforms-"] li::before {
    content: none !important;
}
#pageBuilder ul.wpforms-field-required li {
     left: -1.3em; /* iets naar binnen */
}

#pageBuilder img.alignleft {
  border-radius: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  margin-right: 1.5em;
  margin-bottom: 1em;
  max-width: 100%;
  height: auto;
  border: 5px solid #f4f1ed; /* zachte rand in lijn met je achtergrondtint */
}
#pageBuilder img.alignright {
  border-radius: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  margin-left: 1.5em;
  margin-bottom: 1em;
  max-width: 100%;
  height: auto;
  border: 5px solid #f4f1ed; /* zachte rand in lijn met je achtergrondtint */
}

/*vergroting module afbeelding kruisje duidelijker 0.8 */
.mfp-image-holder .mfp-close {
    font-size: 64px;
    font-family: Open Sans, Arial, sans-serif;
    font-weight: 200;
    top: -10px;
    opacity: .9!important;
}

/* Algemene stijl voor de tarieven-tabel */
.tarieven-lijst {
  display: flex;
  flex-direction: column;
  gap: 1.5em;

  font-size: 1rem;
  color: #3d3226;
	margin-bottom: 30px; 
}

.tarief-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #ddd0c2;
  padding-bottom: 0.8em;
}

.omschrijving {
  flex: 1;
  max-width: 70%;
  line-height: 1.5;
}

.prijs {
  white-space: nowrap;
  font-weight: bold;
  color: #5b4222;
  text-align: right;
  padding-left: 1em;
}

.omschrijving a {
  color: #5b4222;
  text-decoration: underline dotted;
  transition: color 0.2s ease;
}

.omschrijving a:hover {
  color: #2e1f12;
}



@media (min-width: 1025px){
	#top-header { /*nodig voor logo -bovenste laag*/
    z-index: 100;
   
}
#logo img{
    height: 120px !important;
	width: auto !important;
	 margin-top:-40px;
	 margin-left:0%; 
}
}


@media (max-width: 1024px){
#logo img {
    height: 100px !important;
	width: auto !important;
	 margin-top:-30px;
	 margin-left:0%; 
}
.et_pb_module.et_pb_text_align_center-tablet ul {
    list-style-type: circle; /* Kies een stijl voor opsommingstekens */
    padding-left: 0; /* Verwijder standaard padding */
    text-align: center; /* Centreer de tekst in de ul */
}

.et_pb_module.et_pb_text_align_center-tablet ul li {
    display: inline-block; /* Zorgt ervoor dat lijstitems naast elkaar staan */
    margin-right: 20px; /* Afstand tussen items */
}

.et_pb_module.et_pb_text_align_center-tablet ul li::before {
    content: '•'; /* Aangepast opsommingsteken */
    color: red; /* Kleur van het opsommingsteken */
    padding-right: 10px; /* Afstand tussen opsommingsteken en tekst */
}
 
}
@media only screen and (min-width:981px)
{

/* Set the "shrunken" logo height to 100px */
.et-fixed-header #logo img { 
	width: 90px !important;
	height: 90px !important;
 margin-top:-30px;}
	}
@media only screen and (max-width:980px)
{
.menu-item-NL,
.home .menu-item-ENG{
    display: inline-block !important;
    margin-left: 4.5% !important;
}
}
/* Op smalle schermen: float opheffen en 100% breed */
@media screen and (max-width: 767px) {
  img.alignleft,
  img.alignright,
  .wp-caption.alignleft,
  .wp-caption.alignright {
    float: none;
    display: block;
    margin: 0 auto 1em;
    max-width: 100%;
    width: 100% !important;
  }

 .tarief-item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.5em 1em;
    align-items: start;
    padding-bottom: 1em;
  }

  .tarief-item .omschrijving,
  .tarief-item .prijs {
    display: block;
    margin: 0;
  }

  .tarief-item .prijs {
    text-align: right;
    white-space: nowrap;
    font-weight: bold;
    color: #5b4222;
  }

  .tarief-item .omschrijving {
    color: #3d3226;
  }
	
}
@media (min-width: 600px){

/* blogs volle breedte -blog module .pa-blog-sidebar-list */
/*set the image width*/

.pa-blog-sidebar-list .entry-featured-image-url {
	width: 140px;
	float: left;
	margin-bottom: 0!important;
  margin-top:25px !important;
}


/*set the text width*/

.pa-blog-sidebar-list .entry-title,
.pa-blog-sidebar-list .post-meta,
.pa-blog-sidebar-list .post-content{
	width: calc(100% - 140px);
	float: left;
	padding-left: 20px;
}


/*make the image square*/

.pa-blog-sidebar-list .entry-featured-image-url {
	padding-top: 100px;
	display: block;
}

.pa-blog-sidebar-list .entry-featured-image-url img {
	position: absolute;
	height: 140%;
	width: 100%;
	top: -20px;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}

/*adjust the spacing and add a border between the posts*/
.pa-blog-sidebar-list .et_pb_post {
	border-bottom: 1px solid #dddddd!important;
	padding-bottom: 40px;
	margin-bottom: 40px;
 
}
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
  img.alignleft,
  img.alignright,
  .wp-caption.alignleft,
  .wp-caption.alignright {
    width: 25% !important;
    max-width: 25% !important;
  }


}

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  
	  #main-content
	  {
		  font-size:1.1em;
		  line-height: 1.5em;
	  }
	  .et_full_width_page .et_pb_post .entry-content {
    padding-left: 8%;
    padding-right: 8%;
}
}


/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  .page-id-2 .et_parallax_bg.et_pb_parallax_css {
    width: 100%;
    background-size: auto !important;
    background-position: 50% 0px;
    z-index: 0;
    position: absolute;
}
}


/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  .page-id-2 .et_parallax_bg.et_pb_parallax_css {
    width: 100%;
    background-size: auto !important;
    background-position: 50% 0px;
    z-index: 0;
    position: absolute;
}
}

/* mobiel menu */
#mobile_menu li.menu-home-icon a {
  font-size: 2em!important;         /* maak het groter */
  display: inline-block;
	margin-top:-20px; 
}


/*change hamburger icon to x when mobile menu is open*/
.et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom: 18px; /* Afstand aan de onderkant */
    width: 50px; /* Breedte van het icoon */
    height: 50px; /* Hoogte van het icoon */
    border-radius: 50%; /* Maakt de achtergrond rond */
    background-color: #8a5f0f; /* Achtergrondkleur */
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile_menu_bar:before {
    content: "\2630"; /* Unicode voor standaard hamburgericoon */
    font-size: 32px; /* Grootte van het icoon */
    color: white !important; /* Kleur van de streepjes */
    position: relative;
    cursor: pointer;
	padding-top:8px; 
}


#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #00d263;
	background: #f0f3f6;
	border-radius: 50%;
	padding: 8px;
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}


/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}


/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}