/* BASE
* -------------------------------------------------- 
*  Base styles
* 
*  Default styles of the project, these will not
*  be changed or altered in most of the cases
* -------------------------------------------------- */

/* ----- FONT IMPORTS ----- */
@import url("https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");

/* ----- KLEUREN ----- */
:root {
	/*
	--primary: #004d88;
	--secondary: #f1f2f8;
	--tertiary: #f1c40f;
	--zwart: #000000;
	--wit: #ffffff;
	*/
	--bordergradient: linear-gradient(
		90deg,
		rgba(146, 84, 101, 1) 0%,
		rgba(146, 84, 101, 1) 20%,
		rgba(13, 114, 75, 1) 20%,
		rgba(13, 114, 75, 1) 40%,
		rgba(156, 7, 65, 1) 40%,
		rgba(156, 7, 65, 1) 60%,
		rgba(24, 132, 140, 1) 60%,
		rgba(24, 132, 140, 1) 80%,
		rgba(168, 132, 16, 1) 80%,
		rgba(168, 132, 16, 1) 100%
	);
}

/* START CHANGE COLUMN GAP */
.vc_row {
	margin-left: -30px;
	margin-right: -30px;
}
.vc_row .vc_column_container .vc_column-inner {
	padding-left: 30px;
	padding-right: 30px;
}
/* EINDE CHANGE COLUMN GAP */

/* START Put background image as cover on vc_row */
.vc_row {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
/* END Put background image as cover on vc_row */

a,
p a {
	transition: all 0.3s ease;
	position: relative;
	font-weight: 600;
	color: var(--wznd-text);
}
a:hover,
p a:hover {
	color: var(--wznd-primary); /* CHANGE COLOR IF WANTED */
}

/* START Text selection color */
::selection {
	background: var(--wznd-text); /* WebKit/Blink Browsers */
	color: var(--wznd-text-light);
}
::-moz-selection {
	background: var(--wznd-text); /* Gecko Browsers */
	color: var(--wznd-text-light);
}
/* END Text selection color */


.rw-section{
	padding:64px 0;
}
.padding-top{
	padding-top:64px;
}
.padding-bottom{
	padding-bottom:64px;
}
.padding-top-xl{
	padding-top:164px;
}
.padding-bottom-xl{
	padding-bottom:164px;
}
.padding-top-xxl {
	padding-top: 300px;
}
.padding-bottom-xxl {
	padding-bottom: 300px;
}

/* ----- FONTS ----- */
body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Open Sans", sans-serif;
	font-style: normal;
}
body,
p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4em;
	color: var(--wznd-text);
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Dosis", sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: 1.1em;
	color: var(--wznd-text);
	margin: 0;
}
h1 {
	font-size: 64px;
	font-size: 4.25svmax;
	font-weight: 700;
}
h2 {
	font-size: 36px;
	font-size: 2.4svmax;
	text-wrap: balance;
	margin-bottom: 30px;
}
h1 strong,
h2 strong {
	font-weight: 700;
	color: var(--wznd-primary);
}
.whitetext h2 strong {
	color: var(--wznd-tertiary);
}
h4 {
	font-weight: 600;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 1px;
}
h5 {
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	padding-left: 18px;
	margin-bottom: 5px;
	color: var(--wznd-primary);
}
h5::before {
	content: "";
	display: block;
	background-color: var(--wznd-primary);
	border-radius: 50%;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 4px;
	left: 0;
}
.whitetext h5::before {
	background-color: var(--wznd-text-light);
}
h6 {
	font-weight: 500;
	margin-bottom: 5px;
}

.text-center * {
	text-align: center;
}

/* HEADER / NAV 
* --------------------------------------------------
*  Header/nav/hamburger styles 
* -------------------------------------------------- */

/* Pre header */
header .wpbf-pre-header {
	background-color: var(--wznd-primary);
	color: var(--wznd-text-light);
	position: relative;
	padding-top: 10px;
	/*padding-bottom:10px;*/
}
header .wpbf-pre-header::after {
	content: "";
	display: block;
	background: var(--bordergradient);
	height: 10px;
	width: 100%;
	position: absolute;
	top: 0;
	/*bottom: 0;*/
	left: 0;
	z-index: 1;
}
header .wpbf-pre-header ul.wpbf-menu li a {
	font-family: "Dosis", sans-serif;
	font-weight: 400;
	color: var(--wznd-text-light);
	padding: 10px;
}
header .wpbf-pre-header ul.wpbf-menu > li:last-child a {
	padding-right: 0;
}
header .wpbf-pre-header ul.wpbf-menu li.current-menu-item > a,
header .wpbf-pre-header ul.wpbf-menu li a:hover {
	color: var(--wznd-text-light) !important;
	opacity: 0.5;
}

