#hoofdmenu{
	background-color: #1e1e1e;
}

#hoofdmenu .container-fluid{
	padding-right: 0;
	padding-left: 0;
}
#offcanvaslinksLabel{
	color: #bc9999;
}
.offcanvas-header{

}
.offcanvas-body{	
	background-color: #000000;
	padding: 0;
	/*background-image: url(/templates/ufosbestaan/images/parallax/ufosbestaan_4.svg);*/
	
}.offcanvas-body span{
	padding: 0 0.85rem 0 0!important;
}
.menudonker{
	color: #FFF;
	text-transform: uppercase;
}
.zoek{
	z-index: 1;
}
.btn-primary.menubutton{
	background-color: transparent;
	margin: 0;
}	
.navbar-dark .navbar-toggler{
    border-color: transparent;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(250,250,250,1.00)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");	
	width: 2.5rem;
	height: 2.5rem;
}
.navbar-toggler{
	padding: 0;	
	border: none;
}
.navbar{
	padding: 0;
	flex-wrap: wrap;
	/*margin-bottom: 0;*/
	/*min-height: 3.3rem;*/
}
.navbar-expand-lg .navbar-collapse{ /***veranderen als collapse breakpoint anders wordt*/
	/*-webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
	min-height: 3.3vw;moet zelfde als .navbar ul.nav li ul*/
}
.navbar ul.nav{	
  	padding: 0;
	margin: 0 auto;
  	list-style: none;
	justify-content: space-around;
	align-items: stretch;
	flex-wrap: wrap;
	/*flex-basis: 100vw; */
	float: none;
	min-height: 5rem;/**/
	position: relative;
}
.navbar ul.nav li > ul{
  	position: absolute;
  	display: none;
  	width: 100%;
  	z-index: 1021;
	left: 0;	
	top: 100%;
	background-color: #1e1e1e ;		
	margin: 0;
	padding: 0 1vw; /*anders staan items heel ver uit elkaar*/
	color: #1e1e1e;
	justify-content: space-around;
	min-height: 5vw;/**/
	box-shadow: -1px 6px 6px -5px rgba(0,0,0,0.75);
	flex-wrap: wrap;
}
.navbar ul.nav li > ul,
.navbar ul.nav ul li > ul{
	border-top: 1px solid #3A3A3A;
}
.navbar ul.nav ul li > ul{
	justify-content: center;
}
.navbar ul.nav li:hover > ul{
  	width: 100%;
    display: flex;
}
.navbar ul.nav li ul li ul li{
	flex: 0 0 50% !important;
	justify-content: space-around !important;
	align-content: flex-start;
}
.navbar ul.nav > li{
	float: none;
	line-height: normal; 
	text-align: center;
	flex: 1 0 auto;/**/	
	display: flex;
	justify-content: center;   
	align-self: stretch;/**/
}
.navbar ul.nav li:hover > ul > li{
	display: flex;
}
.navbar ul.nav li > a{
	text-decoration: none;
	text-shadow: none;	
	margin: 0;
	line-height: normal;
	display: inline-block;
	color: #FFF;
	font-weight: 400;
	align-self: center;
	font-size: 1rem !important;/**/
	transition: 0.3s ease;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	padding: 20px 0;
}
.navbar ul.nav li a:hover,
.navbar ul.nav li a:hover{
	/*border-top: 1px solid #665E5E;*/
	border-bottom: 1px solid #FFF;
	padding: 6px 0; 
	margin: 14px 0;
}
.navbar ul.nav li.current a{
	color: #FFF;
	opacity: 0.7;
}
.navbar ul.nav li ul li.current a{
	opacity: 1 !important;
}
.navbar ul.nav li.current ul li > a{	
	color: #FFF !important;
}
.navbar ul.nav > li:hover, 
.navbar ul.nav > li:focus,
.navbar ul.nav > .active > a:hover, 
.navbar ul.nav > .active > a:focus{	
	text-decoration: none !important;
	box-shadow: none;
	text-shadow: none;
	color: #665E5E !important;
}
.navbar ul.nav li.current{
	color: #665E5E;
}
/**sub-menu dropdown pijlen **/

