@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body, body.page, body.single-post {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #3B555D;
	text-rendering: optimizeLegibility;
}

/* Navigatie */

body h1 {
	font-weight: 300;
 	font-style: normal;
	font-size: 2.5rem;
	line-height: 1.3;
	margin-bottom: 35px;
	color: #3B555D;
}

body h2 {
	font-weight: 300;
 	font-style: normal;
	font-size: 3rem;
	margin-bottom: 35px;
}

.quote h2 {
	font-size: 2.5rem;
	line-height: 1.3;
}

body h3 {
	font-size: 2rem;
} 

body h4 {
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.75rem;
	margin-bottom: 0px;
}

body p, .nieuwsbericht-home-text {
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	line-height: 1.75rem;
	color: #3B555D;
}

.wit, .wit p, .wit h1, .wit h2, .wit h3, .wit h4, .wit h5, .wit h6 {
	color: #ffffff !important;
}

a, p a, .nieuwsbericht-home-text a {
	color: #C86D2A;
	text-decoration: none;
}

a:hover, p a:hover, .nieuwsbericht-home-text a:hover {
	color: #9FBEBB;
	text-decoration: none;
}

/* Navigatie */
#wpadminbar {
	position: absolute;
	width: 100%;
	bottom: 0px;
}

nav.navbar {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #ffffff !important;
}

nav.navbar a.nav-link {
	color: #3B555D;
	padding: 0px 0px 0px 0px !important;
	margin-left: 50px;
}

nav.navbar .menu-item:first-child > a.nav-link {
	margin-left: 0px;
}

nav.navbar a.nav-link:hover {
	color: #9FBEBB;
}

.flex-control-nav, .flex-direction-nav {
	display: none !important;
}

/* Algemeen */
.vc_row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.vc_row.vc_column-gap-25 {
	margin-left: -12.5px !important;
	margin-right: -12.5px !important;
}

.vc_column-inner {
	padding: 0px !important;
}

.wpb_text_column, .wpb_single_image {
	margin-bottom: 0px !important;
}

.vc_row.vc_column-gap-25>.vc_column_container {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

div.wrapper {
	padding: 0;
}

.vc_btn3-style-custom:hover {
	background-color: #9FBEBB !important;
	cursor: pointer !important;
}

/* Header */
.header-image {
	/* padding-left: 8.333%; */
	height: 600px;
	overflow: visible !important;
}

.header-image > div {
	position: absolute;
	height: 700px;
	overflow: hidden;
}

.header-image div, .flexslider, .flexslider .slides {
	height: 700px;
	max-height: 700px;
}

.flexslider {
	border: 0px !important;
}

.flexslider .slides {
	display: flex;
	align-items: center;
}

.header-image .flexslider .slides:after {
	content: "";
	display: block;
	clear: both;
	visibility: visible;
	line-height: 0;
	position: absolute;
	left: 0px;
	right: 0px;
	height: 700px;
	background-color: transparent;
	z-index: 2;
}

.header-text .wpb_text_column {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 16.666%;
	padding-right: 16.666%;
}

/* Over ons */
#over-ons::before {
	content: '';
	width: 100%;
	height: 100px;
	background-color: white;
	position: absolute;
	left: 0px;
	right: 0px;
	z-index: 1;
}

#over-ons > div {
	border-right: 100px solid #9FBEBB;
}

#over-ons, #over-ons > div > div {
	background-repeat: repeat-y;
	background-size: 100%;
	position: relative;
}

#over-ons .vc_row {
	margin-bottom: 75px;
}

/* Quote */
.quote {
	color: #C86D2A;
	padding: 100px 50px 75px 50px;
	z-index: 999;
}

/* Team */
#team {
	margin-top: 100px;
	margin-bottom: 100px;
}

#team .vc_single_image-wrapper {
	margin-bottom: 50px;
	z-index: 9999;
}

/* Diensten */
#diensten {
	margin-top: 25px;
	margin-bottom: 75px;
}

#diensten .vc_col-sm-4 .vc_column-inner  {
	padding: 10px 50px 50px 50px !important;
}

#diensten img {
	width: 150px;
	margin-bottom: 0px;
}

/* Nieuws */
.half-half {
	width: 50%;
	float: left;
}

.content {
	margin-top: -50px;
	padding-bottom: 100px;
	display: flex;
}

.single-post .entry-content {
	padding: 150px 100px 100px 0px !important;
}

.vc_gitem-row-position-top {
	bottom: -50px;
}

.nieuwsbericht-home-text {
	padding: 150px 100px 100px 0px !important;
}

.nieuwsbericht-home-title {
	margin-bottom: 0px !important;
}

h1.entry-title, .nieuwsbericht-home-title h1 {
	position: relative;
	z-index: 99;
	font-size: 3rem;
	background-color: #9FBEBB;
	width: fit-content;
	padding: 50px 100px 50px 0px;
	margin-bottom: 0px;
}