header .wpbf-pre-header ul.wpbf-menu li.menu-item-social_icon a {
	padding-top: 12px;
	padding-bottom: 8px;
}

header .wpbf-pre-header ul.wpbf-menu li.menu-item-social_icon a svg {
	width: 16px;
	height: 16px;
}

/* Header */
header .wpbf-navigation {
	background-color: var(--wznd-text-light);
}

/* Logo */
header .wpbf-navigation .wpbf-1-4 .wpbf-logo {
	max-width: none;
	padding: 20px 0;
}

header .wpbf-navigation .wpbf-1-4 .wpbf-logo a {
	width: 285px;
	height: 60px;
	display: block;
}

/*
body.flux-multisite-sub header .wpbf-navigation .wpbf-1-4 .wpbf-logo a {
	height: 40px;
}
*/

header .wpbf-navigation .wpbf-1-4 .wpbf-logo a img {
	object-fit: contain;
	width: 100%;
	height: 100%;
	object-position: left;
}

/* Navigatie */
header .wpbf-menu-right .wpbf-menu {
	display: flex;
	align-items: center;
}
header .wpbf-menu-right .wpbf-menu a {
	font-family: "Dosis", sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.5em;
}
header .wpbf-menu-right .wpbf-menu li.current-menu-item > a,
header .wpbf-menu-right .wpbf-menu li > a:hover {
	color: var(--wznd-primary) !important;
}

/* Streep */
header .wpbf-menu-right .wpbf-menu > li > a::before {
	content: "";
	display: block;
	background-color: var(--wznd-secondary);
	background-color: var(--wznd-tertiary);
	width: calc(100% - 30px);
	height: 5px;
	border-radius: 3px;
	position: absolute;
	bottom: -10px;
	left: 15px;
	transition: all 0.3s ease;
	opacity: 0;
	z-index: -1;
}

header .wpbf-menu-right .wpbf-menu > li:last-of-type > a::before {
	width: calc(100% - 10px);
}

header .wpbf-menu-right .wpbf-menu li.current-menu-item > a::before,
header .wpbf-menu-right .wpbf-menu li > a:hover::before {
	opacity: 1;
	bottom: 5px;
}

header .wpbf-menu-right .wpbf-menu li ul.sub-menu > li.current-menu-item > a,
header .wpbf-menu-right .wpbf-menu li ul.sub-menu > li > a:hover {
	background-color: var(--wznd-primary);
	color: var(--wznd-text-light) !important;
}

.wpbf-sub-menu > .menu-item-has-children > a .wpbf-icon svg,
.wpbf-sub-menu > .menu-item-has-children > a .wpbff {
	font-size: 14px;
}

/* GENERAL
* --------------------------------------------------
*  General styles 
* 	Hero/subhero/grids/contact forms 
* -------------------------------------------------- */

/* ----- BACKGROUNDS ----- */
/* START Dark blue */
.bg-primary::before {
	content: "";
	display: block;
	background-color: var(--wznd-primary);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -2;
}
/* END Dark blue */

/* START Light blue */
.bg-secondary::before {
	content: "";
	display: block;
	background-color: var(--wznd-secondary);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -3;
}
/* END Light blue */

/* START Flux buttons */
input[type=submit].flux_btn,
.flux_btn {
	background-color: var(--wznd-primary);
	border-color: var(--wznd-primary);
	color: var(--wznd-text-light);
	border-radius: 30px;
	font-weight: 400;
	border-style: solid;
	border-width: 1px;
}
input[type=submit].flux_btn:hover,
.flux_btn:hover {
	background-color: transparent;
	color: var(--wznd-primary);
	border-color: var(--wznd-primary);
}

.flux_btn.btn_white {
	background-color: var(--wznd-text-light);
	color: var(--wznd-primary);
	border-color: var(--wznd-text-light);
}
.flux_btn.btn_white:hover {
	background-color: transparent;
	color: var(--wznd-text-light);
	border-color: var(--wznd-text-light);
}

.flux_btn.flux_btn_alt {
	text-transform: none;
	letter-spacing: 0;
	background-color: transparent;
	color: var(--wznd-primary);
	border: none;
	padding: 0;
	border-radius: 0;
}
.flux_btn.flux_btn_alt::after {
	content: "";
	display: inline-block;
	position: relative;
	width: 15px;
	height: 10px;
	/*
	background-image: url("https://dijleland.fluxwebdesign3.be/wp-content/uploads/2024/07/arrow.svg");
	background-size: contain;
	background-position: right center;
	background-repeat: no-repeat;
	*/
	margin-left: 10px;
	background-color: var(--wznd-primary);
    -webkit-mask-image: var(--wznd-arrow-url);
    mask-image: var(--wznd-arrow-url);
	-webkit-mask-size:contain;
	mask-size:contain;
	-webkit-mask-position:right center;
	mask-position:right center;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	transition: all 0.3s ease;
}
.flux_btn.flux_btn_alt:hover {
	color: var(--wznd-text);
}
.flux_btn.flux_btn_alt:hover::after {
	margin-left: 15px;
}
/* END Flux buttons */

