:root{
	--zand: #F0E2D1;
	--donkergroen: #4F5531;
	--lichtgroen: #95C01F;
}

body {font-family: 'Ubuntu', sans-serif;}
a {text-decoration: none !important; color: var(--donkergroen);}
a:hover {color: #95C01F; text-decoration: underline;}

.text-primary {color: #95C01F !important;}
.bg-primary {background-color: #95C01F !important;}
.btn-primary {background-color: #95C01F; border-color: #95C01F; color: #4e5430;}
.btn-primary:hover {background-color: #95C01F; border-color: #95C01F; color: #fff;}
.btn-outline-primary {border-color: #95C01F; color: #95C01F;}
.btn-outline-primary:hover {background-color: #95C01F; border-color: #95C01F;}

h1, h2, h3, h4, h5, .card-title {color: var(--donkergroen);}

.card-body {background-color: var(--zand);}

.top {background: var(--donkergroen);}
.footer, .breadcrumb {background-color: #F8F8F8;}

.sidebar {background-color: var(--zand); color: var(--donkergroen);}
.sidebar a.active {color: var(--lichtgroen);}

.top-container {position: relative;}
.navbar {position: relative; z-index: 20;}
.nav-col {position: relative; z-index: 10;}

.logo-box {position: absolute; top: 0; left: 0; display: block; background-color: #ffffff; padding: 20px 40px; border-bottom-right-radius: 40px; z-index: 5; overflow: hidden;}
.wbe-naam {font-family: Verdana; font-size: 30px; font-weight: bold; line-height: 1.2; text-align: center; display: block;}
.wbe-naam .bg {background: white; text-align: center; height: 150px; line-height: 40px;}
.wbe-naam .bg a:hover {text-decoration: none;}
.fit {text-align: center; width: 155px; height: 60px; line-height: 1; display: inline-block;}

.top .navbar-nav .nav-link {color: #ffffff; font-weight: 500;}
.top .navbar-nav .nav-link:hover, .top .navbar-nav .nav-link.active {color: #94c11e;}
.top .dropdown-menu {background-color: #f8f9fa; border: none;}
.top .dropdown-item:hover {background-color: #e9ecef;}

.navbar-toggler {color: #ffffff; border: 1px solid rgba(255,255,255,0.4); border-radius: .25rem;}
.navbar-toggler:focus {box-shadow: none;}

.navbar-nav .nav-link {font-family: Ubuntu, sans-serif; font-size: 16px; font-weight: 400; color: #212529; position: relative;}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {color: #95C01F;}
.navbar-nav .nav-link i {font-size: 0.8rem; color: #95C01F; transition: transform 0.25s ease;}
.navbar-nav .nav-link:hover i {transform: rotate(180deg);}
.dropdown-toggle::after {display: none !important;}
.dropdown-menu {background-color: #f8f9fa; border: none; box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.1); min-width: 220px;}
.dropdown-item {font-family: Ubuntu, sans-serif; font-size: 15px; padding: 0.6rem 1rem; color: #212529;}
.dropdown-item:hover, .dropdown-item:focus {background-color: #e9ecef; color: #000;}

@media (max-width: 991.98px) {.mobile-nav {background-color: #505632;}}
@media (max-width: 575.98px) {.header-min-height {min-height: 130px;}}

.mobile-nav .nav-link {display: block !important; text-align: center; position: relative; padding-right: 2rem;}
.mobile-nav .nav-link i {position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: transform .2s ease;}
.mobile-nav .nav-link[aria-expanded="true"] i {transform: translateY(-50%) rotate(180deg);}
.mobile-nav .dropdown-menu {position: static !important; width: 100%; background: transparent; border: 0; box-shadow: none; padding: 0; margin: 0; text-align: center;}
.mobile-nav .dropdown-menu .dropdown-item {display: block; text-align: center; color: #fff; font-weight: 400; font-size: .95rem; padding: .5rem 0;}
.mobile-nav .dropdown-menu .dropdown-item:hover {color: #94c11e; background: none;}

.slider {z-index: 1;}
.slider-img {width: 100%; height: 520px; object-fit: cover; object-position: center;}
.carousel-caption {position: absolute; top: 35%; transform: translateY(-20%); text-align: center; color: #fff;}
.slider-title {font-family: 'Ubuntu', sans-serif; font-size: 2.5rem; font-weight: 700; margin-bottom: 0.5rem; text-shadow: 0 1px 3px rgba(0,0,0,0.6); color: #fff;}
.slider-subtitle {font-family: 'Ubuntu', sans-serif; font-size: 1.2rem; font-weight: 400; color: #f8f9fa; margin-bottom: 1rem;}
.slider-btn {font-weight: 500; border-radius: 4px; padding: 0.6rem 1.4rem;}
.carousel-indicators {bottom: 20px;}
.carousel-indicators [data-bs-target] {width: 10px; height: 10px; border-radius: 50%; background-color: rgba(255,255,255,0.6);}
.carousel-indicators .active {background-color: #fff;}
.carousel-control-prev-icon, .carousel-control-next-icon {filter: invert(100%);}

/* .content {position: relative; z-index: 2;} */
.form-container {padding: 20px; background: #F8F8F8;}

.sidebar-links li {margin-bottom: 0.35rem;}
.sidebar-links li a {display: inline-flex; align-items: center; color: #1a1a1a;}
.sidebar-links li a:hover {color: #95C01F;}
.sidebar-links li a i {font-size: 0.9rem; transition: transform 0.2s;}
.sidebar-links li a:hover i {transform: translateX(3px);}
/* .sidebar-links li:first-child i {display: none;} */
.sidebar strong {color: #000; font-weight: 600;}

.breadcrumb-item + .breadcrumb-item::before {content: none !important;}
.breadcrumb a {color: var(--donkergroen);}
.breadcrumb a:hover {text-decoration: underline;}

.footer-logo-box {background-color: #ffffff; padding: 10px; border-radius: 6px; display: flex; align-items: center; justify-content: center; /* height: 150px; */ width: 100%; max-width: 220px; margin: 0 auto;}
.footer-logo {max-height: 100px; max-width: 100%; height: auto; width: auto; object-fit: contain;}
.footer-logo-lg {max-height: 100px; max-width: 100%; height: auto; width: auto; object-fit: contain;}
.footer a:hover {color: #95C01F;}