.navbar ul.nav:first-child > li > ul > li.current.active > a:not(:last-child):after{
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f054";
	transform: rotate(0deg);
	transition: transform 0.25s;
	display: inline-block;
}
.navbar ul.nav:first-child > li > a:not(:last-child):after,
.navbar ul.nav:first-child > li > ul > li > a:not(:last-child):after{
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f054";
	margin-left: 0.8rem;
	transform: rotate(0deg);
	transition: transform 0.25s;
	display: inline-block;
	/*padding-right: 5px;*/
}
.navbar ul.nav:first-child > li > ul > li:hover > a:not(:last-child):after,
.navbar ul.nav:first-child > li:hover > a:not(:last-child):after,
.navbar ul.nav:first-child > li > ul > li.current:hover > a:not(:last-child):after,
.navbar ul.nav:first-child > li > ul > li.active > a:not(:last-child):after{
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	/*content: "\f078";*/
	content: "\f054";
	transform: rotate(90deg);
	display: inline-block;
	transition: transform 0.25s;
}
@media only screen and (max-width: 991px){
	/*****************************************************************************************************************************
	None 	<576px
	sm 	≥576px
	md 	≥768px
	lg 	≥992px
	large 	xl 	≥1200px
 	extra large 	xxl 	≥1400px
	nu xl menu collapse in gebruik 
	**********************************************************************************************************/	
	.zoek{
		position: relative;
	}
	ul.nav:first-child li:hover > ul{
		-webkit-animation: none;
		-moz-animation: none;
		-o-animation: none;
		animation: none;
	}
	.navbar-toggler:focus{
		box-shadow: none;
	}
	.navbar-expand-lg .navbar-collapse{
		margin: 0 5vw;
		width: 90vw;
	}	
	.navbar ul.nav,
	.navbar ul.nav li ul,
	.navbar ul.nav li ul li ul{
		position: static;	
		-webkit-box-shadow: none; 
		box-shadow: none;
		border: none;
	}	
	.navbar ul.nav{
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;	
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.navbar ul.nav li > ul{
		min-height: auto;
		padding: 0;
		background-color: transparent;
		
		background-color: #1e1e1e; /* Visueel onderscheid door andere achtergrondkleur */
        border-top: 1px solid #3A3A3A; /* Toevoegen van een visuele scheiding */
		border-bottom: 1px solid #3A3A3A; /* Toevoegen van een visuele scheiding */
	}
	 .navbar ul.nav li ul li > ul{
        background-color: #323232;	
		border-left: #FFF 1px solid;

	
	}
	.navbar ul.nav li ul li,
	.navbar ul.nav li ul li ul li{
		flex: 0 0 100%;
		text-align: left;
	}
	.navbar ul.nav li ul li ul,
	.navbar ul.nav li.item-117 ul{	
		flex-wrap: nowrap;
	}
	.navbar ul.nav li:hover > ul{
		position: static;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;	
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;	
		/*padding: 0 0 0 5% !important;*/

	}
	
	
	
	
	
	.navbar ul.nav li ul li:hover ul{
		/*padding: 0 0 0 5% !important;*/
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	.navbar ul.nav li{
		width: 100%;
		-webkit-flex: 0 0 auto;
		flex: 0 0 auto;
		text-align: left;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
		justify-content: flex-start;
		-webkit-justify-content: flex-start;
	}

	.navbar ul.nav li ul li ul li{
		flex: 0 0 auto !important;
		justify-content: flex-start!important;
	}
	.navbar ul.nav li.item-117 ul li{
		flex: 0 0 auto !important;
		justify-content: flex-start!important;
	}	
	.navbar ul.nav li ul li, 
	.navbar ul.nav li ul li ul li{
		padding: 0;
	}
	.navbar ul.nav li ul li:last-child{
		margin-bottom: 1rem;
		border-bottom: none;
	}
	.navbar ul.nav li ul li ul li:first-child{
		margin-top: 1rem;
	}
	.navbar ul.nav li ul li,
	.navbar ul.nav li ul li ul li{
		width: 100% !important;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		text-align: left;
		justify-content: flex-start;
		-webkit-justify-content: flex-start;
	}
	.navbar ul.nav li ul li ul li{
		margin: 0 0.4vw;
		width: auto;
		border: none;
	}
	.navbar ul.nav li > a,
	.navbar ul.nav li a li > a{
		display: flex;
		align-items:baseline;
		padding: 0.85rem;
		border: none;
		font-size: 1rem !important;
		width: 100%;
		color: #FFFFFF !important;

}
	.navbar ul.nav > .active > a,
	.navbar ul.nav > li > a:hover, 
	.navbar ul.nav > li > a:focus,
	.navbar ul.nav > .active > a:hover, 
	.navbar ul.nav > .active > a:focus,
	.navbar ul.nav li > a:hover,
	.navbar ul.nav li a li > a:hover{
		background-color: transparent;	
		border: none;
		padding: 0.85rem;
		color: #00a1de!important;
		margin: 0;
		text-decoration: none!important;
	


	}
	/***pijl rechts uitlijnen*/
		.navbar ul.nav:first-child > li > a:not(:last-child):after,
		.navbar ul.nav:first-child > li > ul > li > a:not(:last-child):after{
		margin-left: auto;
			margin-right: 5px;
		
    }
}


/* google translate */
#google_translate_element{
	position: absolute;
	width: 5vw;
	right: 190px;
	top: 5px;
	z-index: 1;
}

#google_translate_element img{
	width: 50px;
}

iframe.skiptranslate{
	position: static!important;
}
#google_translate_element a{
  white-space: nowrap!important;
}