body{ position: relative; }
body:before{ content: ""; display: block; width: 100%; height: 180px; background: rgb(247,247,247); background: linear-gradient(0deg, rgba(247,247,247,1) 20%, rgba(247,247,247,0.7) 55%, rgba(247,247,247,0) 90%); position: absolute; top: 110px; left: 0; z-index: -1; }

body.white:before{ display: none; }

body.halfgrey{ position: relative; }
body.halfgrey:after{ content: ''; display: block; position: absolute; top: 175px; left: 0; background: var(--lightgrey); height: 800px; width: 100%; z-index: -1; }

/* ============================================
		TOP
=============================================*/
.container-fluid.top{ position: relative; z-index: 9999; }
.container-fluid.top .col-md-12{ border-bottom: 2px solid var(--green); display: flex; justify-content: flex-end; }
.container-fluid.top .col-md-12 .block.menuitem > ul{ display: flex; margin: 0; padding: 1rem 0; }
.container-fluid.top .col-md-12 .block.menuitem ul li{ padding-left: 15px; list-style: none; }
.container-fluid.top .col-md-12 .block.menuitem ul li a{ font-family: 'Campton'; font-size: 1rem; font-weight: 500; color: #000000; text-decoration: none; }

.container-fluid.top .col-md-12 .block.menuitem > ul > li:last-child > a{ background: var(--green); border-radius: 50px; font-size: 1.1rem; color: var(--white) !important; margin-left: 15px; padding: 5px 15px; }
.container-fluid.top .col-md-12 .block.menuitem > ul > li:last-child > a:before{ content: "\f2bd"; font-family: 'Font Awesome 6 Pro'; font-weight: 300; margin-right: 10px; }

.container-fluid.top .col-md-12 .block.menuitem ul li.dropdown .dropdown-menu{ display: none; top: 100%; padding-right: 15px; }
.container-fluid.top .col-md-12 .block.menuitem ul li.dropdown:hover .dropdown-menu{ display: block;  }
.container-fluid.top .col-md-12 .block.menuitem ul li.dropdown > a:after{ content: "\f107"; font-family: 'Font Awesome 6 Sharp'; font-size: 1.1rem; font-weight: 900; margin-left: 10px;  }
.container-fluid.top .col-md-12 .block.menuitem ul li.dropdown ul.dropdown-menu li{ width: max-content; padding-top: 5px; padding-bottom: 5px; }
.container-fluid.top .col-md-12 .block.menuitem ul li.dropdown ul.dropdown-menu li a{ color: var(--black); }
.container-fluid.top .col-md-12 .block.menuitem ul li.dropdown ul.dropdown-menu li a:hover{ color: var(--green); }

/* ============================================
		NAVIGATIE
=============================================*/
.container-fluid.navigatie{ position: sticky; }
.container-fluid.navigatie .navbar-brand .logo-color{ visibility: visible; opacity: 1; }
.container-fluid.navigatie .navbar-brand .logo-white{ visibility: hidden; opacity: 0; }
.container-fluid.navigatie .navbar-nav .nav-item .nav-link{ color: var(--text-color); }
.container-fluid.navigatie .navbar-nav .nav-item.dropdown > .nav-link:after{  color: var(--green); }
/* .container-fluid.navigatie.sticky{ border-radius: 0 0 50px 50px; box-shadow: 0 3px 6px rgba(0,0,0,0.06); } */

.container-fluid.navigatie .navbar-toggler i{ color: var(--text-color); }

/* ============================================
		BREADCRUMBS
=============================================*/
.container-fluid.breadcrumbs{ margin-top: 0 !important; padding-bottom: 0 !important; padding-top: 50px; }
/* ============================================
		SLIDER/BANNER
=============================================*/
.container-fluid.banner{ position: relative; margin-top: -90px; }
.container-fluid.banner:before{ display: none; }
.container-fluid.banner:after{ display: none; }
.container-fluid.banner .content{ position: relative; top: 0; left: 0; width: 100%; }
.container-fluid.banner .content .text{ text-align: right; }
.container-fluid.banner .content .text h1{ color: var(--green); margin-bottom: 0; }
.container-fluid.banner img { width: unset; filter: invert(66%) sepia(44%) saturate(361%) hue-rotate(94deg) brightness(92%) contrast(88%); }
.container-fluid.breadcrumbs{ margin-top: -125px; padding-bottom: 50px; }

/* ============================================
		CONTENT
=============================================*/
.container-fluid.content > .row:first-child { padding-top: 50px; }

.block.list.logos .slick-arrow.slick-disabled{ opacity: 0; pointer-events: none; }

/* ============================================
		FOOTER & ENDPAGE
=============================================*/



/* ============================================
		MOBIEL
=============================================*/

/* --------------------------------------- */
@media only screen and (max-width: 1799px) {
	.container-fluid.breadcrumbs{ padding-bottom: 50px;	}
}

/* --------------------------------------- */
@media only screen and (max-width: 1499px) {
	/* BREADCRUMBS */
	.container-fluid.breadcrumbs{ padding-top: 0px; }
	/* SLIDER/BANNER */
	.container-fluid.banner{ margin-top: 20px; }
}

/* --------------------------------------- */
@media only screen and (max-width: 1399px) {
	body:before{ height: 190px; }
	.container-fluid.banner.desktop{ display: none; }
	.container-fluid.banner.mobile{ display: block; }
	.container-fluid.banner .content .text h1{ padding-bottom: 20px; margin-bottom: 0; }
	
	.container-fluid.breadcrumbs { margin-top: 0; padding-bottom: 20px; }
	.block.breadcrumb{ width: 100%; }
	.container-fluid.content > .row:first-child { margin-top: 0; }
}

/* --------------------------------------- */
@media only screen and (max-width: 1199px) {
	.container-fluid.banner img { max-width: 30px; }
}

/* --------------------------------------- */
@media only screen and (max-width: 991px) {
	body:before{ height: 100px; }
	body:before{ top: 50px; }
	h1{ padding-bottom: 50px; margin: 0; }
	.container-fluid.banner{ background: var(--lightgrey); }
	body.white .container-fluid.banner{ background: var(--white); }
	
	.container-fluid.breadcrumbs{ margin-top: 0; padding-bottom: 25px; }
    


}

/* --------------------------------------- */
@media only screen and (max-width: 767px) {
		.container-fluid.banner.mobile{ padding-top: 25px; }
	.container-fluid.breadcrumbs{ padding-bottom: 0;  }


}

/* --------------------------------------- */
@media only screen and (max-width: 575px) {
	h1{ padding-bottom: 25px; }
	.container-fluid.banner .content .text{ text-align: left; }

}

/* --------------------------------------- */
@media only screen and (max-width: 479px) {

    .container-fluid.breadcrumbs { margin-bottom: 0; padding-bottom: 15px; }
}