/* START Tussensectie */
.rw-tussensectie.neg-margin-top {
	margin-top: -200px;
}
.rw-tussensectie .tussensectie-img img {
	height: 400px;
	width: 100vw;
	object-fit: cover;
	object-position: center;
	border-radius: 50px;
	z-index: 251;
}
.rw-tussensectie .tussensectie-tekst {
	width: 50%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.rw-tussensectie .tussensectie-tekst > .wpb_wrapper {
	background-color: rgba(0, 77, 136, 0.5);
	background-color: var(--wznd-primary-rgba);
	backdrop-filter: blur(5px);
	border-radius: 10px;
}
.rw-tussensectie .tussensectie-tekst p {
	font-family: "Dosis", sans-serif;
	font-size: 36px;
	font-size:2.4svmax;
	font-weight: 700;
	line-height: 1.1em;
	text-wrap: balance;
	color: var(--wznd-text-light);
	padding: 20px 40px;
}
/* END Tussensectie */

/* START 2 columns row */
.rw-2col-img > .section_inner {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}
.rw-2col-img .col-img .wpb_single_image::after {
	content: "";
	display: block;
	background-color: var(--wznd-secondary);
	position: absolute;
	right: -20px;
	bottom: -20px;
	left: -20px;
	height: 100px;
	border-radius: 20px;
	transition: all 0.3s ease;
	z-index: -1;
}
.rw-2col-img.bg-secondary .col-img .wpb_single_image::after {
	background-color: var(--wznd-tertiary);
}
.rw-2col-img:has(a:hover) .col-img .wpb_single_image::after {
	height: 150px;
}
.rw-2col-img .col-img .wpb_single_image img {
	border-radius: 15px;
}
.rw-2col-img.rw-2col-img-left .col-txt {
	height: 100%;
}
/* Image left */
.rw-2col-img.rw-2col-img-left .col-txt {
	padding-left: 70px;
}
/* Image right */
.rw-2col-img.rw-2col-img-right .col-txt {
	padding-right: 70px;
}
/* END 2 columns row */


/* First row after opener get more padding top */
.home-opener + .rw-home-intro,
.home-opener + .rw-section-block{
    padding-top:150px!important;
	padding-top:164px!important;
}


/* START 2 columns flexible content */
.rw-section-image-block .block-page-container {
	display: flex;
	flex-direction: row;
	gap: 70px;
}

.block-page-container .block-page-image-container .block-page-image {
	position: relative;
}

.rw-section-image-block-odd .block-page-container {
	flex-direction: row-reverse;
}

.block-page-image-container {
	flex: 0 0 40%;
}

.block-page-content-container {
	flex: 0 0 calc(60% - 70px);
}

.block-page-container .block-page-image-container .block-page-image:after {
	content: "";
	display: block;
	background-color: var(--wznd-secondary);
	position: absolute;
	right: -20px;
	bottom: -20px;
	left: -20px;
	height: 100px;
	border-radius: 20px;
	transition: all 0.3s ease;
	z-index: -1;
}

.bg-secondary .block-page-container .block-page-image-container .block-page-image:after {
	background-color: var(--wznd-tertiary);
}

.block-page-container .block-page-image-container .block-page-image img {
	border-radius: 15px;
}

.block-page-container .block-page-title h3,
.block-page-container .block-page-text h3{
	margin-bottom:15px;
	color: var(--wznd-primary)
}
.block-page-container .block-page-text ul,
.block-page-container .block-page-text ol,
.block-page-container .foldable-content ul,
.block-page-container .foldable-content ol{
	margin:15px 0;
}

/* END 2 columns flexible content */

/* Foldable content */
.foldable-content {
	display: none;
}

.foldable-content.foldable-content-open {
	display: block;
}

h4.foldable-title {
	cursor: pointer;
	margin-bottom: 8px;
	margin-top: 20px;
	display: flex;
	align-items: center;
}

h4.foldable-title > span:first-child {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-right: 8px;
}

h4.foldable-title.foldable-title-open > span:first-child {
	transform: rotate(180deg);
}

/* Text blocks 2/3 columns */
.block-page-columns-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.block-page-2columns .block-page-column {
    flex: 1 1 calc(50% - 15px);
}

.block-page-3columns .block-page-column {
    flex: 1 1 calc(33.333% - 20px);
}

/* ----- GRIDS & SLIDERS ----- */

/* START LIST GRID */
.list-aanbod {
	display: flex;
	flex-wrap: wrap;
	/*gap: 25px 15px;*/
	margin:-10px;
}
.list-aanbod.list-over_ons .block-aanbod {
	flex: 1 1 50%;
	max-width: 50%;
}
.list-aanbod .block-aanbod {
	max-width: 33.3333%;
	flex: 1 1 33.3333%;
	padding:10px;
}
.list-aanbod .block-aanbod .block-inner {
	padding: 0 20px;
}
.list-aanbod .block-aanbod .aanbod-image {
	position: relative;
	margin-bottom: 40px;
}
.list-aanbod .block-aanbod .aanbod-image::after {
	content: "";
	display: block;
	background-color: var(--wznd-secondary);
	position: absolute;
	right: -20px;
	bottom: -20px;
	left: -20px;
	height: 100px;
	border-radius: 20px;
	transition: all 0.3s ease;
	z-index: -1;
}

.list-aanbod p.aanbod-date {
	color: var(--wznd-primary);
	font-size: 13px;
	margin-bottom: 6px;
}

.list-aanbod .block-aanbod:has(a:hover) .aanbod-image::after {
	height: 120px;
}

.list-aanbod .block-aanbod:has(button:hover) .aanbod-image::after {
	height: 150px;
}
.list-aanbod .block-aanbod .aanbod-image img {
	height: 200px;
	width: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 15px;
}
.list-aanbod .block-aanbod .aanbod-content .aanbod-title,
.list-aanbod .block-aanbod .aanbod-content .aanbod-introtekst {
	margin-bottom: 15px;
}

.list-aanbod.list-publicaties .aanbod-image {
	text-align: center;
}

.list-aanbod.list-publicaties .aanbod-image img {
	height: initial;
	width: initial;
	object-fit: none;
}

.list-aanbod.list-publicaties .aanbod-content {
	text-align: center;
}

/* Publicaties filter */
.list-aanbod-filter {
	margin-bottom: 30px;
}

.list-filter-items {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px 20px;
}

a.list-filter-item {
	padding: 14px 20px;
	background-color: var(--wznd-primary);
	color: var(--wznd-text-light);
	font-size: 18px;
	font-family: ligurino, sans-serif;
	border-radius: 30px;
	line-height: 1;
	display: flex;
	align-items: center;
}

a.list-filter-item:hover {
	background-color: var(--wznd-tertiary);
	transform: translateY(-2px);
}

a.list-filter-item:hover .list-filter-check svg {
	color: var(--wznd-tertiary);
	display: block;
}

span.list-filter-check {
	width: 20px;
	height: 20px;
	margin-right: 20px;
	background: white;
	border-radius: 5px;
	color: var(--wznd-primary);
}

span.list-filter-check svg {
	width: 20px;
	height: 20px;
	transition: color 0.3s ease;
}

a.list-filter-item.list-filter-item-active {
	background-color: var(--wznd-tertiary);
}

a.list-filter-item.list-filter-item-active span.list-filter-check svg {
	color: var(--wznd-tertiary);
	display: block;
}

.filter-loading {
	opacity: 0.75;
	pointer-events: none;
	animation: loading-opacity 1.4s linear infinite;
}

@keyframes loading-opacity {
	0% {
		opacity: 0.75;
	}
	50% {
		opacity: 0.45;
	}
	100% {
		opacity: 0.75;
	}
}

.list-load-more {
	text-align: center;
	margin-top: 30px;
}

.list-filter-text {
	margin-bottom: 10px;
}

/* Publicaties filter end */

/* HOME
* --------------------------------------------------
*  Homepage styles
* -------------------------------------------------- */

/* Home opener sectie */
.home-opener {
	background-size: 0%;
	background-repeat: no-repeat;
	padding: 100px 0;
}
.home-opener::after {
	content: "";
	display: block;
	background-image: inherit;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	bottom: -100px;
	width: 55%;
	z-index: -1;
	border-radius: 500px 0 0 500px;
}
.home-opener .js-headline-background h1 {
	text-wrap: balance;
	line-height: 1.25em;
	font-size: 72px;
	font-size: 4.8svmax;
	margin-bottom: 30px;
}
.home-opener .js-headline-background h1 span {
	background-color: var(--wznd-text-light);
	padding: 0 0 20px 0;
	display: inline;
}

.home-opener .home-opener-content {
	text-wrap: balance;
	width: 70%;
}
.home-opener .home-opener-content h1 {
	text-wrap: balance;
	line-height: 1.35em;
	/*
	font-size:72px;
	font-size:4.8svmax;
	*/
	margin-bottom: 30px;
	display: inline;
	padding: 5px 20px 15px 0;
	background-color: var(--wznd-text-light);
	border-radius: 5px;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	filter: url("#bg_borderradius");
}

.home-opener p {
	width: 55%;
	margin-top: 30px;
}

.home-opener-2::before {
	content: "";
	display: block;
	background-color: var(--wznd-secondary);
	/*background-color:var(--wznd-text-light);*/
	/*background-color:var(--wznd-primary);*/
	position: absolute;
	right: -20px;
	bottom: -100px;
	width: calc(55% + 60px);
	height: 225px;
	border-radius: 50px 0 0 50px;
	z-index: -1;
}
.home-opener-2::after {
	bottom: -60px;
	border-radius: 30px 0 0 30px;
}

/* Over ons sectie */
.rw-home-overons .wpb_text_column {
	width: 50%;
	margin: 0 0 0 auto;
	padding-top: 50px;
}
.rw-home-overons .wpb_text_column h2 {
	width: 80%;
}
.rw-home-overons .wpb_text_column p {
	/*padding-left:100px;*/
}
.rw-home-overons .flux_btn_wrapper {
	width: 50%;
	margin: 30px 0 0 auto;
	/*padding-left:100px;*/
}
.rw-home-overons .overons-img {
	position: absolute;
}
.rw-home-overons .overons-img.overons-img1 {
	top: 100px;
	left: 0;
}
.rw-home-overons .overons-img.overons-img1 img {
	width: 25vw;
	height: 250px;
	object-fit: cover;
	border-radius: 0 200px 200px 0;
}
.rw-home-overons .overons-img.overons-img2 {
	bottom: 0;
	left: 20vw;
}
.rw-home-overons .overons-img.overons-img2 img {
	width: 20vw;
	height: 300px;
	object-fit: cover;
	border-radius: 200px 200px 0 0;
}

/* Intro sectie */
.rw-home-intro .wpb_wrapper > h2 {
	width: 70%;
}
.rw-home-intro .wpb_wrapper > p {
	width: 50%;
}

/* Intro grid */
.intro-grid {
	display: flex;
	flex-wrap: wrap;
	/*gap: 15px;*/
	margin:-10px;
}
.intro-grid .intro-grid-item {
	flex: 1 1 33.3333%;
	padding:10px;
}

.intro-grid .intro-grid-title h3 {
	color: var(--wznd-text);
	margin-bottom: 10px;
}

.intro-grid-button {
	margin-top: 25px;
	text-align: center;
}

.intro-grid .intro-grid-item .intro-grid-inner {
	padding: 30px;
	background-color: var(--wznd-text-light);
	border-radius: 15px;
	height: 100%;
}
.intro-grid .intro-grid-item .intro-grid-logo {
	margin-bottom: 30px;
}
.intro-grid .intro-grid-item .intro-grid-logo img {
	height: 40px;
	object-fit: contain;
	object-position: left center;
}

.intro-grid .intro-grid-item p,
.intro-grid .intro-grid-item a {
	color: var(--wznd-text);
}
.intro-grid .intro-grid-item a:hover {
	color: var(--wznd-primary);
}

/* Contact sectie */
.rw-home-contact {
	padding-bottom: 64px;
}
.rw-home-contact::before {
	top: 64px;
}
.rw-home-contact:has(.contact-img img[src=""]){
	padding-top:64px;
}
.rw-home-contact:has(.contact-img img[src=""])::before{
	top:0;
}
.rw-home-contact.bg-white:before {
	content: "";
	display: block;
	background-color: var(--wznd-secondary);
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 64px;
	z-index: -3;
}
.rw-home-contact.bg-white:has(.contact-img img[src=""])::before{
	height:0px;
}
.rw-home-contact > .section_inner {
	display: flex;
	flex-wrap: wrap;
}
.rw-home-contact:has(.contact-img img[src=""]) .col-img{
	display:none;
}
.rw-home-contact:has(.contact-img img[src=""]) .col-txt{
	width:100%;
	padding:0;
}
.rw-home-contact .col-img > .vc_column-inner,
.rw-home-contact .col-img > .vc_column-inner > .wpb_wrapper,
.rw-home-contact .col-img .contact-img,
.rw-home-contact .col-img .contact-img > .vc_figure,
.rw-home-contact .col-img .contact-img > .vc_figure > .vc_single_image-wrapper,
.rw-home-contact .col-img .contact-img img {
	height: 100%;
}
.rw-home-contact .col-img .contact-img::after {
	content: "";
	display: block;
	background-color: var(--wznd-secondary);
	position: absolute;
	right: -20px;
	bottom: -20px;
	left: -20px;
	height: 100px;
	border-radius: 20px;
	transition: all 0.3s ease;
	z-index: -1;
}
.rw-home-contact.bg-secondary .col-img .contact-img::after {
	background-color: var(--wznd-tertiary);
}
.rw-home-contact:has(a:hover) .col-img .contact-img::after {
	height: 150px;
}
.rw-home-contact .col-img .contact-img img {
	object-fit: cover;
	object-position: center;
	border-radius: 15px;
}
.rw-home-contact .col-txt {
	height: 100%;
	padding: 200px 0 0 70px;
}

/* SUBPAGE
* --------------------------------------------------
*  Subpage styles
* -------------------------------------------------- */
/* LOGIN FORM */
.post-password-form {
	padding: 0;
	margin: 0;
}

/* CONTACT PAGE */
.contact-container {
	display: flex;
	flex-wrap:wrap;
	margin: 0 -30px;
}
.contact-form-container {
	flex: 1 1 64%;
	padding: 0 30px;
}
.contact-details {
	flex: 1 1 36%;
	padding: 0 30px;
}

p.multisite-contact-title > strong {
	display: block;
	margin-bottom: 4px;
}

form label,
form input,
form textarea {
	font-family: roc-grotesk, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: var(--zzb-text-color);
}
.contact-form {
	margin-top: 16px;
}
#ajax-contact-form .form-fields {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
#ajax-contact-form .form-html-item {
	display: block;
	padding: 0 15px;
}
#ajax-contact-form .form-html-item.form-btn {
	margin-top: 20px;
}
#ajax-contact-form .item-100 {
	flex: 0 0 100%;
}
#ajax-contact-form .item-75 {
	flex: 0 0 75%;
}
#ajax-contact-form .item-50 {
	flex: 0 0 50%;
}
#ajax-contact-form .item-25 {
	flex: 0 0 25%;
}
#ajax-contact-form .form-btn-trigger.loading {
	opacity: 0.6;
}
#ajax-contact-form textarea {
	margin-bottom: 20px;
}
.post-password-form input:not([type="submit"]),
#ajax-contact-form textarea,
#ajax-contact-form input:not([type="submit"]),
#ajax-contact-form select {
	background-color: var(--zzb-white) !important;
	color: var(--zzb-first-color) !important;
	border-color: var(--zzb-first-color);
	border-radius: 0;
	transition: all 0.3s ease;
	margin-bottom: 20px;
}

.post-password-form input:not([type="submit"]) {
	margin-bottom: 0;
}

.post-password-form input:not([type="submit"]),
#ajax-contact-form input:not([type="submit"]),
#ajax-contact-form select {
	height: 50px;
}
#ajax-contact-form input[type="checkbox"] {
	height: auto;
	margin: 0;
	margin-right: 8px;
}
label.item-checkbox .form-label {
	cursor: pointer;
}
.form-response .form__res {
	margin-top: 20px;
	display: block;
}
.form-response .form__res.contact-error {
	color: #b22222;
}
.form-response .form__res.contact-success {
	color: #008000;
}
label > p.field__res.contact-error {
	margin-bottom: 20px;
	margin-top: -16px;
	font-size: 16px;
	color: #b22222;
}
label span + p.field__res.contact-error {
	margin-top: 0;
	margin-bottom: 0;
}
/* END CONTACT PAGE */

/* ----- OVER ONS ----- */
.rw-overons-blocks .overons-blocks {
	margin: 0 -15px !important;
}
.rw-overons-blocks .overons-blocks .overons-block {
	margin-bottom: 30px;
}
.rw-overons-blocks .overons-blocks .overons-block > .vc_column-inner {
	padding: 0 15px !important;
}
.rw-overons-blocks .overons-blocks .overons-block > .vc_column-inner > .wpb_wrapper {
	padding: 0 20px;
}
.rw-overons-blocks .overons-blocks .overons-block .overons-img {
	border-radius: 15px;
	position: relative;
	margin-bottom: 40px !important;
}
.rw-overons-blocks .overons-blocks .overons-block .overons-img::after {
	content: "";
	display: block;
	background-color: var(--wznd-secondary);
	position: absolute;
	right: -20px;
	bottom: -20px;
	left: -20px;
	height: 100px;
	border-radius: 20px;
	transition: all 0.3s ease;
	z-index: -1;
}
.rw-overons-blocks .overons-blocks .overons-block:has(a:hover) .overons-img::after {
	height: 150px;
}
.rw-overons-blocks .overons-blocks .overons-block .overons-img img {
	border-radius: 15px;
	height: 250px;
	object-fit: cover;
	object-position: center;
}
.rw-overons-blocks .overons-blocks .overons-block .overons-content,
.rw-overons-blocks .overons-blocks .overons-block .overons-content h3 {
	margin-bottom: 20px !important;
}

