#navContainer 							{margin-left: auto;display: flex;align-items: center;}
ul.menu, li.menu 						{list-style-type: none;margin: 0px;padding: 0px;z-index:100;}

#nav 									{z-index:100;}
#nav ul 								{list-style-type: none; margin: 0; padding: 0; width:auto;white-space:normal;display: flex;column-gap: 40px;align-items: center;}
#nav ul li 								{display:inline-block;text-align:center;font-weight:normal;z-index:100;}
#nav ul li a 							{color:var(--MNU_KLEUR);text-decoration:none;font-size: 20px;padding: 5px 0;font-weight: 500;}
#nav ul li a span {display: none;}
#nav ul li a:hover, #nav li a:focus 	{color:var(--MNU_KLEUR_HOVER);}
#nav li a:active, #nav ul li a.active 	{color:var(--MNU_KLEUR_HOVER);}

/* Current page Customisations*/
#nav li.menu-expand a::after {content:"\f107";font-family: "Font Awesome 7 Pro";padding-left:5px;line-height: normal;font-weight: 300;}
#nav li.menu-current a					{color:var(--MNU_KLEUR_HOVER);}
#nav li.menu-parent a					{color:var(--MNU_KLEUR_HOVER);}
#nav li.hover a 						{color:var(--MNU_KLEUR_HOVER);}
#nav li:last-child a 					{margin:0;}

/* 2nd Child menu */
#nav ul.menu li ul {position:absolute;left:50%;right:auto;transform:translateX(-50%);padding:12px;display:none;min-width:200px;background:#fffaf2;border:solid 1px #e2d6c7;border-radius:16px;box-shadow:0 12px 35px rgba(80,55,35,0.12);grid-template-columns:1fr;gap:6px 12px;}
#nav ul.menu li ul li {text-align:center;font-weight:normal;margin:0;padding:0;line-height:1.2em;z-index:100;display:block;}
#nav ul.menu li ul li a {width:auto;color:#6f5640;padding:6px 12px;margin:0;border:0;text-transform:none;font-weight:500;font-size:15px;background:transparent;display:block;text-align:center;border-radius:10px;margin-bottom: 2px;}
#nav ul.menu li ul li a:hover {background:#f0e6d8;color:#8f6f54;}
#nav ul.menu li ul li.menu-current a {background:#A88B6E;color:#fff;}
#nav li.menu-current ul li a {color:#6f5640;background:transparent;}
#nav li.menu-current ul li a:hover {background:#f0e6d8;color:#8f6f54;}
#nav li.menu-expand ul li a:after {content:none;padding-left:0;}

/*SUB SUB MENUS*/
#nav ul.menu li ul li ul 				{right: 100% !important;position:absolute;top:0px;}
#nav ul.menu li ul li ul li a  			{width: 150px; color:var(--MNU_KLEUR_HOVER) !important; background-color:var(--MNU_KLEUR) !important;padding:10px;margin:0px;border-right:solid 1px #fff;right:150px;border-top:solid 1px #fff;}
#nav ul.menu li ul li ul li a:hover  	{width: 150px; color:var(--MNU_KLEUR) !important; background-color:var(--MNU_KLEUR_HOVER) !important;margin:0px;}

#nav ul.menu li:hover > ul,
#nav ul.menu li a:focus + ul,
#nav ul.menu li.subMenu > ul,
#nav ul.menu li li:hover > ul,
#nav ul.menu li li.subMenu > ul {display:grid;}

#nav li 								{position: relative;}

.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */





