/*  MICROTHEMER STYLES  */

/*= Full Code Editor CSS ====== */

.uabb-creative-menu .menu.uabb-creative-menu-accordion > li > .uabb-has-submenu-container a span.uabb-menu-toggle {
    float: none!important;
}

.donkergroen a span:hover {
    color:#559185!important;
	}
	
.donkergroen.current-menu-item a span {
    color:#559185!important;
	}
	
.groen a span:hover {
    color:#95c11f!important;
	}
	
.groen.current-menu-item a span {
    color:#95c11f!important;
	}	

.rood a span:hover {
    color:#a42523!important;
	}
	
.rood.current-menu-item a span {
    color:#a42523!important;
	}	
	
.wit a span:hover {
    color:#f39200!important	}
    
.wit.current-menu-item a span:hover {
color:#f39200!important    
}
	
.wit.current-menu-item a span {
    color:#ffffff!important;
	}
	
.fl-node-6194cc118787a {
    width: auto;
}


	
	

/*= Header ==================== */

/** Header >> h2 headline **/
.headline h2 {
	color: rgb(255, 255, 255) !important;
	font-size: 41px !important;
	font-weight: 400 !important;
	text-shadow: 0 0 4px rgb(43, 43, 43) !important;
	margin-bottom: 10px !important;
	position: relative !important;
}

/** Header >> tagline **/
.tagline {
	color: rgb(255, 255, 255) !important;
	font-size: 25.5px !important;
	font-weight: 400 !important;
	text-shadow: 0 0 4px rgb(0, 0, 0) !important;
	margin-top: -10px !important;
}

/** Header >> header-rechts **/
.header-rechts {
	position: relative !important;
	top: 30px !important;
}


/*= Main Menu ================= */

/** Main Menu >> .menustrepen .fl-col-group-nested **/
.menustrepen .fl-col-group-nested {
	background-image: linear-gradient(90deg, rgba(6,6,6,0.8), transparent) !important;
	height: 32px !important;
	padding-top: 0 !important;
	margin-top: 4px !important;
	position: relative !important;
	z-index: 0 !important;
}

/** Main Menu >> .menustrepen .fl-col-group-nested ::after **/
.menustrepen .fl-col-group-nested::after {
	width: 50% !important;
	height: 1px !important;
	border-bottom: 1px solid #d8ba7f !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	content: "" !important;
}

/** Main Menu >> menu li a **/
.menu a {
	font-size: 22px !important;
	font-weight: 400 !important;
	padding-top: 8px !important;
	padding-bottom: 6px !important;
	padding-left: 0 !important;
	position: relative !important;
	z-index: 2 !important;
}

/** Main Menu >> .menustrepen **/
.menustrepen {
	width: 120px !important;
}

/** Main Menu >> home-menu-div **/
.home-menu-div {
	width: 100% !important;
	position: absolute !important;
	top: 160px !important;
	z-index: 10 !important;
}

/** Main Menu >> .sub-menu li **/
.sub-menu li {
	padding-left: 0 !important;
}

/** Main Menu >> .uabb-creative-menu .uabb-creative-menu-expanded.menu > .uabb-has-submenu > .sub-menu **/
.uabb-creative-menu .uabb-creative-menu-expanded.menu > .uabb-has-submenu > .sub-menu {
	border-width: 0 !important;
}

/** Main Menu >> .uabb-creative-menu .menu > li **/
.uabb-creative-menu .menu > li {
	margin: 0 !important;
}

/** Main Menu >> blokkensub **/
.blokkensub {
	width: 33.3% !important;
}

/** Main Menu >> .blokkendiv **/
.blokkensub:nth-child(1) {
	
}

/** Main Menu >> link donkergroen **/
.donkergroen a span:hover {
	
}

/** Main Menu >> .uabb-creative-menu .uabb-creative-menu-accordion.menu > .uabb-has-submenu > .sub-menu **/
.uabb-creative-menu .uabb-creative-menu-accordion.menu > .uabb-has-submenu > .sub-menu {
	border-width: 0 !important;
}

/** Main Menu >> menuinhoud **/
.menuinhoud {
	position: relative !important;
	left: -50px !important;
}

/** Main Menu >> bg-verloop **/
.bg-verloop {
	background-image: linear-gradient(90deg, rgba(6,6,6,1), transparent 60px) !important;
}


/*= Content =================== */

/** Content >> subtekst-hoogte **/
.subtekst-hoogte {
	min-height: 150px !important;
}

/** Content >> .linkbutton a **/
.linkbutton a {
	padding: 10px !important;
	border: 1px solid #f3f3f3 !important;
	border-color: #d8ba7f !important;
	border-top-width: 3px !important;
	border-right-width: 3px !important;
	border-bottom-width: 3px !important;
	border-left-width: 3px !important;
}

/** Content >> .link-button **/
.link-button {
	
}


/*= projecten ================= */

/** projecten >> .projecten-img **/
.projecten-img {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-attachment: scroll !important;
	background-size: cover !important;
	height: 42vh !important;
}

/** projecten >> .projecten-titel **/
.projecten-titel {
	background-color: #f6eedf !important;
	padding: 20px !important;
	position: relative !important;
	display: block !important;
}

/** projecten >> .projecten-titel h3 **/
.projecten-titel h3 {
	font-size: calc(16px + 0.2vw) !important;
	text-align: center !important;
	background-color: #f6eedf !important;
	margin-bottom: 0 !important;
}

/** projecten >> projecten-div **/
.projecten-div {
	
}


/*( Above large )*/
@media (min-width: 1500px) {

	/*= Main Menu ================= */

	/** Main Menu >> .blokkendiv **/
	.blokkensub:nth-child(1) {
	padding-right: 20px !important;
	padding-bottom: 15px !important;
}
.blokkensub:nth-child(2) {
	padding-right: 10px !important;
	padding-left: 10px !important;
	padding-bottom: 15px !important;
}
.blokkensub:nth-child(3) {
	padding-left: 20px !important;
	padding-bottom: 15px !important;
}
.blokkensub:nth-child(4) {
	padding-right: 20px !important;
	padding-top: 15px !important;
}
.blokkensub:nth-child(5) {
	padding-right: 10px !important;
	padding-left: 10px !important;
	padding-top: 15px !important;
}
.blokkensub:nth-child(6) {
	padding-left: 20px !important;
	padding-top: 15px !important;
}


}


/*( Large Desktop )*/
@media (min-width: 1200px) and (max-width: 1499px) {

	/*= Main Menu ================= */

	/** Main Menu >> .blokkendiv **/
	.blokkensub:nth-child(1) {
	padding-right: 20px !important;
	padding-bottom: 15px !important;
}
.blokkensub:nth-child(2) {
	padding-right: 10px !important;
	padding-left: 10px !important;
	padding-bottom: 15px !important;
}
.blokkensub:nth-child(3) {
	padding-left: 20px !important;
	padding-bottom: 15px !important;
}
.blokkensub:nth-child(4) {
	padding-right: 20px !important;
	padding-top: 15px !important;
}
.blokkensub:nth-child(5) {
	padding-right: 10px !important;
	padding-left: 10px !important;
	padding-top: 15px !important;
}
.blokkensub:nth-child(6) {
	padding-left: 20px !important;
	padding-top: 15px !important;
}


}


/*( Desktop )*/
@media (min-width: 921px) and (max-width: 1199px) {

	/*= Main Menu ================= */

	/** Main Menu >> blokkensub **/
	.blokkensub {
	width: 50% !important;
}

	/** Main Menu >> .blokkendiv **/
	.blokkensub:nth-child(1) {
	padding-right: 15px !important;
	padding-bottom: 15px !important;
}
.blokkensub:nth-child(2) {
	padding-left: 15px !important;
	padding-bottom: 15px !important;
}
.blokkensub:nth-child(3) {
	padding-right: 15px !important;
	padding-bottom: 15px !important;
	padding-top: 15px !important;
}
.blokkensub:nth-child(4) {
	padding-left: 15px !important;
	padding-bottom: 15px !important;
	padding-top: 15px !important;
}
.blokkensub:nth-child(5) {
	padding-right: 15px !important;
	padding-bottom: 15px !important;
	padding-top: 15px !important;
}
.blokkensub:nth-child(6) {
	padding-left: 15px !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

	/** Main Menu >> menuinhoud **/
	.menuinhoud {
	width: 366px !important;
}


	/*= projecten ================= */

	/** projecten >> .projecten-img **/
	.projecten-img {
	height: 30vh !important;
}

	/** projecten >> .projecten-titel **/
	.projecten-titel {
	min-height: 91px !important;
}


}


/*( Tablet & Phone )*/
@media (min-width: 769px) and (max-width: 920px) {

	/*= Main Menu ================= */

	/** Main Menu >> home-menu-div **/
	.home-menu-div {
	display: none !important;
}

	/** Main Menu >> .blokkendiv **/
	.blokkensub:nth-child(1) {
	padding-right: 15px !important;
	padding-bottom: 15px !important;
}
.blokkensub:nth-child(2) {
	padding-left: 15px !important;
	padding-bottom: 15px !important;
}
.blokkensub:nth-child(3) {
	padding-right: 15px !important;
	padding-bottom: 15px !important;
	padding-top: 15px !important;
}
.blokkensub:nth-child(4) {
	padding-left: 15px !important;
	padding-bottom: 15px !important;
	padding-top: 15px !important;
}
.blokkensub:nth-child(5) {
	padding-right: 15px !important;
	padding-bottom: 15px !important;
	padding-top: 15px !important;
}
.blokkensub:nth-child(6) {
	padding-left: 15px !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

	/** Main Menu >> blokkensub **/
	.blokkensub {
	width: 50% !important;
}


	/*= projecten ================= */

	/** projecten >> .projecten-img **/
	.projecten-img {
	height: 30vh !important;
}

	/** projecten >> .projecten-titel **/
	.projecten-titel {
	min-height: 86px !important;
}

	/** projecten >> .projecten-titel h3 **/
	.projecten-titel h3 {
	font-size: 15px !important;
}


	/*= Content =================== */

	/** Content >> .link-button **/
	.link-button {
	font-size: 20px !important;
}


}


/*( Phone )*/
@media (max-width: 768px) {

	/*= Main Menu ================= */

	/** Main Menu >> blokkensub **/
	.blokkensub {
	width: 100% !important;
}

	/** Main Menu >> .blokkendiv **/
	.blokkensub:nth-child(1) {
	padding: 15px 0 15px 0 !important;
}
.blokkensub:nth-child(2) {
	padding: 15px 0 !important;
}
.blokkensub:nth-child(3) {
	padding: 15px 0 !important;
}
.blokkensub:nth-child(4) {
	padding: 15px 0 !important;
}
.blokkensub:nth-child(5) {
	padding: 15px 0 !important;
}
.blokkensub:nth-child(6) {
	padding: 15px 0 !important;
}

	/** Main Menu >> .menustrepen **/
	.menustrepen {
	display: none !important;
}

	/** Main Menu >> menuinhoud **/
	.menuinhoud {
	display: none !important;
}


	/*= projecten ================= */

	/** projecten >> projecten-div **/
	.projecten-div {
	
}

	/** projecten >> .projecten-img **/
	.projecten-img {
	height: 40vh !important;
}

	/** projecten >> .projecten-titel h3 **/
	.projecten-titel h3 {
	font-size: 15px !important;
}

	/** projecten >> .projecten-titel **/
	.projecten-titel {
	min-height: 82px !important;
}


	/*= Content =================== */

	/** Content >> .link-button **/
	.link-button {
	font-size: 20px !important;
}


}