h1.entry-title:before, .nieuwsbericht-home-title h1:before {
	content: '';
	position: absolute;
	background-color: #9FBEBB;
	width: 1000px;
	height: auto;
	margin-left: -999px;
	top: 0px;
	bottom: 0px;
}

.nieuws-image img, .nieuwsbericht-home-img img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
}

.nieuws-item {
	margin-top: 75px;
}

.nieuws-item .vc_gitem_row .vc_gitem-col {
	padding: 0px;
}

.nieuws-item-homepage {
	overflow: visible !important;
}

.nieuws-item-homepage div div {
	top: auto !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
}

.nieuws-item-homepage .vc_gitem_row .vc_gitem-col {
	padding: 0px !important;
}

.nieuws-item-homepage .vc_gitem-row-position-middle div.nieuwsitems-image-column {
	position: absolute;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 50%;
}

.vc_gitem-zone-a .vc_gitem-row-position-top, .vc_gitem-zone-b .vc_gitem-row-position-top, .vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle, .vc_gitem-zone-a .vc_gitem-row-position-bottom, .vc_gitem-zone-b .vc_gitem-row-position-bottom {
	position: relative !important;
}

.vc-gitem-zone-height-mode-auto:before {
	padding-top: 0px !important;
}

.nieuwspreview-afbeelding {
	display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
	/* height: 300px; */
	aspect-ratio : 1 / 1;
}

#nieuws .content {
	padding-bottom: 0px;
}

.nieuws-item:hover {
	cursor: pointer;
}

.nieuwsbericht-home-img, .nieuwsbericht-home-img .vc_figure, .nieuwsbericht-home-img .vc_figure div {
	position: relative;
	height: 100%;
	width: 100%;
}

.nieuwsbericht-home-img {
	min-height: 580px; /* Deze regel kan bij een nieuw nieuwsbericht weg */
}

.nieuwspreview-afbeelding img {
    flex-shrink: 0;
	object-fit: cover;
	height: 100% !important;
}

.nieuws-item:hover .nieuwspreview-afbeelding img {
	opacity: 0.1 !important;
	transform: scale(105%);
	transition: all 0.2s;
}

.nieuws-item .nieuwspreview-afbeelding:before {
	transition: all 0.2s; 
}

.nieuws-item:hover .nieuwspreview-afbeelding:before {
	content: "Lees artikel";
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(159,190,187,1.00);
	color: #ffffff;
	transition: all 0.2s;
	padding-top: 200px;
	font-weight: 300 !important;
}

.nieuws-item .nieuwspreview-titel h2 {
	font-size: 1.25rem;
	margin-top: 35px;
}

.nieuws-item:hover .nieuwspreview-titel h2 {
	color: #C86D2A;
	text-decoration: none;
	opacity: 1 !important;
}

.post-navigation {
	display: none !important;
}
		
/* Footer */
#wrapper-footer {
	background-color: #3B555D !important;
	padding-top: 60px;
	padding-bottom: 60px;
}

#wrapper-footer .footer-1-5 {
	width: 20%;
	float: left;
}

#wrapper-footer .footer-nav, #wrapper-footer .contact, #wrapper-footer .rics {
	padding-left: 100px;	
}

#wrapper-footer .adres {
	padding-left: 50px;	
}

#wrapper-footer .contact a:hover img, #wrapper-footer .rics a:hover {
	opacity: 0.7;
	transition: all 0.2s;
}

#wrapper-footer, #wrapper-footer p, #wrapper-footer a {
	color: #ffffff;
	font-size: 0.85rem;
	text-decoration: none;
}

#wrapper-footer a:hover {
	color: #9FBEBB;
}

#wrapper-footer .contact img {
	width: 30px;
	margin-top: 5px;
}

@media only screen and (max-width: 1399px) {
	#wrapper-footer .footer-nav {
		padding-left: 100px;	
	}	
	
	#wrapper-footer .adres, #wrapper-footer .contact, #wrapper-footer .rics {
		padding-left: 65px;	
	}
}

@media only screen and (max-width: 1199px) {
	.vc_col-sm-4 {
		width: 50%;
	}
	
	#wrapper-footer .footer-nav {
		padding-left: 60px;	
	}	
	
	#wrapper-footer .adres, #wrapper-footer .contact {
		padding-left: 0px;	
	}
	
	#wrapper-footer .rics {
		padding-left: 40px;	
	}
}

