/* in bootstrap 5 */
.navbar {background-color:#fff !important; /* padding:.5rem 1rem; */ height:80px; z-index:1;}
.navbar-nav {background-color:#fff !important;}

.navbar .nav-link {font-size:18px; color:#003285 !important; letter-spacing:0.03em;}
.navbar .nav-item {margin-left:8px;}

.navbar-nav a:hover {border-bottom:none;}
.navbar-nav li:hover {border-bottom: 2px solid #003285; transition:0.4s;}
.navbar-nav li {border-bottom: 2px solid transparent;}
.navbar-nav li.active {border-bottom: 2px solid #ff7f3e;}
.nav-link:hover {text-decoration:none;}

@media screen and (max-width:767px) {
	.navbar-nav li.active {border-bottom: 1px solid #ff7f3e;}	
}

/* banner en logo voor verschillende viewports */
#banner-section {background-color:#fff; margin-top:0; padding-top:10px; padding-bottom:0;}
#bannerevv a {text-decoration:none; border-bottom:none !important;}

@media screen and (max-width:500px) {
	.navbar .container {--bs-gutter-x: 1.0rem;}
	.img700 {visibility:hidden; display:none;}
	.navbar-brand {padding-top:20px;}
	.navbar-brand img {width:230px !important; height:auto;}
	.navbar {max-height: 70px;}
}
@media screen and (min-width:501px) and (max-width:767px) {
	.img300 {visibility:hidden; display:none;}
	.navbar-brand {padding-top:10px;}
	.navbar-brand img {width:400px !important; height:auto;}
	.navbar {max-height:70px;}
}
@media screen and (min-width:768px) and (max-width:991px) {
	.img300 {visibility:hidden; display:none;}
	.navbar-brand img {max-width:500px; height:auto;}
	.navbar {height:110px; padding-bottom:10px; padding-top:20px;}
}
@media screen and (max-width:991px) {
	#bannerevv {visibility:hidden; display:none;}
	#banner-section {padding-top:0;}	 
	.navbar-brand {text-decoration:none; border-bottom:none !important;}
}


.navbar-nav li a,
.dropdown-item {font-size:0.85em;}

@media screen and (max-width:1023px) {
	.navbar-nav li a,
	.dropdown-item {font-size:0.85em;}
}

.dropdown-item {background-color:#ff7f3e; color:#fff !important; border-bottom:1px solid #fefefe; padding:8px 10px;}
.dropdown-item:hover {background-color:#575757; color:#fff !important;}
.dropdown-menu {padding:0px 0 0 0;} /* witte bovenrand */
.dropdown-item.dropdown-menu-right {padding:0.4rem 0rem;}

/* smaller devices */
.navbar-toggler-icon i {color:#2a629a !important;}
@media screen and (max-width:767px) {
	.navbar-nav li {border-bottom:1px solid #bed1ef; background-color:#373737; padding-left:10px;}
	.navbar-nav li:hover {border-bottom:1px solid #efefe2;}
	.navbar-nav .nav-link {color:#fff !important;}
}

/* ------ Awesome icons --------*/
.fa.fa-download,
.fa.fa-external-link {font-size:1.0em; padding-left:6px;}
.fas.fa-arrow-down {font-size:1.0em; padding-left:10px;}
.fa.fa-arrow-left,
.fas.fa-arrow-left {font-size:1.0em; padding-right:10px;}


/* -------- go top button ---------- */
/* requires jquery in dochead */
#btn-back-to-top {position:fixed; display:none;
bottom:20px; right:20px; width:40px; height:40px;
border-radius:6px; border:2px solid #575757; background-color:#575757;
transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  padding:0px; justify-content: center; align-items: center; font-size:20px; color:#fff;}