/* ----- SINGLE PAGES ----- */
.single article .col-content {
	padding: 0 30px;
}

.single-breadcrumb {
	font-weight: 400;
	font-style: normal;
}

.single-title-wrapper {
	display: flex;
	justify-content: space-between;
}
.single-title-sub {
	display: block;
	margin-top: 12px;
	font-size: 16px;
}
.single h1 {
	margin-bottom: 10px;
	line-height: initial;
}

.single-columns {
	display: flex;
	gap: 40px;
	margin-top: 16px;
}

.single-column-image {
	flex: 0 0 25%;
}

.single-image {
	margin-top: 8px;
}

.single-image img {
	min-height: 250px;
	object-fit: cover;
}

.single-specifics {
	margin-top: 16px;
}

.single-specifics > p {
	line-height: 1.2;
	margin-bottom: 12px;
}

.single-specifics a {
	text-decoration: underline;
}

/* FOOTER
* --------------------------------------------------
*  Footer styles
* -------------------------------------------------- */

footer,
footer .wpbf-widget-footer {
	background-color: var(--wznd-primary) !important;
}
footer {
	padding-bottom: 50px;
	color: var(--wznd-text-light);
	position: relative;
}
footer::before {
	content: "";
	display: block;
	background: var(--bordergradient);
	height: 10px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
footer .wpbf-widget-footer {
	padding: 100px 0 50px;
}
footer p,
footer a {
	color: var(--wznd-text-light);
	font-weight: 400;
}
footer a:not(.flux_btn):hover {
	color: var(--wznd-text-light);
	opacity: 0.5;
}
footer .wpbf-widget-footer h4 {
	color: var(--wznd-text-light);
	margin-bottom: 20px;
}

footer .wpbf-widget-footer .wpbf-footer-widget {
	width: 25%;
}
footer .wpbf-widget-footer .wpbf-footer-widget.wpbf-footer-widget-2 {
	width: 50%;
}

.footer-logo {
	display: block;
	position: relative;
	width: 90%;
	height: 60px;
	background-size: contain;
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 30px;
}

.footer-woonzorgcentra {
	display: flex;
	flex-wrap: wrap;
	margin: -5px -10px;
}
.footer-woonzorgcentra p {
	width: 50%;
	padding: 5px 10px;
}

.footer-wnzd {
	margin-top: 20px;
}

.footer-social {
	margin-bottom: 30px;
}
.footer-socials {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.footer-socials a {
	font-size: 22px;
	display: block;
	text-align: center;
}
.footer-socials a:not(:last-child) {
	margin-right: 20px;
}
.footer-socials a:hover {
	color: #306fc4;
}
.footer-socials a svg {
	width: 20px;
	height: 20px;
}

/* MEDIA QUERIES
* --------------------------------------------------
*  Media query styles
* -------------------------------------------------- */

/* START MAX WIDTH 1280PX */
@media screen and (max-width: 1280px) {
	/* Algemeen */
	header .wpbf-container,
	footer .wpbf-container,
	.vc_row > .section_inner {
		max-width: 100%;
		padding: 0 80px;
	}

	header .wpbf-container.wpbf-mobile-nav-wrapper {
		padding-top: 20px;
		padding-bottom:20px;
	}
}
/* END MAX WIDTH 1280PX */

/* START MAX WIDTH 1024PX */
@media screen and (max-width: 1024px) {
	/* Header */
	header .wpbf-mobile-menu-hamburger .wpbf-mobile-logo-container .wpbf-mobile-logo {
		max-width: 200px;
	}
	.wpbf-mobile-menu a {
		padding: 10px 30px;
	}
	.wpbf-mobile-menu .menu-item-has-children .wpbf-submenu-toggle {
		padding: 10px 30px;
	}
	.wpbf-mobile-menu li ul.sub-menu li a {
		padding: 10px 30px 10px 60px;
	}
	
	h1{
		font-size:46px;
		font-size:4.5svmax;
	}
	h2,
	.rw-tussensectie .tussensectie-tekst p{
		font-size:32px;
		font-size:3.2svmax;
	}

	/* Removes glider's scrollbar on mobile devices */
	.glider::-webkit-scrollbar {
		display: none;
	}
	
	/* Grids & sliders */
	.list-aanbod .block-aanbod{
		max-width:50%;
		flex:1 1 50%;
	}
	
	/* Footer */
	footer .wpbf-widget-footer .wpbf-footer-widget{
		width:50%;
		margin-bottom:0;
	}
	footer .wpbf-widget-footer .wpbf-footer-widget:not(:last-child){
		margin-bottom:30px;
	}
	/*
	footer .wpbf-widget-footer .wpbf-footer-widget:nth-child(1){
		order:0;
		margin-bottom:30px;
	}
	footer .wpbf-widget-footer .wpbf-footer-widget:nth-child(2){
		order:2;
		
		width:100%;
	}
	footer .wpbf-widget-footer .wpbf-footer-widget:nth-child(3){
		order:1;
		margin-bottom:30px;
	}
	*/
}
/* END MAX WIDTH 1024PX */

/* START MAX WIDTH 768PX */
@media screen and (max-width: 768px) {
	/* Algemeen */
	header .wpbf-container,
	footer .wpbf-container,
	.vc_row > .section_inner {
		padding: 0 50px;
	}
	
	h1{
		font-size:46px;
		font-size:4.25svmax;
		line-height:1.4em;
	}
	
	/* Text block 2/3 colum */ 
	.block-page-columns-inner {
        flex-direction: column;
    }
    .block-page-2columns .block-page-column,
    .block-page-3columns .block-page-column {
        flex: 1 1 100%;
    }
	
	/* Grids & sliders */
	.intro-grid .intro-grid-item{
		max-width:50%;
	}
	
	.home-opener{
		padding-top:364px;
		padding-bottom:64px;
	}
	.home-opener::after{
		bottom:auto;
		width:100%;
		height:300px;
		border-radius:0;
	}
	.home-opener .home-opener-content,
	.home-opener p{
		width:100%;
	}
	.home-opener .home-opener-content h1{
		padding:0;
		filter:none;
		background-color:transparent;
	}
	
	.rw-home-intro .wpb_wrapper > h2,
	.rw-home-intro .wpb_wrapper > p{
		width:100%;
	}
	
	.home-opener + .rw-home-intro, .home-opener + .rw-section-block, .home-opener + .padding-top-xl{
		padding-top:64px!important;
	}
	
	.rw-tussensectie .tussensectie-tekst{
		width:70%;
	}
	
	.rw-2col-img.rw-2col-img-left .col-img,
	.rw-2col-img.rw-2col-img-left .col-txt,
	.rw-home-contact .col-img,
	.rw-home-contact .col-txt{
		width:100%;
	}
	.rw-2col-img.rw-2col-img-left .col-img{
		order:1;
		margin-top:30px;
	}
	.rw-2col-img.rw-2col-img-left .col-txt{
		order:0;
		padding-left:0;
	}
	.rw-home-contact .col-txt{
		padding:64px 0 0 0;
	}
	
	.rw-section-image-block .block-page-container{
		flex-wrap:wrap;
		gap:30px;
	}
	.block-page-image-container,
	.block-page-content-container{
		flex:1 1 100%;
	}
	.block-page-image-container{
		order:1;
	}
	.block-page-content-container{
		order:0;
	}
	
	.contact-details{
		margin-top:30px;
	}
	
	/* Post detail page */
	.single-columns{
		flex-wrap:wrap;
	}
	.single-column-image,
	.single-column-content{
		flex:1 1 100%;
	}
	
	/* Footer */
	footer .wpbf-widget-footer .wpbf-footer-widget,
	footer .wpbf-widget-footer .wpbf-footer-widget.wpbf-footer-widget-2{
		width:100%;
	}
}
/* END MAX WIDTH 768PX */

/* START MAX WIDTH 600PX */
@media screen and (max-width: 600px) {
	/* Algemeen */
	.vc_row > .section_inner > .wpb_column:not(:first-child),
	.vc_row > .full_section_inner > .wpb_column:not(:first-child) {
		margin-top: 30px;
	}
	
	/* Grids & sliders */
	.intro-grid .intro-grid-item,
	.list-aanbod .block-aanbod,
	.list-aanbod.list-over_ons .block-aanbod{
		flex:1 1 100%;
		max-width:100%;
	}
	
	#ajax-contact-form .item-50{
		flex:1 1 100%;
	}
	
	/* Footer */
	.footer-woonzorgcentra p{
		width:100%;
	}
}
/* END MAX WIDTH 600PX */

/* START MAX WIDTH 480PX */
@media screen and (max-width: 480px) {
	/* Algemeen */
	header .wpbf-container,
	footer .wpbf-container,
	.vc_row > .section_inner {
		padding: 0 30px;
	}
	header .wpbf-pre-header .wpbf-container{
		padding:0 20px;
	}
	header .wpbf-pre-header .wpbf-menu{
		float:none;
	}
	
	.rw-tussensectie .tussensectie-tekst{
		width:80%;
	}
	.rw-tussensectie .tussensectie-tekst p{
		font-size:24px;
		font-size:2.5svmax;
	}
	
	.rw-2col-img.rw-2col-img-left .col-txt{
		margin-top:0!important;
	}
	
	.rw-home-contact:has(.contact-img img[src=""]) .col-txt{
		margin-top:0!important;
	}
}
/* END MAX WIDTH 480PX */

/* START MAX WIDTH 320PX */
@media screen and (max-width: 320px) {
	/* Algemeen */
	header .wpbf-container,
	footer .wpbf-container,
	.vc_row > .section_inner {
		padding: 0 20px;
	}
}
/* END MAX WIDTH 320PX */

/* START MIN WIDTH 1500PX */
@media screen and (min-width: 1500px) {
	/* Algemeen */
	h1 {
		font-size: 64px;
	}
	h2 {
		font-size: 36px;
	}
}
/* END MIN WIDTH 1500PX */