@media only screen and (max-width: 991px) {
	.wpb_column {
		width: 100% !important;
	}
	
	.vc_rtl-columns-reverse {
		flex-wrap: wrap-reverse !important;	
	}
	
	nav.navbar {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	nav.navbar a.nav-link {
		margin-left: 20px;
	}
	
	.header-image {
		height: 350px;
	}

	.header-image > div {
		height: 400px;
	}

	.header-image div, .flexslider, .flexslider .slides {
		height: 400px;
		max-height: 400px;
	}
	
	.header-text {
		width: 100% !important;
		margin-bottom: 100px;
	}
	
	#over-ons::before {
		height: 0px !important;
	}

	#over-ons > div > div > .wpb_wrapper{
		padding-top: 50px;
	}
	
	.over-ons-image {
		margin-top: 50px;
	}
	
	#team .wpb_column .vc_col-sm-3 {
		width: 50% !important;
		margin-bottom: 50px
	}
	
	#diensten {
		margin-top: 25px !important;
	}
	
	#diensten .vc_col-sm-4 .vc_column-inner {
		padding: 10px 25px 35px 25px !important;
		margin-bottom: 50px;
	}
	
	#diensten .wpb_column.vc_col-sm-4:last-child  .vc_column-inner {
		margin-bottom: 0px !important;
	}
	
	.half-half, .vc_col-sm-4 {
		width: 100%;
		float: unset;
	}

	.content {
		margin-top: 50px;
		padding-bottom: 50px;
		display: block;
	}

	.entry-content {
		padding: 0px 0px 50px 0px !important;

	}
	
	.nieuwsbericht-home-text {
		padding: 150px 0px 100px 0px !important;
		width: 100%;
	}
	
	.vc_col-sm-6 {
		width: 100% !important;
	}
	
	.nieuws-item-homepage .vc_gitem-row-position-middle div.nieuwsitems-image-column {
		position: relative;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 100%;
	}
	
	.single-post .entry-content {
		padding: 0px 0px 50px 0px !important;
	}
	
	#wrapper-footer .footer-logo {
		padding-left: 0px;
		width: 100%;
	}	
	
	#wrapper-footer .footer-logo img {
		max-width: 255px;
	}	
	
	#wrapper-footer .footer-nav, #wrapper-footer .adres, #wrapper-footer .contact {
		padding-left: 0px;
		width: 33.333%;	
		margin: 50px 0px;
	}	
	
	#wrapper-footer .rics {
		padding-left: 0px;
		width: 200px;	
	}	
	
}

@media only screen and (max-width: 767px) {
	nav .navbar-toggler {
		background-color: #3B555D;
		border-radius: 0px;
		padding: 4px 6px !important;
	}
	
	nav .navbar-toggler:hover {
		background-color: #9FBEBB;
		border-radius: 0px;
		cursor: pointer;
	}
	
	nav .navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28159, 190, 187, 1%29' stroke-linecap='straight' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
	}
	
	nav .navbar-toggler:hover .navbar-toggler-icon {
		cursor: pointer;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2859, 85, 93, 1%29' stroke-linecap='straight' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
	}
	
	nav .navbar-toggler-icon:hover {
		cursor: pointer;
	}
	
	#main-nav .container {
		position: relative;
	}
	
	#navbarNavDropdown {
		position: absolute;
		top: 50px;
		z-index: 3;
		background-color: #9FBEBB;
		right: 12px;
		padding: 25px 25px 20px 25px;
	}
	
	nav.navbar a.nav-link {
		margin-left: 0px;
		margin-bottom: 5px;
	}
	
	nav.navbar a.nav-link:hover {
		color: #C86D2A;
	}
	
	.header-image {
		height: 300px;
	}

	.header-image > div {
		height: 350px;
	}

	.header-image div, .flexslider, .flexslider .slides {
		height: 350px;
		max-height: 350px;
	}
	
	.header-text .wpb_text_column {
		padding: 30px 30px 30px 30px !important;
	}
	
	.quote {
		padding: 100px 0px 75px 0px;
	}
	
	.quote h2 {
		font-size: 1.75rem;
	}
	
	#team .wpb_column .vc_col-sm-3 {
		width: 100% !important;
	}
	
	#over-ons {
		background-color: #9FBEBB !important;
		background-image: none !important;
	}
	
	#over-ons > div {
		border-right: 0px solid #9FBEBB !important;
	}
	
}

@media only screen and (max-width: 630px) {
	.header-image {
		height: 350px;
	}

	.header-image > div {
		height: 400px;
	}

	.header-image div, .flexslider, .flexslider .slides {
		height: 400px;
		max-height: 400px;
	}
	
	.header-image .flexslider .slides img {
		width: auto;
		max-width: unset;
		height: 400px !important;
		position: absolute;
		top: 50%;
		right: 50%;
		transform: translate(50%,-50%);
	}
	
	#wrapper-footer .footer-logo {
		padding-left: 0px;
		width: 100%;
	}	
	
	#wrapper-footer .footer-logo img {
		max-width: 255px;
	}	
	
	#wrapper-footer .footer-nav, #wrapper-footer .adres, #wrapper-footer .contact {
		padding-left: 0px;
		width: 100%;	
	}	
	
	#wrapper-footer .footer-nav {
		margin: 50px 0px 0px 0px;
	}	
	
	#wrapper-footer .adres, #wrapper-footer .contact {
		margin: 25px 0px 0px 0px;
	}	
	
	#wrapper-footer .rics {
		padding-left: 0px;
		width: 200px;
		margin: 50px 0px 0px 0px;
	}	
	
	.header-text h1, .quote h2 {
		font-size: 2.5rem;
		line-height: 1.3;
		overflow-wrap: break-word;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	} 
}