/*!
Theme Name: Van Schijndel
Theme URI: http://underscores.me/
Author: Onlyhumans
Author URI: https://onlyhumans.com
Description: The wordpress theme of the Van Schijndel NL website
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vanschijndel
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Van Schijndel is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/* ======== Font Faces ======== */

@font-face {
    font-family: 'Montserrat';
    src: url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Thin.eot");
    src: url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Thin.woff2") format("woff2"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Thin.woff") format("woff"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat';
    src: url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-ExtraLight.eot");
    src: url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-ExtraLight.woff2") format("woff2"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-ExtraLight.woff") format("woff"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat';
    src: url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Light.eot");
    src: url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Light.woff2") format("woff2"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Light.woff") format("woff"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat';
    src: url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Regular.eot");
    src: url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Regular.woff") format("woff"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat';
    src: url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Medium.eot");
    src: url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Medium.woff2") format("woff2"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Medium.woff") format("woff"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat';
    src: url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-SemiBold.eot");
    src: url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat';
    src: url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Bold.eot");
    src: url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Bold.woff2") format("woff2"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Bold.woff") format("woff"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat';
    src: url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-ExtraBold.eot");
    src: url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-ExtraBold.woff2") format("woff2"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-ExtraBold.woff") format("woff"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat';
    src: url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Black.eot");
    src: url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Black.woff2") format("woff2"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Black.woff") format("woff"), url("/wp-content/themes/vanschijndel/assets/fonts/Montserrat/Montserrat-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.eot");
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2") format("woff2"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff") format("woff"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans';
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Light.eot");
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Light.woff2") format("woff2"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Light.woff") format("woff"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Bold.eot");
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Bold.woff2") format("woff2"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Bold.woff") format("woff"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-SemiBold.eot");
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-SemiBold.woff2") format("woff2"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-SemiBold.woff") format("woff"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-LightItalic.eot");
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-LightItalic.woff2") format("woff2"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-LightItalic.woff") format("woff"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans';
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-ExtraBoldItalic.eot");
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-ExtraBoldItalic.woff2") format("woff2"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-ExtraBoldItalic.woff") format("woff"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans';
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Regular.eot");
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Regular.woff2") format("woff2"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Regular.woff") format("woff"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Italic.eot");
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Italic.woff2") format("woff2"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Italic.woff") format("woff"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans';
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-ExtraBold.eot");
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-ExtraBold.woff2") format("woff2"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-ExtraBold.woff") format("woff"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-BoldItalic.eot");
    src: url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-BoldItalic.woff2") format("woff2"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-BoldItalic.woff") format("woff"), url("/wp-content/themes/vanschijndel/assets/fonts/OpenSans/OpenSans-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic
}

@media screen and (max-width: 1420px) {
    .trigger-chrome-media-query-debugger {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .trigger-chrome-media-query-debugger {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .trigger-chrome-media-query-debugger {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .trigger-chrome-media-query-debugger {
        display: none;
    }
}


:root {
    --vsb_red: #db0d15;
    --vsb_blue: #002B3D;
    --vsb_dark_blue: #001D29;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
}

body {
    margin: 0
}

* {
    outline: 0;
    outline: none
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent;
    text-decoration: none
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    display: block
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

p:empty {
    display: none
}

body, button, input, select, optgroup, textarea {
    color: black;
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75
}

p {
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6, span.main-title-replacement {
    clear: both;
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    font-style: normal;
    margin-top: 0px;
    line-height: 1.25em
}

h1, span.main-title-replacement {
    font-size: 43.2px;
    font-size: 2.7rem */
}

h2 {
    font-size: 30px;
    font-size: 1.875rem
}

h3 {
    font-size: 24px;
    font-size: 1.5rem
}

h4 {
    font-size: 16px;
    font-size: 1rem
}

h5, h6 {
    font-size: 16px;
    font-size: 1rem
}

h2.sectie-titel {
    margin-top: 0px;
    margin-bottom: 1.66666em;
    color: var(--vsb_blue);
}

@media screen and (max-width: 480px) {
    h1 {
        font-size: 30px;
        font-size: 1.875rem
    }

    h2 {
        font-size: 20px;
        font-size: 1.25rem
    }

    h3 {
        font-size: 18px;
        font-size: 1.125rem
    }
}

p {
    margin-top: 0;
    margin-bottom: 1.75em
}

dfn, cite, em, i {
    font-style: italic
}

blockquote {
    margin: 0 1.5em
}

address {
    margin: 0 0 1.5em
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}

code, kbd, tt, var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: .9375rem
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

mark, ins {
    background: #fff9c0;
    text-decoration: none
}

big {
    font-size: 125%
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body {
    background: #fff;
    min-width: 320px
}

blockquote, q {
    quotes: "" ""
}

blockquote:before, blockquote:after, q:before, q:after {
    content: ""
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

ul, ol {
    margin: 0 0 1.5em 3em
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li > ul, li > ol {
    margin-bottom: 0;
    margin-left: 1.5em
}

dt {
    font-weight: bold
}

dd {
    margin: 0 1.5em 1.5em
}

img {
    height: auto;
    max-width: 100%
}

figure {
    margin: 1em 0
}

table {
    margin: 0 0 1.5em;
    width: 100%
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    padding: .6em 1em .4em
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa
}

button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb
}

body.single-post .nav-links .nav-previous a, body.single-post .nav-links .nav-next a, a.accentbtn {
    background: #e41e26;
    color: #FFFFFF;
    padding: 6px 22px;
    border: 2px solid var(--vsb_red);
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    font-style: normal;
    border-radius: 0px
}

body.single-post .nav-links .nav-previous a:hover, body.single-post .nav-links .nav-next a:hover, a.accentbtn:hover {
    color: var(--vsb_red);
    background: transparent;
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    font-style: normal
}

body.single-post .nav-links .nav-previous a + .accentbtn, body.single-post .nav-links .nav-next a + .accentbtn, a.accentbtn + .accentbtn {
    margin-top: 15px
}

body.single-post .nav-links .nav-previous a, body.single-post .nav-links .nav-next a {
    display: inline-block !important
}

@media screen and (max-width: 480px) {
    body.single-post .nav-links .nav-previous, body.single-post .nav-links .nav-next {
        display: block !important;
        width: 100%;
        margin-bottom: 20px
    }

    body.single-post .nav-links .nav-previous:last-child, body.single-post .nav-links .nav-next:last-child {
        margin-bottom: 0px
    }

    body.single-post .nav-links .nav-previous a, body.single-post .nav-links .nav-next a {
        display: block !important;
        text-align: center
    }
}

a.leesmeer:hover {
    font-weight: 600
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 0px;
    padding: 3px 9px
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    color: #111
}

select {
    border: 2px solid #e3e3e3
}

textarea {
    width: 100%
}

.gform_confirmation_message {
    font-weight: bold
}

.gform_validation_container {
    display: none !important
}

.contactformulier-kaart .gform_confirmation_message, .prefooter-nieuwsbrief .gform_confirmation_message {
    color: #FFFFFF
}

.referentie-contact{margin-top: 45px;}

.referentie-contact form .gform_body ul, .brochure-download form .gform_body ul, .prefooter-woonproject-contact form .gform_body ul, .contact-pagina .contact-formulier form .gform_body ul {
    margin: 0px;
    padding: 0px;
    list-style: none
}

.referentie-contact form .gform_body ul li, .brochure-download form .gform_body ul li, .prefooter-woonproject-contact form .gform_body ul li, .contact-pagina .contact-formulier form .gform_body ul li {
    margin-bottom: 18px
}

.referentie-contact form .gform_body ul li label, .brochure-download form .gform_body ul li label, .prefooter-woonproject-contact form .gform_body ul li label, .contact-pagina .contact-formulier form .gform_body ul li label {
    font-weight: 600;
    display: block;
    margin-bottom: 3px
}

.referentie-contact form .gform_body ul li input, .brochure-download form .gform_body ul li input, .prefooter-woonproject-contact form .gform_body ul li input, .contact-pagina .contact-formulier form .gform_body ul li input {
    width: 100%
}

.referentie-contact form .gform_body ul li textarea, .brochure-download form .gform_body ul li textarea, .prefooter-woonproject-contact form .gform_body ul li textarea, .contact-pagina .contact-formulier form .gform_body ul li textarea {
    resize: none !important;
    width: 100%;
    height: 135px
}

.referentie-contact form .gform_body ul li select, .brochure-download form .gform_body ul li select, .prefooter-woonproject-contact form .gform_body ul li select, .contact-pagina .contact-formulier form .gform_body ul li select {
    padding: 0 30px 0 5px;
    background: url(data:image/svg+xml; base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95 % 50 %
}

.referentie-contact form .gform_body ul li input, .referentie-contact form .gform_body ul li textarea, .referentie-contact form .gform_body ul li select, .brochure-download form .gform_body ul li input, .brochure-download form .gform_body ul li textarea, .brochure-download form .gform_body ul li select, .prefooter-woonproject-contact form .gform_body ul li input, .prefooter-woonproject-contact form .gform_body ul li textarea, .prefooter-woonproject-contact form .gform_body ul li select, .contact-pagina .contact-formulier form .gform_body ul li input, .contact-pagina .contact-formulier form .gform_body ul li textarea, .contact-pagina .contact-formulier form .gform_body ul li select {
    -webkit-appearance: none;
    background-color: #FFFFFF !important;
    border-radius: 0;
    border: none;
    border: 2px solid #e3e3e3 !important
}

.referentie-contact form .gform_body ul li input:-webkit-autofill, .referentie-contact form .gform_body ul li input:-webkit-autofill:hover, .referentie-contact form .gform_body ul li input:-webkit-autofill:focus, .referentie-contact form .gform_body ul li input:-webkit-autofill:active, .referentie-contact form .gform_body ul li textarea:-webkit-autofill, .referentie-contact form .gform_body ul li textarea:-webkit-autofill:hover, .referentie-contact form .gform_body ul li textarea:-webkit-autofill:focus, .referentie-contact form .gform_body ul li textarea:-webkit-autofill:active, .referentie-contact form .gform_body ul li select:-webkit-autofill, .referentie-contact form .gform_body ul li select:-webkit-autofill:hover, .referentie-contact form .gform_body ul li select:-webkit-autofill:focus, .referentie-contact form .gform_body ul li select:-webkit-autofill:active, .brochure-download form .gform_body ul li input:-webkit-autofill, .brochure-download form .gform_body ul li input:-webkit-autofill:hover, .brochure-download form .gform_body ul li input:-webkit-autofill:focus, .brochure-download form .gform_body ul li input:-webkit-autofill:active, .brochure-download form .gform_body ul li textarea:-webkit-autofill, .brochure-download form .gform_body ul li textarea:-webkit-autofill:hover, .brochure-download form .gform_body ul li textarea:-webkit-autofill:focus, .brochure-download form .gform_body ul li textarea:-webkit-autofill:active, .brochure-download form .gform_body ul li select:-webkit-autofill, .brochure-download form .gform_body ul li select:-webkit-autofill:hover, .brochure-download form .gform_body ul li select:-webkit-autofill:focus, .brochure-download form .gform_body ul li select:-webkit-autofill:active, .prefooter-woonproject-contact form .gform_body ul li input:-webkit-autofill, .prefooter-woonproject-contact form .gform_body ul li input:-webkit-autofill:hover, .prefooter-woonproject-contact form .gform_body ul li input:-webkit-autofill:focus, .prefooter-woonproject-contact form .gform_body ul li input:-webkit-autofill:active, .prefooter-woonproject-contact form .gform_body ul li textarea:-webkit-autofill, .prefooter-woonproject-contact form .gform_body ul li textarea:-webkit-autofill:hover, .prefooter-woonproject-contact form .gform_body ul li textarea:-webkit-autofill:focus, .prefooter-woonproject-contact form .gform_body ul li textarea:-webkit-autofill:active, .prefooter-woonproject-contact form .gform_body ul li select:-webkit-autofill, .prefooter-woonproject-contact form .gform_body ul li select:-webkit-autofill:hover, .prefooter-woonproject-contact form .gform_body ul li select:-webkit-autofill:focus, .prefooter-woonproject-contact form .gform_body ul li select:-webkit-autofill:active, .contact-pagina .contact-formulier form .gform_body ul li input:-webkit-autofill, .contact-pagina .contact-formulier form .gform_body ul li input:-webkit-autofill:hover, .contact-pagina .contact-formulier form .gform_body ul li input:-webkit-autofill:focus, .contact-pagina .contact-formulier form .gform_body ul li input:-webkit-autofill:active, .contact-pagina .contact-formulier form .gform_body ul li textarea:-webkit-autofill, .contact-pagina .contact-formulier form .gform_body ul li textarea:-webkit-autofill:hover, .contact-pagina .contact-formulier form .gform_body ul li textarea:-webkit-autofill:focus, .contact-pagina .contact-formulier form .gform_body ul li textarea:-webkit-autofill:active, .contact-pagina .contact-formulier form .gform_body ul li select:-webkit-autofill, .contact-pagina .contact-formulier form .gform_body ul li select:-webkit-autofill:hover, .contact-pagina .contact-formulier form .gform_body ul li select:-webkit-autofill:focus, .contact-pagina .contact-formulier form .gform_body ul li select:-webkit-autofill:active {
    background-color: #FFFFFF !important
}

.referentie-contact form .gform_body ul li.gf_fw_selectbox select, .brochure-download form .gform_body ul li.gf_fw_selectbox select, .prefooter-woonproject-contact form .gform_body ul li.gf_fw_selectbox select, .contact-pagina .contact-formulier form .gform_body ul li.gf_fw_selectbox select {
    width: 100%;
    padding: 0 20px 0 5px;
    background: url(data:image/svg+xml; base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 99 % 50 %
}

.referentie-contact form .gform_body ul li.gf_left_half, .referentie-contact form .gform_body ul li.gf_right_half, .brochure-download form .gform_body ul li.gf_left_half, .brochure-download form .gform_body ul li.gf_right_half, .prefooter-woonproject-contact form .gform_body ul li.gf_left_half, .prefooter-woonproject-contact form .gform_body ul li.gf_right_half, .contact-pagina .contact-formulier form .gform_body ul li.gf_left_half, .contact-pagina .contact-formulier form .gform_body ul li.gf_right_half {
    width: 50%;
    display: inline-block
}

@media screen and (max-width: 480px) {
    .referentie-contact form .gform_body ul li.gf_left_half, .referentie-contact form .gform_body ul li.gf_right_half, .brochure-download form .gform_body ul li.gf_left_half, .brochure-download form .gform_body ul li.gf_right_half, .prefooter-woonproject-contact form .gform_body ul li.gf_left_half, .prefooter-woonproject-contact form .gform_body ul li.gf_right_half, .contact-pagina .contact-formulier form .gform_body ul li.gf_left_half, .contact-pagina .contact-formulier form .gform_body ul li.gf_right_half {
        width: 100%;
        padding: 0px !important
    }
}

.referentie-contact form .gform_body ul li.gf_left_half, .brochure-download form .gform_body ul li.gf_left_half, .prefooter-woonproject-contact form .gform_body ul li.gf_left_half, .contact-pagina .contact-formulier form .gform_body ul li.gf_left_half {
    padding-right: 12.5px
}

.referentie-contact form .gform_body ul li.gf_right_half, .brochure-download form .gform_body ul li.gf_right_half, .prefooter-woonproject-contact form .gform_body ul li.gf_right_half, .contact-pagina .contact-formulier form .gform_body ul li.gf_right_half {
    padding-left: 12.5px
}

.referentie-contact form .gform_body ul li.hide-label label.gfield_label, .brochure-download form .gform_body ul li.hide-label label.gfield_label, .prefooter-woonproject-contact form .gform_body ul li.hide-label label.gfield_label, .contact-pagina .contact-formulier form .gform_body ul li.hide-label label.gfield_label {
    display: none
}

.referentie-contact form .gform_footer input[type="submit"], .brochure-download form .gform_footer input[type="submit"], .prefooter-woonproject-contact form .gform_footer input[type="submit"], .contact-pagina .contact-formulier form .gform_footer input[type="submit"] {
    border: 2px solid black;
    background-color: transparent;
    border-radius: 0;
    padding: 13px 30px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1em;
    color: black;
    font-weight: 600;
    height: 45px
}

.referentie-contact form .gform_footer input[type="submit"]:hover, .brochure-download form .gform_footer input[type="submit"]:hover, .prefooter-woonproject-contact form .gform_footer input[type="submit"]:hover, .contact-pagina .contact-formulier form .gform_footer input[type="submit"]:hover {
    background-color: black;
    color: #FFFFFF
}

.gform_wrapper .gform_body ul.gform_fields li.hide-label label.gfield_label {
    display: none
}

.gform_wrapper .gform_body ul.gform_fields li ul.gfield_checkbox {
    padding: 0px;
    margin: 0
}

.gform_wrapper .gform_body ul.gform_fields li ul.gfield_checkbox li + li {
    margin-top: .6em
}

.gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li {
    position: relative;
    padding-left: 40px
}

.gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li label:after {
    content: "";
    background: #ffffff;
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li label:before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 15px;
    border: solid var(--vsb_red);
    border-width: 0 3px 3px 0;
    left: 10px;
    top: 4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms
}

.gform_wrapper .gform_body ul.gform_fields li input[type="checkbox"] {
    opacity: 0;
    outline: none;
    z-index: 100;
    width: 27px;
    height: 27px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

.gform_wrapper .gform_body ul.gform_fields li input[type="checkbox"] + label {
    cursor: pointer
}

.gform_wrapper .gform_body ul.gform_fields li input[type="checkbox"]:checked + label:before {
    opacity: 1;
    top: 4px
}

.contactformulier-kaart .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li, .prefooter-nieuwsbrief .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li {
    margin-bottom: 0px
}

.contactformulier-kaart .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li label, .prefooter-nieuwsbrief .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li label {
    color: #ffffff
}

.contactformulier-kaart .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li label a, .prefooter-nieuwsbrief .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li label a {
    color: #ffffff;
    border-bottom: 1px solid #ffffff
}

.contactformulier-kaart .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li label:after, .prefooter-nieuwsbrief .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li label:after {
    -webkit-box-shadow: 0px 0px 0px 2px rgba(1, 107, 153, 0.2), inset 0 0 0 30px white;
    box-shadow: 0px 0px 0px 2px rgba(1, 107, 153, 0.2), inset 0 0 0 30px white
}

.contactformulier-kaart .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li input, .prefooter-nieuwsbrief .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li input {
    opacity: 0;
    outline: none;
    z-index: 100;
    width: 27px;
    height: 27px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

body.page-template-template-contact .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li label, body.single-vsb_woonprojecten .brochure-download .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li label, body.single-vsb_woonprojecten .prefooter-woonproject-contact .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li label, body.single-vsb_referenties .referentie-contact .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li label {
    margin-bottom: 30px
}

body.page-template-template-contact .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li label:after, body.single-vsb_woonprojecten .brochure-download .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li label:after, body.single-vsb_woonprojecten .prefooter-woonproject-contact .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li label:after, body.single-vsb_referenties .referentie-contact .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li label:after {
    border: 2px solid #e3e3e3;
    border-radius: 0px
}

body.page-template-template-contact .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li input, body.single-vsb_woonprojecten .brochure-download .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li input, body.single-vsb_woonprojecten .prefooter-woonproject-contact .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li input, body.single-vsb_referenties .referentie-contact .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li input {
    opacity: 0;
    outline: none;
    z-index: 100;
    width: 27px;
    height: 27px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

body.single-vsb_woonprojecten .prefooter-woonproject-contact .validation_error, body.single-vsb_woonprojecten .prefooter-woonproject-contact .gfield_description.validation_message, .prefooter-contact-cta .validation_error, .prefooter-contact-cta .gfield_description.validation_message {
    color: var(--vsb_red);
}

.prefooter-contact-cta .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li label:after {
    -webkit-box-shadow: 0px 0px 0px 2px rgba(77, 77, 77, 0.2), inset 0 0 0 30px white;
    box-shadow: 0px 0px 0px 2px rgba(77, 77, 77, 0.2), inset 0 0 0 30px white
}

.prefooter-contact-cta .gform_wrapper .gform_body ul.gform_fields li .gfield_checkbox li input {
    opacity: 0;
    outline: none;
    z-index: 100;
    width: 27px;
    height: 27px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

a {
    color: var(--vsb_red);
    outline: 0;
    outline: none
}

a:visited {
    outline: 0;
    outline: none
}

a:hover, a:focus, a:active {
    outline: 0;
    outline: none;
    cursor: pointer
}

a:focus {
    outline: 0;
    outline: none
}

a:hover, a:active {
    outline: 0;
    outline: none
}

.main-navigation {
    clear: both;
    display: block;
    width: 100%
}

.main-navigation ul {
    display: block;
    list-style: none;
    margin: 0;
    padding-left: 0
}

.main-navigation ul ul {
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0
}

.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
    left: 100%
}

.main-navigation ul ul a {
    width: 200px
}

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
    left: auto
}

.main-navigation li {
    float: left;
    position: relative
}

.main-navigation a {
    display: block;
    text-decoration: none
}

.main-navigation.icoon-menu {
    background-color: #f2f2f3;
    height: 90px
}

.main-navigation.icoon-menu .container {
    height: 100%
}

.main-navigation.icoon-menu ul {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main-navigation.icoon-menu ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main-navigation.icoon-menu ul li:hover {
    background-color: #e4e4e7;
    cursor: pointer
}

.main-navigation.icoon-menu ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14.4px;
    font-size: .9rem;
    color: #000000;
    height: 100%
}

.main-navigation.icoon-menu ul li a img {
    height: 40px;
    width: 40px;
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
    margin-right: 12px
}

@media screen and (max-width: 991px) {
    .main-navigation.icoon-menu ul li a img {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .main-navigation.icoon-menu {
        display: none
    }
}

.main-navigation.standaard {
    height: 45px;
    background-color: #FFFFFF
}

@media screen and (max-width: 991px) {
    .main-navigation.standaard {
        height: auto
    }
}

@media screen and (max-width: 767px) {
    .main-navigation.standaard {
        display: none
    }
}

.main-navigation.standaard .container {
    height: 100%;
    text-align: right
}

@media screen and (max-width: 991px) {
    .main-navigation.standaard .container {
        padding-left: 170px;
        padding-right: 15px
    }
}

.main-navigation.standaard .container ul {
    display: inline-block
}

@media screen and (max-width: 991px) {
    .main-navigation.standaard .container ul {
        display: inline-block;
        vertical-align: top
    }
}

.main-navigation.standaard .container ul li {
    height: 100%;
    line-height: 45px;
    margin-left: 35px
}

@media screen and (max-width: 991px) {
    .main-navigation.standaard .container ul li {
        margin-left: 20px
    }
}

.main-navigation.standaard .container ul li a {
    color: #000000;
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    font-size: .875rem
}

.main-navigation.standaard .container ul li a:hover {
    color: var(--vsb_red)
}

@media screen and (max-width: 991px) {
    .main-navigation.standaard .container ul li a {
        font-size: 12.8px;
        font-size: .8rem
    }
}

.main-navigation.standaard .container ul li.current-menu-item a {
    color: var(--vsb_red);
}

.logo-spacer {
    height: 50px
}

@media screen and (max-width: 991px) {
    .logo-spacer {
        height: 125px
    }
}

@media screen and (max-width: 480px) {
    .logo-spacer {
        height: 90px
    }
}

.menu-toggle, .main-navigation.toggled ul {
    display: none
}

@media screen and (max-width: 767px) {
    .menu-toggle {
        display: block
    }

    .main-navigation ul {
        display: none
    }
}

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
    margin: 0;
    overflow: hidden
}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
    float: left;
    width: 50%
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%
}

.secondary-navigation {
    position: absolute !important;
    right: 60px !important;
    top: 60px !important;
    color: #FFF;
    z-index: 9;
    height: 28px
}

.secondary-navigation .container {
    text-align: right
}

.secondary-navigation .container ul.menu {
    padding: 0;
    margin: 0;
    list-style: none
}

.secondary-navigation .container ul.menu li {
    display: inline-block;
    margin-left: 40px
}

.secondary-navigation .container ul.menu li a {
    color: white;
    line-height: 28px;
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff00;
    transition: all 0.2s ease;
}

.secondary-navigation .container ul.menu li a:hover {
    border-bottom: 2px solid white;
}

.secondary-navigation .container ul.menu li.current-menu-item a, .secondary-navigation .container ul.menu li.current-page-ancestor a {
    font-weight: 800;
}

.secondary-navigation .container > a {
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    font-size: .75rem;
    text-transform: uppercase;
    color: #FFFFFF
}

.secondary-navigation .container > a i.woonproject-burger-icoon {
    height: 10px;
    width: 14px;
    background-image: url(/wp-content/themes/vanschijndel/assets/img/woonprojecten_burger_icoon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
    margin-right: 7px
}

.secondary-navigation .container > a:hover {
    text-decoration: underline
}

@media screen and (max-width: 767px) {
    .secondary-navigation {
        display: none
    }
}

body.single-post .secondary-navigation li.current_page_parent a {
    color: var(--vsb_red);
}

.site-branding {
    position: relative
}

.site-branding img {
    z-index: 99;
    max-width: 141px;
    position: absolute;
    top: -28px;
    left: 0;
    /*-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);*/
}

@media screen and (max-width: 767px) {
    .site-branding img {
        top: 0
    }
}

@media screen and (max-width: 480px) {
    .site-branding img {
        max-width: 92px
    }
}

@media screen and (max-width: 1470px) {
    .site-branding {
        margin: 0 25px !important;
        padding: 0 !important;
        width: calc(100% - (2 * 25px)) !important
    }
}

.woonproject-menu {
    background-color: #f2f2f3
}

.woonproject-menu .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.woonproject-menu .container ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f2f2f3;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.woonproject-menu .container ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 2px;
    position: relative
}

.woonproject-menu .container ul li.current-tablet {
    display: none
}

.woonproject-menu .container ul li.current-tablet + li:before {
    display: none
}

.woonproject-menu .container ul li:hover {
    background-color: #e4e4e7;
    cursor: pointer
}

.woonproject-menu .container ul li a {
    padding: 0 40px;
    display: block;
    height: 100%;
    line-height: 50px;
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    font-size: .875rem;
    color: #000000;
    text-transform: uppercase
}

.woonproject-menu .container ul li a:hover {
    color: var(--vsb_red)
}

.woonproject-menu .container ul li.current-menu-item a {
    color: var(--vsb_red)
}

.woonproject-menu .container ul li:before {
    content: "";
    width: 2px;
    height: 14px;
    background-color: #000000;
    position: absolute;
    top: 50%;
    left: -2px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 991px) {
    .woonproject-menu .container ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }

    .woonproject-menu .container ul li a {
        width: 100%
    }

    .woonproject-menu .container ul li:before {
        display: none
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .woonproject-menu .container ul.dropdown-tablet {
        width: 100%
    }

    .woonproject-menu .container ul.dropdown-tablet li {
        display: none
    }

    .woonproject-menu .container ul.dropdown-tablet li.current-tablet {
        padding: 0 40px;
        display: block;
        line-height: 50px;
        font-family: "Montserrat", "Open Sans", sans-serif;
        font-weight: bold;
        font-style: normal;
        font-size: 14px;
        font-size: .875rem;
        color: var(--vsb_red);
        text-transform: uppercase
    }

    .woonproject-menu .container ul.dropdown-tablet li.current-tablet:after {
        position: absolute;
        content: "";
        height: 100%;
        width: 35px;
        top: 0px;
        right: 0px;
        background-image: url(data:image/png; base64,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);
        background-position: right;
        background-repeat: no-repeat;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s
    }

    .woonproject-menu .container ul.dropdown-tablet li:hover {
        background: transparent
    }

    .woonproject-menu .container ul.dropdown-tablet.open li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .woonproject-menu .container ul.dropdown-tablet.open li.current-tablet {
        display: block;
        border-bottom: 1px solid var(--vsb_red);
    }

    .woonproject-menu .container ul.dropdown-tablet.open li.current-tablet:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s
    }
}

@media screen and (max-width: 767px) {
    .woonproject-menu {
        display: none
    }
}

button.menu-toggle {
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 9999;
    background: #FFFFFF;
    border-radius: 0;
    border: none;
    color: #000000;
    text-transform: uppercase;
    padding: 11px 16px;
    height: 45px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
    font-size: 1rem;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

button.menu-toggle.toggled {
    top: -45px;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

button.menu-toggle span.icon {
    width: 19px;
    height: 13px;
    display: inline-block;
    background-image: url(/wp-content/themes/vanschijndel/assets/img/hoofdsite_burger_icoon.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px
}

@media screen and (max-width: 480px) {
    .main-navigation {
        float: right
    }
}

nav.mobile-menu {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 99999;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding-left: 25px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s
}

nav.mobile-menu.toggled {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s
}

nav.mobile-menu.toggled .menu-slide-container {
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s
}

nav.mobile-menu .menu-slide-container {
    background-color: #FFFFFF;
    max-height: 100%;
    overflow-y: scroll;
    padding-top: 44px
}

nav.mobile-menu .menu-slide-container .menu-home-link {
    background-color: var(--vsb_red);
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    position: fixed;
    width: calc(100% - 25px);
    top: 0px;
    right: 0px;
    border-bottom: 1px solid white;
    -webkit-transition: top 0.2s;
    -o-transition: top 0.2s;
    transition: top 0.2s
}

nav.mobile-menu .menu-slide-container .menu-home-link a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 45px;
    display: block;
    text-transform: uppercase;
    padding: 0 13px;
    color: #FFFFFF;
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 12px;
    font-size: .75rem
}

nav.mobile-menu .menu-slide-container .menu-home-link .close-mobile-menu {
    width: 40px;
    line-height: 45px;
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 19.2px;
    font-size: 1.2rem;
    background: #000000;
    text-align: center;
    cursor: pointer
}

nav.mobile-menu .menu-slide-container .woonproject-mobile-menu li a {
    padding: 0 13px 0 26px
}

nav.mobile-menu .menu-slide-container .woonproject-mobile-menu li.projectlink a {
    padding: 0 13px
}

nav.mobile-menu .menu-slide-container ul {
    margin: 0px;
    padding: 0px;
    list-style: none
}

nav.mobile-menu .menu-slide-container ul li.current-menu-item {
    background-color: #949494 !important
}

nav.mobile-menu .menu-slide-container ul li.current-menu-item a {
    color: #FFFFFF !important;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), color-stop(30%, transparent), color-stop(70%, transparent), to(rgba(0, 0, 0, 0.1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 30%, transparent 70%, rgba(0, 0, 0, 0.1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 30%, transparent 70%, rgba(0, 0, 0, 0.1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, transparent 30%, transparent 70%, rgba(0, 0, 0, 0.1) 100%)
}

nav.mobile-menu .menu-slide-container ul li a {
    line-height: 45px;
    display: block;
    text-transform: uppercase;
    padding: 0 13px;
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 12px;
    font-size: .75rem
}

nav.mobile-menu .menu-slide-container ul#menu-projecttypes li, nav.mobile-menu .menu-slide-container .woonproject-mobile-menu ul li {
    background: #f2f2f3;
    margin-top: 1px
}

nav.mobile-menu .menu-slide-container ul#menu-projecttypes li a, nav.mobile-menu .menu-slide-container .woonproject-mobile-menu ul li a {
    color: #000000
}

nav.mobile-menu .menu-slide-container ul#menu-projecttypes li img.menu-icon, nav.mobile-menu .menu-slide-container .woonproject-mobile-menu ul li img.menu-icon {
    display: none
}

nav.mobile-menu .menu-slide-container ul#menu-about li a {
    color: var(--vsb_red)
}

nav.mobile-menu .secondary-nav .menu-item-home {
    display: none
}

body.archive.tax-referentie_types.term-bedrijfsruimten li.menu-item-281 a {
    color: var(--vsb_red);
}

body.archive.tax-referentie_types.term-kantoren li.menu-item-611 a {
    color: var(--vsb_red);
}

body.archive.tax-referentie_types.term-winkels li.menu-item-614 a {
    color: var(--vsb_red);
}

body.archive.tax-referentie_types.term-maatschappelijk li.menu-item-612 a {
    color: var(--vsb_red);
}

body.archive.tax-referentie_types.term-woningen li.menu-item-613 a {
    color: var(--vsb_red)
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#content[tabindex="-1"]:focus {
    outline: 0
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
    content: "";
    display: table;
    table-layout: fixed
}

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
    clear: both
}

.widget {
    margin: 0 0 1.5em
}

.widget select {
    max-width: 100%
}

.sticky {
    display: block
}

.updated:not(.published) {
    display: none
}

.page-content, .entry-content, .entry-summary {
    margin: 1.5em 0 0
}

.entry-content {
    margin-bottom: 60px
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

#page.site {
    overflow-x: hidden
}

.site-content, .container {
    margin: 0 auto;
    width: 1420px;
    max-width: 100%
}

@media screen and (max-width: 1470px) {
    .site-content, .container {
        padding: 0 25px;
        width: 100%
    }
}

.smallcontainer {
    margin: 0 auto;
    width: 850px;
    max-width: 100%
}

@media screen and (max-width: 900px) {
    .smallcontainer {
        padding: 0 25px;
        width: 100%
    }
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.embed-container img {
    position: absolute;
    width: 40px;
    top: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    left: 50%;
    z-index: -1
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100vh
}

#catapult-cookie-bar {
    left: 20px !important;
    bottom: 20px !important
}

@media screen and (max-width: 767px) {
    #catapult-cookie-bar {
        left: 10px !important;
        bottom: 10px !important;
        width: calc(100vw - 20px) !important
    }
}

#catapult-cookie-bar a {
    text-decoration: underline
}

#catapult-cookie-bar button#catapultCookie {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 2px solid #000000;
    background-color: #000000;
    border-radius: 0;
    padding: 7px 17px;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.4em;
    color: #FFFFFF;
    font-weight: 600;
    display: inline-table
}

#catapult-cookie-bar button#catapultCookie:hover {
    border: 2px solid #FFFFFF;
    background: transparent
}

body.single-post .entry-content {
    margin-bottom: 30px
}

body.single-post article {
    max-width: 60%;
    margin: 0 auto
}

@media screen and (max-width: 767px) {
    body.single-post article {
        max-width: 80%
    }
}

@media screen and (max-width: 480px) {
    body.single-post article {
        max-width: 100%
    }
}

body.single-post article .entry-header h1 {
    margin-bottom: 0px
}

body.single-post article .entry-header span.date {
    display: block;
    margin-bottom: 40px
}

body.single-post article .entry-footer {
    margin-bottom: 90px
}

body.single-post article .entry-footer .terms {
    margin-bottom: 90px
}

body.single-post article .entry-footer .terms span {
    font-family: "Montserrat", "Open Sans", sans-serif;;
    font-weight: 600;
    font-style: normal;
    border-bottom: 1px solid var(--vsb_red);
    display: inline-block;
    margin-bottom: 0.67em
}

body.single-post article .entry-footer .terms .entry-categories {
    margin-bottom: 1em
}

body.error404 .header-banner {
    display: none
}

body.error404 .logo-spacer {
    height: 50px !important
}

@media screen and (max-width: 767px) {
    body.error404 .logo-spacer {
        height: 125px !important
    }
}

body.error404 .content-404 {
    max-width: 80%;
    margin: 0 auto
}

body.error404 .content-404 header.page-header {
    margin-bottom: 60px
}

body.error404 .content-404 h2.sectie-titel {
    margin-bottom: 25px;
    margin-top: 50px
}

body.error404 .content-404 .kaart-container {
    margin-top: 0px
}

@media screen and (max-width: 480px) {
    body.error404 .content-404 {
        max-width: 100%
    }
}

body.tax-referentie_types #page #primary #main h2.referentie-type-titel {
    text-transform: capitalize
}

body.tax-referentie_types #page #primary #main h2.referentie-type-titel span.projecttype-icoon img {
    width: 50px;
    margin-right: 8px;
    margin-bottom: -8px
}

.ribbon {
    position: absolute;
    top: 20px;
    left: -20px;
    z-index: 99;
    background-color: var(--vsb_red);
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 10px;
    height: 30px;
    padding: 10px 12px;
    color: #FFFFFF;
    text-transform: uppercase
}

.ribbon:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #383838 transparent transparent;
    position: absolute;
    top: 30px;
    left: 0px
}

.videolightbox {
    background: rgba(0, 0, 0, 0.85);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    color: #FFFFFF;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    z-index: 9999;
    display: none
}

.videolightbox.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    visibility: visible;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

.videolightbox.visible iframe {
    visibility: visible
}

.videolightbox .smallcontainer {
    -ms-flex-item-align: center;
    align-self: center;
    max-height: 100vh;
    position: relative
}

@media screen and (max-width: 991px) {
    .videolightbox .smallcontainer {
        padding: 0 25px
    }
}

@media screen and (max-width: 480px) {
    .videolightbox .smallcontainer {
        padding: 0
    }
}

.videolightbox iframe {
    opacity: 0;
    visibility: hidden
}

.videolightbox .close-video-lightbox {
    content: "";
    position: absolute;
    right: -40px;
    top: -40px;
    width: 40px;
    height: 40px;
    z-index: 999
}

.videolightbox .close-video-lightbox:before, .videolightbox .close-video-lightbox:after {
    position: absolute;
    left: 15px;
    content: '';
    height: 33px;
    width: 2px;
    background-color: #fff
}

.videolightbox .close-video-lightbox:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.videolightbox .close-video-lightbox:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.videolightbox .close-video-lightbox:hover {
    cursor: pointer
}

.videolightbox .close-video-lightbox:hover:before, .videolightbox .close-video-lightbox:hover:after {
    background-color: var(--vsb_red);
}

@media screen and (max-width: 991px) {
    .videolightbox .close-video-lightbox {
        right: 20px
    }
}

@media screen and (max-width: 480px) {
    .videolightbox .close-video-lightbox {
        right: -4px
    }
}

.contactformulier-kaart {
    background-color: var(--vsb_red);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    margin-bottom: 97px;
    -webkit-box-shadow: 0px 20px 70px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 20px 70px 0px rgba(0, 0, 0, 0.15)
}

.contactformulier-kaart h2, .contactformulier-kaart h3, .contactformulier-kaart h4, .contactformulier-kaart h5, .contactformulier-kaart h6, .contactformulier-kaart p.omschrijving {
    color: #FFFFFF;
    margin: 0 0 10px 0
}

.contactformulier-kaart h2, .contactformulier-kaart h3, .contactformulier-kaart h4, .contactformulier-kaart h5, .contactformulier-kaart h6 {
    padding-top: 22px
}

.contactformulier-kaart p.omschrijving {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.945em;
    margin: 0 0 15px 0
}

.contactformulier-kaart > h2, .contactformulier-kaart p.omschrijving, .contactformulier-kaart .gform_wrapper {
    padding-left: 30px;
    padding-right: 30px
}

@media screen and (max-width: 480px) {
    .contactformulier-kaart > h2, .contactformulier-kaart p.omschrijving, .contactformulier-kaart .gform_wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.contactformulier-kaart form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.contactformulier-kaart form .gform_body {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.contactformulier-kaart form .gform_body ul.gform_fields {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.contactformulier-kaart form .gform_body ul.gform_fields li {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-bottom: 25px
}

.contactformulier-kaart form .gform_body ul.gform_fields li:last-child {
    margin-bottom: 20px
}

.contactformulier-kaart form .gform_body ul.gform_fields li label.gfield_label {
    color: #FFFFFF;
    margin-bottom: 4px;
    display: inline-block;
    line-height: 1em;
    font-weight: 600
}

.contactformulier-kaart form .gform_body ul.gform_fields li .ginput_container {
    padding-right: 0
}

.contactformulier-kaart form .gform_body ul.gform_fields li .ginput_container input, .contactformulier-kaart form .gform_body ul.gform_fields li .ginput_container textarea {
    background-color: #FFFFFF !important;
    padding: 15px;
    width: 100%;
    height: 45px;
    border-radius: 0;
    color: black;
    border: none;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(1, 107, 153, 0.2), inset 0 0 0 30px white;
    box-shadow: 0px 0px 0px 2px rgba(1, 107, 153, 0.2), inset 0 0 0 30px white
}

.contactformulier-kaart form .gform_body ul.gform_fields li .ginput_container input:-webkit-autofill, .contactformulier-kaart form .gform_body ul.gform_fields li .ginput_container input:-webkit-autofill:hover, .contactformulier-kaart form .gform_body ul.gform_fields li .ginput_container input:-webkit-autofill:focus, .contactformulier-kaart form .gform_body ul.gform_fields li .ginput_container input:-webkit-autofill:active, .contactformulier-kaart form .gform_body ul.gform_fields li .ginput_container textarea:-webkit-autofill, .contactformulier-kaart form .gform_body ul.gform_fields li .ginput_container textarea:-webkit-autofill:hover, .contactformulier-kaart form .gform_body ul.gform_fields li .ginput_container textarea:-webkit-autofill:focus, .contactformulier-kaart form .gform_body ul.gform_fields li .ginput_container textarea:-webkit-autofill:active {
    background-color: #FFFFFF !important
}

.contactformulier-kaart form .gform_body ul.gform_fields li .ginput_container textarea {
    height: 120px;
    resize: none !important;
    width: 100%
}

.header-banner .inhoud h1 {padding-bottom:35px;}

.contactformulier-kaart form .gform_footer {
    display: inline-block;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 30px
}

.contactformulier-kaart form .gform_footer input[type="submit"] {
    border: 2px solid white;
    background-color: transparent;
    border-radius: 0;
    padding: 13px 30px;
    font-size: 19.2px;
    font-size: 1.2rem;
    line-height: 1em;
    color: #FFFFFF;
    font-weight: 600;
    height: 45px
}

.contactformulier-kaart form .gform_footer input[type="submit"]:hover {
    background-color: #FFFFFF;
    color: #1c1314
}

@media screen and (max-width: 1190px) {
    .contactformulier-kaart form .gform_footer {
        margin-bottom: 25px
    }
}

@media screen and (max-width: 1190px) {
    .contactformulier-kaart {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 15px);
        flex: 0 0 calc(50% - 15px);
        -ms-flex-preferred-size: calc(50% - 15px);
        flex-basis: calc(50% - 15px);
        margin-bottom: 30px
    }
}

@media screen and (max-width: 767px) {
    .contactformulier-kaart {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 30px
    }
}

.nieuwsbericht-slider {
    margin-bottom: 72px
}

.nieuwsbericht-slider .nieuws-slider {
    margin-bottom: 43px;
    position: relative
}

.nieuwsbericht-slider .nieuws-slider .slick-list {
    margin-left: -15px;
    margin-right: -15px
}

@media screen and (max-width: 480px) {
    .nieuwsbericht-slider .nieuws-slider .slick-list {
        margin-left: 0px;
        margin-right: 0px
    }
}

.nieuwsbericht-slider .nieuws-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nieuwsbericht-slider .nieuws-slider .slide-container {
    padding: 0 15px;
    height: auto
}

@media screen and (max-width: 480px) {
    .nieuwsbericht-slider .nieuws-slider .slide-container {
        padding: 0px
    }
}

.nieuwsbericht-slider .nieuws-slider .slide-container .nieuwsbericht {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

@media screen and (max-width: 1190px) {
    .nieuwsbericht-slider .nieuws-slider .slide-container .nieuwsbericht {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.nieuwsbericht-slider .nieuws-slider .slide-container .nieuwsbericht .featured-afbeelding {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow-x: hidden
}

@media screen and (max-width: 1190px) {
    .nieuwsbericht-slider .nieuws-slider .slide-container .nieuwsbericht .featured-afbeelding {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .nieuwsbericht-slider .nieuws-slider .slide-container .nieuwsbericht .featured-afbeelding {
        height: 200px
    }
}

.nieuwsbericht-slider .nieuws-slider .slide-container .nieuwsbericht .featured-afbeelding img {
    opacity: 0;
    visibility: hidden;
    height: 100%
}

.nieuwsbericht-slider .nieuws-slider .slide-container .nieuwsbericht .inhoud {
    border-width: 2px 2px 2px 0;
    border-color: #f1f1f1;
    border-style: solid;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 270px;
    flex: 1 0 270px;
    padding: 30px;
    min-width: 410px
}

@media screen and (max-width: 1420px) {
    .nieuwsbericht-slider .nieuws-slider .slide-container .nieuwsbericht .inhoud {
        min-width: 300px
    }
}

@media screen and (max-width: 1190px) {
    .nieuwsbericht-slider .nieuws-slider .slide-container .nieuwsbericht .inhoud {
        border-width: 0 2px 2px 2px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0;
        flex: 1 0
    }
}

@media screen and (max-width: 767px) {
    .nieuwsbericht-slider .nieuws-slider .slide-container .nieuwsbericht .inhoud {
        min-width: auto
    }
}

.nieuwsbericht-slider .nieuws-slider .slide-container .nieuwsbericht .inhoud .titel {
    margin: 0px;
    color: #000000;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 5px
}

.nieuwsbericht-slider .nieuws-slider .slide-container .nieuwsbericht .inhoud .datum {
    color: #575757;
    margin-bottom: 13px
}

.nieuwsbericht-slider .nieuws-slider .slide-container .nieuwsbericht .inhoud .korte-inhoud, .nieuwsbericht-slider .nieuws-slider .slide-container .nieuwsbericht .inhoud .korte-inhoud p {
    margin-bottom: 0px;
    color: #000000;
    word-break: break-word
}

.nieuwsbericht-slider .nieuws-slider .slick-prev, .nieuwsbericht-slider .nieuws-slider .slick-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0px;
    height: 100% !important;
    width: 72px !important
}

@media screen and (max-width: 1564px) {
    .nieuwsbericht-slider .nieuws-slider .slick-prev, .nieuwsbericht-slider .nieuws-slider .slick-next {
        width: 48px !important
    }
}

.nieuwsbericht-slider .nieuws-slider .slick-prev {
    left: -72px
}

@media screen and (max-width: 1564px) {
    .nieuwsbericht-slider .nieuws-slider .slick-prev {
        left: -24px;
        z-index: 99
    }
}

.nieuwsbericht-slider .nieuws-slider .slick-next {
    right: -72px
}

@media screen and (max-width: 1564px) {
    .nieuwsbericht-slider .nieuws-slider .slick-next {
        right: -24px;
        z-index: 99
    }
}

.nieuwsbericht-slider .nieuws-slider .slick-prev span, .nieuwsbericht-slider .nieuws-slider .slick-next span {
    background-image: url(/wp-content/themes/vanschijndel/assets/img/nieuws-slider-pijlen.png);
    background-repeat: no-repeat;
    width: 42px;
    height: 42px;
    display: block;
    cursor: pointer
}

@media screen and (max-width: 1564px) {
    .nieuwsbericht-slider .nieuws-slider .slick-prev span, .nieuwsbericht-slider .nieuws-slider .slick-next span {
        background-image: url(/wp-content/themes/vanschijndel/assets/img/nieuws-slider-pijlen-mobile.png);
        width: 42px;
        height: 42px
    }
}

.nieuwsbericht-slider .nieuws-slider .slick-prev span {
    background-position: 0px 0px
}

@media screen and (max-width: 1564px) {
    .nieuwsbericht-slider .nieuws-slider .slick-prev span {
        background-position: 0px 0px
    }
}

.nieuwsbericht-slider .nieuws-slider .slick-next span {
    background-position: -42px 0px
}

@media screen and (max-width: 1564px) {
    .nieuwsbericht-slider .nieuws-slider .slick-next span {
        background-position: -48px 0px
    }
}

.nieuwsbericht-slider .nieuwsbericht-slider-footer {
    text-align: right
}

.nieuwsbericht-slider .nieuwsbericht-slider-footer a.accentbtn {
    display: inline-block
}

@media screen and (max-width: 480px) {
    .nieuwsbericht-slider .nieuwsbericht-slider-footer {
        text-align: left
    }
}

nav.navigation.pagination {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 90px;
    font-size: 17.6px;
    font-size: 1.1rem;
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    font-style: normal;
    color: #000000
}

@media screen and (max-width: 480px) {
    nav.navigation.pagination {
        margin-top: 30px;
        margin-bottom: 90px
    }
}

nav.navigation.pagination .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 480px) {
    nav.navigation.pagination .nav-links {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

nav.navigation.pagination .nav-links .page-numbers {
    padding: 5px 15px;
    border-radius: 0px;
    border: 2px solid transparent;
    margin: 0 12px
}

@media screen and (max-width: 480px) {
    nav.navigation.pagination .nav-links .page-numbers {
        margin: 6px 12px
    }
}

nav.navigation.pagination .nav-links .page-numbers.current {
    background-color: #e6e6e6;
    border-color: #e6e6e6
}

nav.navigation.pagination .nav-links .page-numbers.current:hover {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    color: #000000
}

nav.navigation.pagination .nav-links .page-numbers:hover {
    background-color: var(--vsb_red);
    color: #FFFFFF;
    cursor: pointer;
    border-color: var(--vsb_red);
}

nav.navigation.pagination .nav-links .page-numbers.next, nav.navigation.pagination .nav-links .page-numbers.prev {
    border-color: var(--vsb_red);
    background-color: var(--vsb_red);
    color: #FFFFFF
}

nav.navigation.pagination .nav-links .page-numbers.next:hover, nav.navigation.pagination .nav-links .page-numbers.prev:hover {
    background-color: transparent;
    color: #000000;
    border-color: var(--vsb_red);
}

.referentie-details {display:none;}
.detail-titel {display:none!important;}
.postid-11162 .referentie-details, .postid-11170 .referentie-details, .postid-11173 .referentie-details, .postid-11176 .referentie-details{display:block!important;}
.link-project li a{color:white;text-decoration:underline;}
.link-project {margin: 0 0 0 0 ;}
.referentie-detail p {font-weight: 700;text-align:center;}
.referentie-content .btn {transition: all .5s ease;
    background-color: var(--vsb_red);
    color: white;
    padding: 10px 30px;
    font-size: 19px;
    font-size: 1.1875rem;
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    font-style: normal;
    line-height: 1.36842em;
    display: inline-block}

@media screen and (max-width: 480px) {
    nav.navigation.pagination .nav-links .page-numbers.next, nav.navigation.pagination .nav-links .page-numbers.prev {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

/**/
.toelichting-projecttype {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 90px
}

.inhoud h2 {
    display: inline-block;
    border-bottom: 3px dashed var(--vsb_red);;
    color: white;
    padding-bottom: 3px;
    position: relative;
    transform: skew(-25deg);
    margin-bottom: 7px !important;
}


.inhoud h2 span {
    display: inline-block;
    transform: skew(25deg);
    margin-left: -5px;
}

@media screen and (max-width: 767px) {
    .toelichting-projecttype {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 60px
    }
}

@media screen and (max-width: 767px) {
    .toelichting-projecttype {
        margin-bottom: 30px
    }
}

.toelichting-projecttype .afbeelding, .toelichting-projecttype .informatie {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%
}

@media screen and (max-width: 767px) {
    .toelichting-projecttype .afbeelding, .toelichting-projecttype .informatie {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

.toelichting-projecttype .afbeelding {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.toelichting-projecttype .afbeelding a {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.toelichting-projecttype .afbeelding img {
    display: block;
    height: 100%;
    opacity: 0;
    visibility: hidden
}

.toelichting-projecttype .informatie {
    background-color: #f2f2f3;
    padding: 50px 58px
}

@media screen and (max-width: 767px) {
    .toelichting-projecttype .informatie {
        padding: 25px
    }
}

.toelichting-projecttype .informatie .inhoud {
    max-width: 80%
}

.toelichting-projecttype .informatie .inhoud a.btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: var(--vsb_red);
    padding: 10px 20px;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.4em;
    color: white;
    font-weight: 600;
    display: inline-table;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-transform: uppercase;
}

.toelichting-projecttype .informatie .inhoud a.btn:hover {
    background-color: black;
    color: white;
}

@media screen and (max-width: 991px) {
    .toelichting-projecttype .informatie .inhoud {
        max-width: 100%
    }
}

.toelichting-projecttype .informatie .subtitel, .toelichting-projecttype .informatie h2 {
    color: var(--vsb_blue);
    margin: 0px;
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    font-style: normal
}

.toelichting-projecttype .informatie .subtitel {
    display: block;
    font-size: 24px;
    font-size: 1.5rem;
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 10px;
    margin-top: -5px
}

.toelichting-projecttype .informatie h2 {
    margin-bottom: 0px;
    text-transform: uppercase
}

.toelichting-projecttype .informatie h2 span {
    padding-bottom: 0px;
    position: relative
}

.toelichting-projecttype .informatie p {
    line-height: 1.5em
}

.toelichting-projecttype .informatie a {
    padding: 5px 0px;
    display: inline-block
}

.toelichting-projecttype .informatie span.spacer {
    display: block;
    height: 3.5em
}

@media screen and (max-width: 767px) {
    .toelichting-projecttype .informatie span.spacer {
        display: none
    }
}

.flexgrid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flexgrid .referentie-spacer-1, .flexgrid .woonproject-spacer-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (max-width: 767px) {
    .flexgrid .referentie-spacer-1, .flexgrid .woonproject-spacer-1 {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

.flexgrid .referentie-spacer-2, .flexgrid .woonproject-spacer-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

@media screen and (max-width: 991px) {
    .flexgrid .referentie-spacer-2, .flexgrid .woonproject-spacer-2 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media screen and (max-width: 767px) {
    .flexgrid .referentie-spacer-2, .flexgrid .woonproject-spacer-2 {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

.flexgrid .referentie-spacer-3, .flexgrid .woonproject-spacer-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

@media screen and (max-width: 991px) {
    .flexgrid .referentie-spacer-3, .flexgrid .woonproject-spacer-3 {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }
}

@media screen and (max-width: 767px) {
    .flexgrid .referentie-spacer-3, .flexgrid .woonproject-spacer-3 {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

.flexgrid .referentie-content, .flexgrid .referentie-contact, .flexgrid .woonproject-content, .flexgrid .woonproject-contact {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}

@media screen and (max-width: 991px) {
    .flexgrid .referentie-content, .flexgrid .referentie-contact, .flexgrid .woonproject-content, .flexgrid .woonproject-contact {
        -webkit-box-flex: 5;
        -ms-flex: 5;
        flex: 5
    }
}

@media screen and (max-width: 767px) {
    .flexgrid .referentie-content, .flexgrid .referentie-contact, .flexgrid .woonproject-content, .flexgrid .woonproject-contact {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

.flexgrid .referentie-details, .flexgrid .woonproject-details {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

@media screen and (max-width: 767px) {
    .flexgrid .referentie-details, .flexgrid .woonproject-details {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

.woonproject-content span.main-title-replacement {
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 30px;
    font-size: 1.875rem;
    border-bottom: 1px solid var(--vsb_red);
    display: inline-block;
    margin-bottom: 0.67em
}

.referentie-content h1, .referentie-contact h2 {
    font-size: 30px;
    display: inline-block;
    border-bottom: 3px dashed var(--vsb_red);;
    color: var(--vsb_blue);
    padding-bottom: 3px;
    padding-right: 20px;
    position: relative;
    transform: skew(-25deg);
    margin-bottom: 12px !important;
}

.referentie-content h1 span, .referentie-contact h2 span {
    display: inline-block;
    transform: skew(25deg);
    margin-left: -5px;
}

.referentie-content .foto-quadrant {
    margin-right: -20%;
    padding-right: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin-top: 40px !important;
	margin-bottom: 40px;
}

.referentie-content .foto-quadrant:last-child {
    margin-bottom: 65px
}

.referentie-content .foto-quadrant a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 7.5px);
    flex: 0 0 calc(50% - 7.5px);
    -ms-flex-preferred-size: calc(50% - 7.5px);
    flex-basis: calc(50% - 7.5px);
    margin-right: 15px;
    margin-bottom: 15px;
    display: block
}

.referentie-content .foto-quadrant a:nth-child(even) {
    margin-right: 0px;
    margin-bottom: 0px
}

@media screen and (max-width: 480px) {
    .referentie-content .foto-quadrant a:nth-child(even) {
        margin-bottom: 15px
    }
}

.referentie-content .foto-quadrant a img {
    display: block
}

@media screen and (max-width: 480px) {
    .referentie-content .foto-quadrant a {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        margin-right: 0px
    }

    .referentie-content .foto-quadrant a:last-child {
        margin-bottom: 0px
    }
}

@media screen and (max-width: 767px) {
    .referentie-content .foto-quadrant {
        margin-right: 0px;
        padding-right: 0px;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 480px) {
    .referentie-content .foto-quadrant {
        margin-bottom: 25px
    }
}

.referentie-details {
    margin-top: 7px;
}

.referentie-detail {
    background-color: var(--vsb_blue);
    color: white;
}

.referentie-details .referentie-detail {
    padding: 15px 20px;
}

.referentie-details .referentie-detail span.detail-titel {
    font-weight: bold;
    border-bottom: 1px solid var(--vsb_red);
    display: inline-block
}

.referentie-details .referentie-detail p {
    margin-bottom: 0px
}

@media screen and (max-width: 767px) {
    .referentie-details .referentie-detail {
        width: 50%;
        float: left
    }

    .referentie-details .referentie-detail:last-child {
        margin-bottom: 0px
    }
}

@media screen and (max-width: 480px) {
    .referentie-details .referentie-detail {
        float: none;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .referentie-details {
        background-color: #f2f2f3;
        padding: 12.5px;
        margin-top: 0px;
        margin-bottom: 25px
    }
}

.referentie-contact {
    margin-bottom: 80px
}

/*
.referentie-contact h2{
    font-family:"Montserrat","Open Sans",sans-serif;
    font-weight:bold;
    font-style:normal;
    font-size:30px;
    font-size:1.875rem;
    margin-bottom:0px
}
.referentie-contact h2 span{
    border-bottom:1px solid var(--vsb_red);
    display:inline-block
}*/
.referentie-contact .contact-persoon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 60px 0px
}

@media screen and (max-width: 480px) {
    .referentie-contact .contact-persoon {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 30px 0px
    }
}

.referentie-contact .contact-persoon .foto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
}

.referentie-contact .contact-persoon .foto img {
    border-radius: 50%;
    border: 6px solid white;
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
    max-width: 100%
}

@media screen and (max-width: 480px) {
    .referentie-contact .contact-persoon .foto {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        text-align: center
    }

    .referentie-contact .contact-persoon .foto img {
        max-width: 120px
    }
}

.referentie-contact .contact-persoon .gegevens {
    padding-left: 30px;
    margin: 0px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.referentie-contact .contact-persoon .gegevens p {
    margin: 0px
}

.referentie-contact .contact-persoon .gegevens p a {
    word-break: break-word
}

@media screen and (max-width: 480px) {
    .referentie-contact .contact-persoon .gegevens {
        padding: 0px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        text-align: center;
        padding-top: 5px
    }
}

.referentie-contact .contact-persoon-spacer {
    height: 30px;
    display: block
}

.referentie-backbutton {
    display: inline-block;
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}

.referentie-backbutton a.accentbtn {
    display: inline-block
}

@media screen and (max-width: 480px) {
    .referentie-backbutton {
        margin-bottom: 40px
    }
}

.intro-titel-tekst h1 {
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 30px;
    font-size: 1.875rem
}

.intro-titel-tekst h1 span {
    border-bottom: 1px solid var(--vsb_red);
    display: inline-block
}

.intro-titel-tekst p {
    color: #848484;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5em;
    margin-bottom: 50px
}

.aanbod-slider-container {
    position: relative;
    padding: 90px 10% 65px 20%
}

.aanbod-slider-container:before {
    content: "";
    position: absolute;
    min-width: 100vw;
    left: calc(((100vw - 100%) / 2) * (-1));
    height: 100%;
    top: 0;
    background-color: #f2f2f3;
    z-index: -1
}

.aanbod-slider-container h2.sectie-titel {
    margin-bottom: 22px;
    text-transform: uppercase
}

.aanbod-slider-container .aanbod-slider {
    margin-bottom: 43px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative
}

.aanbod-slider-container .aanbod-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.aanbod-slider-container .aanbod-slider .slick-track .slick-slide {
    height: auto
}

.aanbod-slider-container .aanbod-slider .slide-container {
    padding: 0 15px
}

@media screen and (max-width: 480px) {
    .aanbod-slider-container .aanbod-slider .slide-container {
        padding: 0px
    }
}

.aanbod-slider-container .aanbod-slider .slide-container .aanbod-item {
    background-color: #FFFFFF;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.aanbod-slider-container .aanbod-slider .slide-container .aanbod-item span.ribbon {
    left: 5px
}

@media screen and (max-width: 480px) {
    .aanbod-slider-container .aanbod-slider .slide-container .aanbod-item span.ribbon {
        left: 0px
    }
}

.aanbod-slider-container .aanbod-slider .slide-container .aanbod-item span.ribbon:before {
    border-width: 0 10px 10px 0
}

@media screen and (max-width: 480px) {
    .aanbod-slider-container .aanbod-slider .slide-container .aanbod-item span.ribbon:before {
        display: none
    }
}

.aanbod-slider-container .aanbod-slider .slide-container .aanbod-item .featured-afbeelding {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block
}

@media screen and (max-width: 991px) {
    .aanbod-slider-container .aanbod-slider .slide-container .aanbod-item .featured-afbeelding {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .aanbod-slider-container .aanbod-slider .slide-container .aanbod-item .featured-afbeelding {
        height: 126px
    }
}

.aanbod-slider-container .aanbod-slider .slide-container .aanbod-item .featured-afbeelding img {
    opacity: 0;
    visibility: hidden;
    height: 100%
}

.aanbod-slider-container .aanbod-slider .slide-container .aanbod-item .inhoud {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.aanbod-slider-container .aanbod-slider .slide-container .aanbod-item .inhoud .titel {
    margin: 0px;
    color: #000000;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 5px
}

.aanbod-slider-container .aanbod-slider .slide-container .aanbod-item .inhoud .datum {
    color: #575757;
    margin-bottom: 13px
}

.aanbod-slider-container .aanbod-slider .slide-container .aanbod-item .inhoud .korte-inhoud {
    margin-bottom: 0px;
    color: #000000;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.aanbod-slider-container .aanbod-slider .slide-container .aanbod-item .inhoud .korte-inhoud p {
    margin-bottom: 40px;
    color: #000000
}

.aanbod-slider-container .aanbod-slider .slide-container .aanbod-item .inhoud a.leesmeer {
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    font-style: normal
}

.aanbod-slider-container .aanbod-slider .slick-prev, .aanbod-slider-container .aanbod-slider .slick-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0px;
    height: 100% !important;
    width: 72px !important
}

@media screen and (max-width: 1564px) {
    .aanbod-slider-container .aanbod-slider .slick-prev, .aanbod-slider-container .aanbod-slider .slick-next {
        width: 44px !important
    }
}

.aanbod-slider-container .aanbod-slider .slick-prev {
    left: -72px
}

@media screen and (max-width: 1564px) {
    .aanbod-slider-container .aanbod-slider .slick-prev {
        left: -10px;
        z-index: 99
    }
}

@media screen and (max-width: 480px) {
    .aanbod-slider-container .aanbod-slider .slick-prev {
        left: -22px
    }
}

.aanbod-slider-container .aanbod-slider .slick-next {
    right: -72px
}

@media screen and (max-width: 1564px) {
    .aanbod-slider-container .aanbod-slider .slick-next {
        right: -10px;
        z-index: 99
    }
}

@media screen and (max-width: 480px) {
    .aanbod-slider-container .aanbod-slider .slick-next {
        right: -22px
    }
}

.aanbod-slider-container .aanbod-slider .slick-prev span, .aanbod-slider-container .aanbod-slider .slick-next span {
    background-image: url(/wp-content/themes/vanschijndel/assets/img/aanbod-slider-pijlen.png);
    background-repeat: no-repeat;
    width: 44px;
    height: 44px;
    display: block;
    cursor: pointer;
    background-size: 88px
}

@media screen and (max-width: 1564px) {
    .aanbod-slider-container .aanbod-slider .slick-prev span, .aanbod-slider-container .aanbod-slider .slick-next span {
        background-image: url(/wp-content/themes/vanschijndel/assets/img/aanbod-slider-pijlen.png);
        width: 44px;
        height: 44px
    }
}

.aanbod-slider-container .aanbod-slider .slick-prev span {
    background-position: 0px 0px
}

@media screen and (max-width: 1564px) {
    .aanbod-slider-container .aanbod-slider .slick-prev span {
        background-position: 0px 0px
    }
}

.aanbod-slider-container .aanbod-slider .slick-next span {
    background-position: -44px 0px
}

@media screen and (max-width: 1564px) {
    .aanbod-slider-container .aanbod-slider .slick-next span {
        background-position: -44px 0px
    }
}

@media screen and (max-width: 480px) {
    .aanbod-slider-container .aanbod-slider {
        margin-left: 0px;
        margin-right: 0px
    }
}

.aanbod-slider-container .aanbod-slider-footer {
    text-align: right
}

.aanbod-slider-container .aanbod-slider-footer a.accentbtn {
    display: inline-block
}

@media screen and (max-width: 480px) {
    .aanbod-slider-container .aanbod-slider-footer {
        text-align: left
    }
}

@media screen and (max-width: 1420px) {
    .aanbod-slider-container {
        padding: 50px 10% 50px 10%
    }
}

@media screen and (max-width: 480px) {
    .aanbod-slider-container {
        padding: 50px 0px
    }
}

.flexgrid.brochure-download {
    margin-top: 150px;
    margin-bottom: 25px
}

.flexgrid.brochure-download .brochure-afbeelding {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 71px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 991px) {
    .flexgrid.brochure-download .brochure-afbeelding {
        padding-left: 0px;
        padding-right: 35px
    }
}

@media screen and (max-width: 767px) {
    .flexgrid.brochure-download .brochure-afbeelding {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        padding: 0px;
        margin-bottom: 25px
    }
}

@media screen and (max-width: 480px) {
    .flexgrid.brochure-download .brochure-afbeelding {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        margin-left: auto;
        margin-right: auto
    }
}

.flexgrid.brochure-download .brochure-formulier {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

.flexgrid.brochure-download .brochure-formulier h2.titel {
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 0px
}

.flexgrid.brochure-download .brochure-formulier .gform_body {
    margin-bottom: 37px
}

.flexgrid.brochure-download .brochure-formulier .gform_body .gform_hidden {
    display: none
}

@media screen and (max-width: 767px) {
    .flexgrid.brochure-download .brochure-formulier {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

@media screen and (max-width: 767px) {
    .flexgrid.brochure-download {
        margin-top: 70px
    }
}

.bedankt-brochure-melding {
    margin-bottom: 75px;
    padding: 0 20%
}

.flexgrid.impressies {
    margin-top: 100px;
    width: 1420px;
    max-width: 100%;
    margin-bottom: 65px
}

.flexgrid.impressies .woonproject-content-impressies {
    display: block;
    width: 1420px;
    margin: 0 auto
}

.flexgrid.impressies .woonproject-content-impressies h2 {
    text-transform: uppercase;
    text-align: center
}

.flexgrid.impressies .woonproject-content-impressies .grid-gutter {
    width: 1.056338028169014084507042253521%
}

@media screen and (max-width: 480px) {
    .flexgrid.impressies .woonproject-content-impressies .grid-gutter {
        width: 3.488372093023255813953488372093%
    }
}

.flexgrid.impressies .woonproject-content-impressies .impressie-item, .flexgrid.impressies .woonproject-content-impressies .grid-sizer {
    width: 19.154929577464788732394366197183%;
    margin-bottom: 15px
}

.flexgrid.impressies .woonproject-content-impressies .impressie-item.wide, .flexgrid.impressies .woonproject-content-impressies .grid-sizer.wide {
    width: 39.366197183098591549295774647887%
}

@media screen and (max-width: 480px) {
    .flexgrid.impressies .woonproject-content-impressies .impressie-item.wide, .flexgrid.impressies .woonproject-content-impressies .grid-sizer.wide {
        width: 65.503875968992248062015503875969%
    }
}

.flexgrid.impressies .woonproject-content-impressies .impressie-item img, .flexgrid.impressies .woonproject-content-impressies .grid-sizer img {
    display: block
}

@media screen and (max-width: 991px) {
    .flexgrid.impressies .woonproject-content-impressies .impressie-item, .flexgrid.impressies .woonproject-content-impressies .grid-sizer {
        margin-bottom: 9.9px
    }
}

@media screen and (max-width: 767px) {
    .flexgrid.impressies .woonproject-content-impressies .impressie-item, .flexgrid.impressies .woonproject-content-impressies .grid-sizer {
        margin-bottom: 7.5px
    }
}

@media screen and (max-width: 480px) {
    .flexgrid.impressies .woonproject-content-impressies .impressie-item, .flexgrid.impressies .woonproject-content-impressies .grid-sizer {
        margin-bottom: 15px;
        width: 31.007751937984496124031007751938%
    }
}

@media screen and (max-width: 320px) {
    .flexgrid.impressies .woonproject-content-impressies .impressie-item, .flexgrid.impressies .woonproject-content-impressies .grid-sizer {
        margin-bottom: 9.4px
    }
}

.flexgrid.impressies .woonproject-content-impressies span.impressie-caption {
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.45);
    padding: 5px 10px;
    color: #ffffff
}

@media screen and (max-width: 991px) {
    .flexgrid.impressies .woonproject-content-impressies span.impressie-caption {
        display: none
    }
}

body.single-vsb_woonprojecten .foto-quadranten > h2, body.single-vsb_aanbod .foto-quadranten > h2 {
    text-align: center
}

body.single-vsb_woonprojecten .foto-quadranten .foto-quadrant, body.single-vsb_aanbod .foto-quadranten .foto-quadrant {
    max-width: 100%;
    width: 852px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body.single-vsb_woonprojecten .foto-quadranten .foto-quadrant:last-child, body.single-vsb_aanbod .foto-quadranten .foto-quadrant:last-child {
    margin-bottom: 65px
}

body.single-vsb_woonprojecten .foto-quadranten .foto-quadrant a, body.single-vsb_aanbod .foto-quadranten .foto-quadrant a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 7.5px);
    flex: 0 0 calc(50% - 7.5px);
    -ms-flex-preferred-size: calc(50% - 7.5px);
    flex-basis: calc(50% - 7.5px);
    margin-right: 15px;
    margin-bottom: 15px;
    display: block
}

body.single-vsb_woonprojecten .foto-quadranten .foto-quadrant a:nth-child(even), body.single-vsb_aanbod .foto-quadranten .foto-quadrant a:nth-child(even) {
    margin-right: 0px;
    margin-bottom: 0px
}

@media screen and (max-width: 480px) {
    body.single-vsb_woonprojecten .foto-quadranten .foto-quadrant a:nth-child(even), body.single-vsb_aanbod .foto-quadranten .foto-quadrant a:nth-child(even) {
        margin-bottom: 15px
    }
}

body.single-vsb_woonprojecten .foto-quadranten .foto-quadrant a img, body.single-vsb_aanbod .foto-quadranten .foto-quadrant a img {
    display: block
}

@media screen and (max-width: 480px) {
    body.single-vsb_woonprojecten .foto-quadranten .foto-quadrant a, body.single-vsb_aanbod .foto-quadranten .foto-quadrant a {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        margin-right: 0px
    }

    body.single-vsb_woonprojecten .foto-quadranten .foto-quadrant a:last-child, body.single-vsb_aanbod .foto-quadranten .foto-quadrant a:last-child {
        margin-bottom: 0px
    }
}

@media screen and (max-width: 767px) {
    body.single-vsb_woonprojecten .foto-quadranten .foto-quadrant, body.single-vsb_aanbod .foto-quadranten .foto-quadrant {
        margin-right: 0px;
        padding-right: 0px;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 480px) {
    body.single-vsb_woonprojecten .foto-quadranten .foto-quadrant, body.single-vsb_aanbod .foto-quadranten .foto-quadrant {
        margin-bottom: 25px
    }
}

.aanbod-info-tabel {
    max-width: 426px
}

.aanbod-info-tabel .tabel {
    margin-bottom: 80px
}

.aanbod-info-tabel .tabel .rij {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #000000
}

.aanbod-info-tabel .tabel .rij:nth-child(odd) {
    background: #f0f0f0
}

.aanbod-info-tabel .tabel .rij:nth-child(even) {
    background: #fefefe
}

.aanbod-info-tabel .tabel .rij .kolom {
    padding: 2px 5px
}

.aanbod-info-tabel .tabel .rij .kolom.hoofd {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    font-weight: bold
}

.aanbod-info-tabel .tabel .rij .kolom.waarde {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 67%;
    flex: 0 1 67%;
    padding-left: 10px;
    word-break: break-word
}

.aanbod-info-tabel .tabel .rij .kolom.waarde a.readmore {
    float: right;
    padding-right: 10px;
    padding-left: 10px
}

.aanbod-info-tabel .tabel .rij .kolom.waarde a.readmore:hover {
    text-decoration: underline
}

@media screen and (max-width: 480px) {
    .aanbod-info-tabel .tabel .rij .kolom.waarde a.readmore {
        float: unset;
        padding: 0px;
        display: block
    }
}

@media screen and (max-width: 480px) {
    .aanbod-info-tabel .tabel .rij .kolom {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        padding: 0px !important
    }
}

@media screen and (max-width: 480px) {
    .aanbod-info-tabel .tabel .rij {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 5px 10px
    }
}

.aanbod-downloads {
    margin-bottom: 80px
}

.aanbod-downloads ul {
    margin: 0px;
    list-style: none
}

.aanbod-downloads ul li {
    margin: 0px;
    padding: 0px;
    padding: 5.5px 0px
}

.aanbod-downloads ul li span.download-icon {
    height: 1em;
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/themes/vanschijndel/assets/img/aanbod-download-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    margin-right: 10px;
    display: inline-block
}

.aanbod-downloads ul li a.bestand-download {
    color: inherit;
    display: block
}

.aanbod-downloads ul li a.bestand-download:hover {
    color: var(--vsb_red);
}

img.social-image {
    max-width: 35px;
    margin-right: 16px;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s
}

img.social-image:hover {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s
}

#main.contact-pagina {
    margin-bottom: 180px
}

@media screen and (max-width: 991px) {
    #main.contact-pagina {
        margin-bottom: 45px
    }
}

#main.contact-pagina h2 {
    margin-bottom: 10px
}

@media screen and (max-width: 991px) {
    #main.contact-pagina h2 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

#main.contact-pagina .contact-formulier {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6;
    margin-right: 86px
}

@media screen and (max-width: 1420px) {
    #main.contact-pagina .contact-formulier {
        margin-right: 0px
    }
}

@media screen and (max-width: 991px) {
    #main.contact-pagina .contact-formulier {
        padding-left: 15%;
        padding-right: 15%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        margin-bottom: 45px
    }
}

@media screen and (max-width: 767px) {
    #main.contact-pagina .contact-formulier {
        padding: 0px
    }
}

#main.contact-pagina .contact-spacer {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (max-width: 991px) {
    #main.contact-pagina .contact-spacer {
        display: none
    }
}

#main.contact-pagina .contact-gegevens {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

@media screen and (max-width: 991px) {
    #main.contact-pagina .contact-gegevens {
        padding-left: 15%;
        padding-right: 15%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

@media screen and (max-width: 767px) {
    #main.contact-pagina .contact-gegevens {
        padding: 0px
    }
}

#main.contact-pagina .contact-gegevens .gegevens-blok {
    background-color: var(--vsb_red);
    padding: 30px 40px;
    color: #FFFFFF;
    margin-top: 18px
}

#main.contact-pagina .contact-gegevens .gegevens-blok .subtitel {
    font-weight: 600;
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 30px;
    display: block
}

#main.contact-pagina .contact-gegevens .gegevens-blok img.icon {
    display: block;
    max-width: 22px;
    float: left;
    margin-right: 20px
}

#main.contact-pagina .contact-gegevens .gegevens-blok img.icon + p, #main.contact-pagina .contact-gegevens .gegevens-blok img.icon + a {
    display: table
}

#main.contact-pagina .contact-gegevens .gegevens-blok .adres {
    margin-bottom: 15px
}

#main.contact-pagina .contact-gegevens .gegevens-blok .telefoonnummer, #main.contact-pagina .contact-gegevens .gegevens-blok .email {
    margin-bottom: 10px
}

#main.contact-pagina .contact-gegevens .gegevens-blok .telefoonnummer a, #main.contact-pagina .contact-gegevens .gegevens-blok .email a {
    color: inherit
}

body.page-template-template-over-ons-php h2.sidebar-title {
    margin-bottom: 10px
}

@media screen and (max-width: 767px) {
    body.page-template-template-over-ons-php h2.sidebar-title {
        display: none
    }
}

body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    min-width: 200px;
    margin-bottom: 75px;
    margin-right: 70px
}

@media screen and (max-width: 767px) {
    body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        margin-bottom: 35px;
        margin-right: 0px
    }
}

body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar ul {
    margin: 0px;
    padding: 0px;
    margin: 0 25% 0 0;
    list-style: none;
    min-width: 180px
}

@media screen and (max-width: 767px) {
    body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar ul {
        margin: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: #f2f2f3
    }
}

body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar ul li {
    border-width: 0 0 0 6px;
    border-style: solid;
    border-color: transparent
}

@media screen and (max-width: 767px) {
    body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar ul li {
        border-width: 0px
    }
}

@media screen and (max-width: 480px) {
    body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        border-width: 0 0 0 6px
    }
}

body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar ul li:hover {
    background-color: #f2f2f3
}

body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar ul li.current {
    background-color: #f2f2f3;
    border-color: var(--vsb_red);
}

@media screen and (max-width: 767px) {
    body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar ul li.current a {
        color: var(--vsb_red);
        font-weight: 600
    }
}

body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar ul li.current-mobile {
    display: none
}

body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar ul li a {
    padding: 7px 15px;
    display: block;
    color: black;
    font-size: 18px;
    font-size: 1.125rem
}

body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar ul:hover li {
    background-color: transparent !important
}

body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar ul:hover li:hover {
    background-color: #f2f2f3 !important
}

@media screen and (max-width: 767px) {
    body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar ul.dropdown-mobile li {
        display: none;
        width: 100%
    }

    body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar ul.dropdown-mobile li.current-mobile {
        display: block;
        border-width: 0 0 0 0px;
        padding: 7px 35px 7px 15px;
        font-size: 18px;
        font-size: 1.125rem;
        color: var(--vsb_red);
        font-weight: 600;
        position: relative
    }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
    body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar ul.dropdown-mobile li.current-mobile {
        padding: 7px 35px 7px 21px
    }
}

@media screen and (max-width: 767px) {
    body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar ul.dropdown-mobile li.current-mobile:after {
        position: absolute;
        content: "";
        height: 100%;
        width: 35px;
        top: 0px;
        right: 0px;
        background-image: url(data:image/png; base64,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);
        background-position: right;
        background-repeat: no-repeat;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s
    }

    body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar ul.dropdown-mobile.open li {
        display: block
    }

    body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar ul.dropdown-mobile.open li.current-mobile {
        border-bottom: 1px solid var(--vsb_red);
    }

    body.page-template-template-over-ons-php .flexgrid.sidebar-menu .sidebar ul.dropdown-mobile.open li.current-mobile:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s
    }
}

body.page-template-template-over-ons-php .flexgrid.sidebar-menu .content {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}

@media screen and (max-width: 767px) {
    body.page-template-template-over-ons-php .flexgrid.sidebar-menu .content {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

body.page-template-template-over-ons-php .flexgrid.sidebar-menu .content blockquote {
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 24px;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #000000;
    margin: 0px;
    padding: 36px 60px
}

@media screen and (max-width: 767px) {
    body.page-template-template-over-ons-php .flexgrid.sidebar-menu .content blockquote {
        padding: 36px 10px
    }
}

body.page-template-template-over-ons-php .flexgrid.sidebar-menu .content blockquote p {
    position: relative;
    margin-bottom: 0px;
    line-height: 1.3em
}

body.page-template-template-over-ons-php .flexgrid.sidebar-menu .content blockquote p:before {
    line-height: 1.5rem;
    content: "\201C";
    display: block;
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 56px;
    font-size: 3.5rem;
    color: var(--vsb_red);
    position: absolute;
    left: 0px;
    top: -10px
}

body.page-template-template-over-ons-php .flexgrid.sidebar-menu .spacer-column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.legal {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 767px) {
    .legal {
        margin: 0px;
        margin-top: 160px;
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .legal {
        margin-top: 120px
    }
}

.site-main.legal-pagina {
    margin-bottom: 90px
}

.landingsPage {
    width: 65%;
    margin-left: auto;
    margin-right: auto
}

.landingsPage.referentie-content .foto-quadrant {
    margin-right: 5%
}

@media screen and (max-width: 767px) {
    .landingsPage {
        margin: 0px;
        margin-top: 70px;
        width: 100%
    }

    .landingsPage.referentie-content .foto-quadrant {
        margin-right: 0
    }
}

@media screen and (max-width: 480px) {
    .landingsPage {
        margin-top: 30px
    }
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

header.site-header {
    margin-bottom: 85px
}

@media screen and (max-width: 767px) {
    header.site-header {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 480px) {
    header.site-header {
        margin-bottom: 25px
    }
}

.header-banner {
    background-color: #f2f2f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 50vh;
}

.page-id-76 .header-banner {
    height: 65vh;
}

.header-banner .banner-vert-spacer {
    height: 480px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0px;
    flex: 0 0 0px
}

@media screen and (max-width: 767px) {
    .header-banner .banner-vert-spacer {
        height: 230px
    }
}

.header-banner.woonproject.locatie .container .inhoud p.subtitel {
    font-size: 24px;
    font-size: 1.5rem;
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    font-style: normal;
    margin: 0px
}

.header-banner.woonproject.locatie .container .inhoud h1, .header-banner.woonproject.locatie .container .inhoud p.subtitel {
    line-height: 1.05em
}

.header-banner img.structured-image {
    visibility: hidden;
    display: block;
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%
}

.header-banner .container {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-banner .container.overlay:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*background: radial-gradient(circle, rgba(0, 29, 41, 0) 36%, rgba(0, 29, 41, 0.5) 100%);*/
    background: radial-gradient(ellipse 183% 492px, #0a072164, #020c2da9);
    display: block;
    z-index: 0
}

.header-banner .container .inhoud {
    width: 1420px;
    max-width: 100%;
    margin: auto;
    padding-left: 50px;
    display: block;
    color: #FFFFFF;
    text-align: left;
    z-index: 9;
	padding-top: 50px;
}

.header-banner .container .inhoud h1 {
    margin: 0;
    margin-bottom: 5px;
    font-size: 4vw !important;
    line-height: 1em;
    font-weight: 700;
}

.header-banner .container .inhoud p.subtitel {
    font-size: 18px;
    font-size: 5em;
    font-weight: 700;
    line-height: 1.55555em;
    margin: 0 0 30px
}

.header-banner .container .inhoud .btn{
	transition: all .5s ease;
    background-color: var(--vsb_red);
    color: white;
    padding: 10px 30px;
    font-size: 19px;
    font-size: 1.1875rem;
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    font-style: normal;
    line-height: 1.36842em;
    display: inline-block
}

.header-banner .container .inhoud .btn:hover {
    background-color: white;
    color: black;
}
.homepage-intro-block__left__content__btn, .gform_button, .btn
{
	transition: all .5s ease;
}
.homepage-intro-block__left__content__btn:hover {
    background-color: black;
    color: white;
}

@media screen and (max-width: 991px) {
    .header-banner .container .inhoud {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-item-align: center;
        align-self: center;
        width: 60%;
        padding: 0 25px
    }
}

@media screen and (max-width: 767px) {
    .header-banner .container .inhoud {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .header-banner .container .inhoud {
        text-align: left;
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    .header-banner .container {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-top: 185px;
        padding-bottom: 25px
    }
}

@media screen and (max-width: 480px) {
    .header-banner .container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 129px
    }
}

@media screen and (max-width: 767px) {
    .header-banner {
        min-height: auto
    }
}

.kaart-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.kaart-container.aanbod {
    margin-top: 80px;
    margin-bottom: 80px
}

@media screen and (max-width: 767px) {
    .kaart-container.aanbod {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 480px) {
    .kaart-container.aanbod {
        margin-top: 0px;
        margin-bottom: 40px
    }
}

.kaart-container .kaart {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    background-color: #f2f2f3;
    margin-bottom: 97px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 29, 41, 0.20);
    box-shadow: 0px 20px 40px 0px rgba(0, 29, 41, 0.20);
}

.kaart-container .kaart.spacer {
    background-color: transparent;
    visibility: hidden
}

.kaart-container .kaart a.kaart-featured-image {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    max-height: 285px;
    min-height: 285px
}

.kaart-container .kaart a.kaart-featured-image img {
    display: block;
    opacity: 0;
    visibility: hidden;
    height: 100%;
    width: 100%
}

.kaart-container .kaart .info {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 35px 30px 30px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.kaart-container .kaart .info .titel-icoon-wrapper {
    position: relative;
    width: 100%
}

.kaart-container .kaart .info .titel-icoon-wrapper img.kaart-icoon {
    position: absolute;
    width: 38px;
    height: 38px;
    right: 0px;
    top: -15px
}

.kaart-container .kaart .info .titel-icoon-wrapper h3 {
    display: inline
}

.kaart-container .kaart .info p.beschrijving {
    word-break: break-word;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 18px;
    font-size: 1.125rem;
    color: #000000;
    margin-bottom: 2.22222em;
    width: 100%;
    display: block
}

.kaart-container .kaart .info p.beschrijving ul {
    margin: 0px;
    padding: 0px;
    padding-left: 20px;
    margin-bottom: 1em
}

.kaart-container .kaart .info p.beschrijving:empty {
    margin-bottom: 0px
}

.kaart-container .kaart .info a.titel {
    display: inline-block;
    max-width: 100%;
    width: 100%
}

.kaart-container .kaart .info a.titel h3 {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    margin: 0 0 20px;
    color: var(--vsb_blue);
    line-height: 1em;
    text-transform: uppercase;
    display: inline-block
}

.kaart-container .kaart .info a.titel h3 span {
    line-height: 1.4em;
    display: block;
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: 500;
    font-style: normal
}

@media screen and (max-width: 480px) {
    .kaart-container .kaart .info a.titel h3 {
        margin: 0 0 10px
    }
}

.kaart-container .kaart .info a.btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: var(--vsb_red);
    padding: 10px 20px;
    font-size: 19px;
    font-size: 0.9rem;
    line-height: 1.4em;
    color: white;
    font-weight: 600;
    display: inline-table;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-transform: uppercase;
}

.kaart-container .kaart .info a.btn:hover {
    background-color: black;
    color: #FFFFFF
}

.kaart-container .kaart .info span.subtitel-locatie {
    text-transform: initial
}

@media screen and (max-width: 480px) {
    .kaart-container .kaart .info {
        padding: 25px 16px
    }
}

@media screen and (max-width: 1190px) {
    .kaart-container .kaart {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 15px);
        flex: 0 0 calc(50% - 15px);
        -ms-flex-preferred-size: calc(50% - 15px);
        flex-basis: calc(50% - 15px);
        margin-bottom: 30px
    }
}

@media screen and (max-width: 767px) {
    .kaart-container .kaart {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 1190px) {
    .kaart-container {
        margin-bottom: 60px
    }
}

@media screen and (max-width: 480px) {
    .kaart-container {
        margin-bottom: 30px
    }
}

.kaarten-footer {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    margin-bottom: 36px;
    width: 100%;
    text-align: right
}

.kaarten-footer a {
    margin-left: 25px;
    display: inline-block
}

@media screen and (max-width: 1190px) {
    .kaarten-footer {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        margin-bottom: 80px
    }
}

.prefooter-infoblokken .container {
    padding-top: 110px;
    padding-bottom: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.prefooter-infoblokken .container .blok {
    background-color: var(--vsb_red);
    padding: 25px;
    text-align: center;
    color: #FFFFFF;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc(25% - 25px);
    flex: 1 0 calc(25% - 25px);
    margin-left: 12.5px;
    margin-right: 12.5px
}

.prefooter-infoblokken .container .blok:first-child {
    margin-left: 0
}

.prefooter-infoblokken .container .blok:last-child {
    margin-right: 0
}

.prefooter-infoblokken .container .blok img.info-icon {
    max-height: 40px;
    width: auto;
    margin: 20px 0
}

.prefooter-infoblokken .container .blok .info-title {
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 1em;
    display: block;
    font-weight: 600
}

.prefooter-infoblokken .container .blok p.info-tekst {
    margin: 1em 0px 0px 0px;
    display: block
}

.prefooter-infoblokken .container .blok hr {
    height: 2px;
    background-color: #FFFFFF;
    opacity: 0.7;
    max-width: 160px;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .prefooter-infoblokken .container .blok {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(50% - 25px);
        flex: 1 0 calc(50% - 25px);
        margin-bottom: 25px
    }

    .prefooter-infoblokken .container .blok:nth-child(odd) {
        margin-left: 0px
    }

    .prefooter-infoblokken .container .blok:nth-child(even) {
        margin-right: 0px
    }
}

@media screen and (max-width: 480px) {
    .prefooter-infoblokken .container .blok {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        margin-left: 0px;
        margin-right: 0px
    }
}

@media screen and (max-width: 991px) {
    .prefooter-infoblokken .container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 55px 25px
    }
}

@media screen and (max-width: 480px) {
    .prefooter-infoblokken .container {
        padding: 25px
    }
}

.prefooter-contact-cta {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.prefooter-contact-cta .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.prefooter-contact-cta .container .contact-cta-form {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 50px
}

.prefooter-contact-cta .container .contact-cta-form h2 {
    margin: 0 0 10px
}

.prefooter-contact-cta .container .contact-cta-form p.omschrijving {
    margin: 0 0 1em
}

.prefooter-contact-cta .container .contact-cta-form form .gform_body ul {
    margin: 0px;
    padding: 0px;
    list-style: none
}

.prefooter-contact-cta .container .contact-cta-form form .gform_body ul li {
    margin-bottom: 18px
}

.prefooter-contact-cta .container .contact-cta-form form .gform_body ul li label {
    font-weight: 600;
    display: block;
    margin-bottom: 3px
}

.prefooter-contact-cta .container .contact-cta-form form .gform_body ul li input {
    width: 100%
}

.prefooter-contact-cta .container .contact-cta-form form .gform_body ul li textarea {
    resize: none !important;
    width: 100%;
    height: 135px
}

.prefooter-contact-cta .container .contact-cta-form form .gform_body ul li input, .prefooter-contact-cta .container .contact-cta-form form .gform_body ul li textarea {
    background-color: #FFFFFF !important;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(77, 77, 77, 0.2), inset 0 0 0 30px white;
    box-shadow: 0px 0px 0px 2px rgba(77, 77, 77, 0.2), inset 0 0 0 30px white
}

.prefooter-contact-cta .container .contact-cta-form form .gform_body ul li input:-webkit-autofill, .prefooter-contact-cta .container .contact-cta-form form .gform_body ul li input:-webkit-autofill:hover, .prefooter-contact-cta .container .contact-cta-form form .gform_body ul li input:-webkit-autofill:focus, .prefooter-contact-cta .container .contact-cta-form form .gform_body ul li input:-webkit-autofill:active, .prefooter-contact-cta .container .contact-cta-form form .gform_body ul li textarea:-webkit-autofill, .prefooter-contact-cta .container .contact-cta-form form .gform_body ul li textarea:-webkit-autofill:hover, .prefooter-contact-cta .container .contact-cta-form form .gform_body ul li textarea:-webkit-autofill:focus, .prefooter-contact-cta .container .contact-cta-form form .gform_body ul li textarea:-webkit-autofill:active {
    background-color: #FFFFFF !important
}

.prefooter-contact-cta .container .contact-cta-form form .gform_footer input[type="submit"] {
    border: 2px solid black;
    background-color: transparent;
    border-radius: 0;
    padding: 13px 30px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1em;
    color: black;
    font-weight: 600;
    height: 45px
}

.prefooter-contact-cta .container .contact-cta-form form .gform_footer input[type="submit"]:hover {
    background-color: black;
    color: #FFFFFF
}

@media screen and (max-width: 991px) {
    .prefooter-contact-cta .container .contact-cta-form {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

@media screen and (max-width: 480px) {
    .prefooter-contact-cta .container .contact-cta-form {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 25px
    }
}

@media screen and (min-width: 481px) {
    .prefooter-contact-cta .container .contact-cta-form {
        min-width: 430px
    }
}

.prefooter-nieuwsbrief {
    background-color: var(--vsb_blue);
    padding: 50px 0
}

.prefooter-nieuwsbrief h2 {
    padding-bottom: 3px;
    display: inline-block;
    font-weight: normal;
    font-size: 30px;
    position: relative;
}

.prefooter-nieuwsbrief h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 3px dashed var(--vsb_red);
    transform: skew(-25deg);
    display: inline-block;
}

.prefooter-nieuwsbrief .gform_heading {
    margin-bottom: 15px;
}

.prefooter-nieuwsbrief h2, .prefooter-nieuwsbrief h3, .prefooter-nieuwsbrief h4, .prefooter-nieuwsbrief h5, .prefooter-nieuwsbrief h6 {
    color: #FFFFFF;
    margin: 0 0 15px 0
}

.prefooter-nieuwsbrief p.omschrijving {
    color: #FFFFFF;
    margin: 0 0 25px 0
}

.prefooter-nieuwsbrief form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.prefooter-nieuwsbrief form .validation_error {
    background: var(--vsb_red);
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 0px;
    margin-bottom: 10px
}

.prefooter-nieuwsbrief form .gform_heading {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.prefooter-nieuwsbrief .gform_heading .gform_description {
    color: white !important;
}

.prefooter-nieuwsbrief form .gform_heading span.gform_description {
    display: block;
    color: white !important;
    margin: 0 0 25px 0;
}

.prefooter-nieuwsbrief form .gform_body {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.prefooter-nieuwsbrief form .gform_body ul.gform_fields {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.prefooter-nieuwsbrief form .gform_body ul.gform_fields li {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.prefooter-nieuwsbrief form .gform_body ul.gform_fields li label.gfield_label {
    color: #FFFFFF;
    margin-bottom: 9px;
    display: inline-block;
    line-height: 1em
}

.prefooter-nieuwsbrief form .gform_body ul.gform_fields li.half, .prefooter-nieuwsbrief form .gform_body ul.gform_fields li.gf_left_half {
    max-width: 50%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%
}

@media screen and (max-width: 480px) {
    .prefooter-nieuwsbrief form .gform_body ul.gform_fields li.half, .prefooter-nieuwsbrief form .gform_body ul.gform_fields li.gf_left_half {
        max-width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

.prefooter-nieuwsbrief form .gform_body ul.gform_fields li.fw-checkbox {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-top: 20px;
    margin-bottom: 30px
}

@media screen and (max-width: 480px) {
    .prefooter-nieuwsbrief form .gform_body ul.gform_fields li.fw-checkbox {
        margin-bottom: 20px
    }
}

.prefooter-nieuwsbrief form .gform_body ul.gform_fields li .gfield_description.validation_message {
    color: #ffffff
}

.prefooter-nieuwsbrief form .gform_body ul.gform_fields li .ginput_container {
    padding-right: 25px
}

.prefooter-nieuwsbrief form .gform_body ul.gform_fields li .ginput_container input[type=text], .prefooter-nieuwsbrief form .gform_body ul.gform_fields li .ginput_container input[type=email], .prefooter-nieuwsbrief form .gform_body ul.gform_fields li .ginput_container input[type=password] {
    background-color: #FFFFFF !important;
    padding: 15px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-radius: 0;
    color: black;
    border: none;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(1, 107, 153, 0.2), inset 0 0 0 30px white;
    box-shadow: 0px 0px 0px 2px rgba(1, 107, 153, 0.2), inset 0 0 0 30px white;
    display: block
}

.prefooter-nieuwsbrief form .gform_body ul.gform_fields li .ginput_container input[type=text]:-webkit-autofill, .prefooter-nieuwsbrief form .gform_body ul.gform_fields li .ginput_container input[type=text]:-webkit-autofill:hover, .prefooter-nieuwsbrief form .gform_body ul.gform_fields li .ginput_container input[type=text]:-webkit-autofill:focus, .prefooter-nieuwsbrief form .gform_body ul.gform_fields li .ginput_container input[type=text]:-webkit-autofill:active, .prefooter-nieuwsbrief form .gform_body ul.gform_fields li .ginput_container input[type=email]:-webkit-autofill, .prefooter-nieuwsbrief form .gform_body ul.gform_fields li .ginput_container input[type=email]:-webkit-autofill:hover, .prefooter-nieuwsbrief form .gform_body ul.gform_fields li .ginput_container input[type=email]:-webkit-autofill:focus, .prefooter-nieuwsbrief form .gform_body ul.gform_fields li .ginput_container input[type=email]:-webkit-autofill:active, .prefooter-nieuwsbrief form .gform_body ul.gform_fields li .ginput_container input[type=password]:-webkit-autofill, .prefooter-nieuwsbrief form .gform_body ul.gform_fields li .ginput_container input[type=password]:-webkit-autofill:hover, .prefooter-nieuwsbrief form .gform_body ul.gform_fields li .ginput_container input[type=password]:-webkit-autofill:focus, .prefooter-nieuwsbrief form .gform_body ul.gform_fields li .ginput_container input[type=password]:-webkit-autofill:active {
    background-color: #FFFFFF !important
}

@media screen and (max-width: 480px) {
    .prefooter-nieuwsbrief form .gform_body ul.gform_fields li .ginput_container {
        padding-right: 0
    }
}

.prefooter-nieuwsbrief form .gform_body ul.gform_fields li .gfield_checkbox li label {
    color: #ffffff
}

.prefooter-nieuwsbrief form .gform_body ul.gform_fields li .gfield_checkbox li label a {
    color: #ffffff;
    border-bottom: 1px solid #ffffff
}

.prefooter-nieuwsbrief form .gform_body ul.gform_fields li .gfield_checkbox li label:after {
    -webkit-box-shadow: 0px 0px 0px 2px rgba(1, 107, 153, 0.2), inset 0 0 0 30px white;
    box-shadow: 0px 0px 0px 2px rgba(1, 107, 153, 0.2), inset 0 0 0 30px white
}

@media screen and (max-width: 900px) {
    .prefooter-nieuwsbrief form .gform_body ul.gform_fields li:last-child .ginput_container {
        padding-right: 0
    }
}

@media screen and (max-width: 480px) {
    .prefooter-nieuwsbrief form .gform_body ul.gform_fields li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 480px) {
    .prefooter-nieuwsbrief form .gform_body ul.gform_fields {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 900px) {
    .prefooter-nieuwsbrief form .gform_body {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

.prefooter-nieuwsbrief form .gform_footer {
    display: inline-block;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.prefooter-nieuwsbrief form .gform_footer input[type="submit"] {
    border: 2px solid white;
    background-color: transparent;
    border-radius: 0;
    padding: 13px 30px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1em;
    color: #FFFFFF;
    font-weight: 600;
    height: 45px
}

.prefooter-nieuwsbrief form .gform_footer input[type="submit"]:hover {
    background-color: #FFFFFF;
    color: #1c1314
}

@media screen and (max-width: 900px) {
    .prefooter-nieuwsbrief form .gform_footer {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        text-align: right;
        margin-top: 25px
    }
}

@media screen and (max-width: 480px) {
    .prefooter-nieuwsbrief form .gform_footer {
        margin-top: 0px
    }
}

@media screen and (max-width: 900px) {
    .prefooter-nieuwsbrief form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.prefooter-nieuwsbrief .gform_wrapper.gform_validation_error .gform_footer {
    margin-bottom: 28px
}

@media screen and (max-width: 900px) {
    .prefooter-nieuwsbrief .gform_wrapper.gform_validation_error .gform_footer {
        margin-bottom: 0px
    }
}

.prefooter-spacer {
    display: block;
    height: 80px
}

@media screen and (max-width: 767px) {
    .prefooter-spacer {
        height: 40px
    }
}

.prefooter-woonproject-contact {
    padding: 60px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.prefooter-woonproject-contact:before {
    content: "";
    position: absolute;
    min-width: 100vw;
    left: calc(((100vw - 100%) / 2) * (-1));
    height: 100%;
    top: 0;
    background-color: #f2f2f3;
    z-index: -1
}

.prefooter-woonproject-contact .contact-info {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%
}

.prefooter-woonproject-contact .contact-info .contact-intro h2 {
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 30px;
    font-size: 1.875rem;
    margin-bottom: 7px
}

.prefooter-woonproject-contact .contact-info .contact-intro h2 span {
    border-bottom: 1px solid var(--vsb_red);
    display: inline-block
}

@media screen and (max-width: 767px) {
    .prefooter-woonproject-contact .contact-info .contact-intro {
        text-align: center
    }
}

.prefooter-woonproject-contact .contact-info .contact-persoon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 60px 0px
}

@media screen and (max-width: 991px) {
    .prefooter-woonproject-contact .contact-info .contact-persoon {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 30px 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (max-width: 767px) {
    .prefooter-woonproject-contact .contact-info .contact-persoon {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 50px
    }
}

.prefooter-woonproject-contact .contact-info .contact-persoon .foto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
}

.prefooter-woonproject-contact .contact-info .contact-persoon .foto img {
    border-radius: 50%;
    border: 6px solid white;
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
    max-width: 100%
}

@media screen and (max-width: 991px) {
    .prefooter-woonproject-contact .contact-info .contact-persoon .foto {
        margin-left: -6px;
        margin-bottom: 10px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
        flex: 0 0 150px
    }
}

@media screen and (max-width: 480px) {
    .prefooter-woonproject-contact .contact-info .contact-persoon .foto {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        text-align: center
    }

    .prefooter-woonproject-contact .contact-info .contact-persoon .foto img {
        max-width: 120px
    }
}

.prefooter-woonproject-contact .contact-info .contact-persoon .gegevens {
    padding-left: 30px;
    margin: 0px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.prefooter-woonproject-contact .contact-info .contact-persoon .gegevens p {
    margin: 0px
}

.prefooter-woonproject-contact .contact-info .contact-persoon .gegevens p a {
    word-break: break-word
}

@media screen and (max-width: 991px) {
    .prefooter-woonproject-contact .contact-info .contact-persoon .gegevens {
        padding-left: 0px
    }
}

@media screen and (max-width: 767px) {
    .prefooter-woonproject-contact .contact-info .contact-persoon .gegevens {
        text-align: center
    }
}

@media screen and (max-width: 480px) {
    .prefooter-woonproject-contact .contact-info .contact-persoon .gegevens {
        padding: 0px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-top: 5px
    }
}

.prefooter-woonproject-contact .contact-info .contact-persoon-spacer {
    height: 30px;
    display: block
}

@media screen and (max-width: 1420px) {
    .prefooter-woonproject-contact .contact-info {
        padding-left: 0px
    }
}

@media screen and (max-width: 767px) {
    .prefooter-woonproject-contact .contact-info {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

.prefooter-woonproject-contact .flex-spacer {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25px;
    flex: 1 0 25px
}

@media screen and (max-width: 767px) {
    .prefooter-woonproject-contact .flex-spacer {
        display: none
    }
}

.prefooter-woonproject-contact .contact-formulier {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

@media screen and (max-width: 767px) {
    .prefooter-woonproject-contact .contact-formulier {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

@media screen and (max-width: 767px) {
    .prefooter-woonproject-contact {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 55px 0
    }
}

footer.site-footer {
    background-color: var(--vsb_dark_blue);
}

footer.site-footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    footer.site-footer .container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

footer.site-footer .container .footer-logo {
    margin-right: 120px
}

footer.site-footer .container .footer-logo img {
    max-width: 142px
}

@media screen and (max-width: 480px) {
    footer.site-footer .container .footer-logo img {
        max-width: 92px
    }
}

@media screen and (max-width: 767px) {
    footer.site-footer .container .footer-logo {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

@media screen and (max-width: 480px) {
    footer.site-footer .container .footer-logo {
        margin-right: 0
    }
}

footer.site-footer .container .footer-menus {
    padding-top: 36px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

footer.site-footer .container .footer-menus p, footer.site-footer .container .footer-menus a, footer.site-footer .container .footer-menus h4 {
    color: white !important;
}

footer.site-footer .container .footer-menus .column {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    padding-right: 25px;
    max-width: 25%
}

footer.site-footer .container .footer-menus .column:last-child() {
    padding-right: 0
}

footer.site-footer .container .footer-menus .column h2, footer.site-footer .container .footer-menus .column h3, footer.site-footer .container .footer-menus .column h4, footer.site-footer .container .footer-menus .column h5, footer.site-footer .container .footer-menus .column h6 {
    color: #000;
    margin: 0 0 0.75em 0
}

footer.site-footer .container .footer-menus .column p {
    margin: 0 0 1em 0
}

@media screen and (max-width: 991px) {
    footer.site-footer .container .footer-menus .column {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        max-width: 50%
    }
}

@media screen and (max-width: 767px) {
    footer.site-footer .container .footer-menus .column {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        max-width: 100%;
        padding: 0
    }
}

footer.site-footer .container .footer-menus .copyright {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 15px 0;
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

footer.site-footer .container .footer-menus .copyright p {
    margin: 0
}

footer.site-footer .container .footer-menus .copyright a {
    color: #000
}

footer.site-footer .container .footer-menus .copyright a:hover {
    color: var(--vsb_red);
}

footer.site-footer .container .footer-menus ul.menu {
    list-style: none;
    padding: 0px;
    margin: 0px 0 20px 0;
    line-height: 1.75em
}

footer.site-footer .container .footer-menus ul.menu a {
    position: relative
}

footer.site-footer .container .footer-menus ul.menu a:after {
    content: "";
    position: absolute;
    background-image: url(/wp-content/themes/vanschijndel/assets/img/arrow-right-red-2x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 10px;
    width: 10px;
    height: 1.9em;
    right: -20px
}

footer.site-footer .container .footer-menus ul.menu a:hover {
    font-weight: 600
}

footer.site-footer .container .footer-menus .desktop-hide {
    display: none
}

@media screen and (max-width: 480px) {
    footer.site-footer .container .footer-menus .mobile-hide {
        display: none
    }

    footer.site-footer .container .footer-menus #footer-menus-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    footer.site-footer .container .footer-menus #footer-menus-mobile [data-mobile-order="0"] {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    footer.site-footer .container .footer-menus #footer-menus-mobile [data-mobile-order="1"] {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    footer.site-footer .container .footer-menus #footer-menus-mobile [data-mobile-order="2"] {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    footer.site-footer .container .footer-menus #footer-menus-mobile [data-mobile-order="3"] {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    footer.site-footer .container .footer-menus #footer-menus-mobile [data-mobile-order="4"] {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    footer.site-footer .container .footer-menus #footer-menus-mobile [data-mobile-order="5"] {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    footer.site-footer .container .footer-menus #footer-menus-mobile [data-mobile-order="6"] {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    footer.site-footer .container .footer-menus #footer-menus-mobile [data-mobile-order="7"] {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    footer.site-footer .container .footer-menus #footer-menus-mobile [data-mobile-order="8"] {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    footer.site-footer .container .footer-menus #footer-menus-mobile [data-mobile-order="9"] {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    footer.site-footer .container .footer-menus #footer-menus-mobile [data-mobile-order="10"] {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
}

footer.site-footer.woonproject .container .footer-logo {
    margin: 10px 0px
}

footer.site-footer.woonproject .container .footer-logo a {
    display: block
}

footer.site-footer.woonproject .container .footer-logo a img {
    max-width: none
}

footer.site-footer.woonproject .container .footer-menus {
    padding: 0px
}

footer.site-footer.woonproject .container .footer-menus .copyright {
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

footer.site-footer.woonproject .container .footer-menus .copyright > div {
    -ms-flex-item-align: center;
    align-self: center
}

footer.site-footer.woonproject .container .footer-menus .copyright p {
    line-height: 30px;
    font-size: 14px
}

.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

embed, iframe, object {
    max-width: 100%
}

.custom-logo-link {
    display: inline-block
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0
}

.wp-caption-text {
    text-align: center
}

.gallery {
    margin-bottom: 1.5em;
    margin-left: -5px;
    margin-right: -5px
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin: 5px
}

.gallery-columns-2 .gallery-item {
    max-width: calc((100% / 2) - 10px)
}

.gallery-columns-3 .gallery-item {
    max-width: calc((100% / 3) - 10px)
}

.gallery-columns-4 .gallery-item {
    max-width: calc((100% / 4) - 10px)
}

.gallery-columns-5 .gallery-item {
    max-width: calc((100% / 5) - 10px)
}

.gallery-columns-6 .gallery-item {
    max-width: calc((100% / 6) - 10px)
}

.gallery-columns-7 .gallery-item {
    max-width: calc((100% / 7) - 10px)
}

.gallery-columns-8 .gallery-item {
    max-width: calc((100% / 8) - 10px)
}

.gallery-columns-9 .gallery-item {
    max-width: calc((100% / 9) - 10px)
}

@media screen and (max-width: 991px) {
    .gallery-columns-2 .gallery-item {
        max-width: calc(25% - 10px)
    }

    .gallery-columns-3 .gallery-item {
        max-width: calc(25% - 10px)
    }

    .gallery-columns-4 .gallery-item {
        max-width: calc(25% - 10px)
    }

    .gallery-columns-5 .gallery-item {
        max-width: calc(25% - 10px)
    }

    .gallery-columns-6 .gallery-item {
        max-width: calc(25% - 10px)
    }

    .gallery-columns-7 .gallery-item {
        max-width: calc(25% - 10px)
    }

    .gallery-columns-8 .gallery-item {
        max-width: calc(25% - 10px)
    }

    .gallery-columns-9 .gallery-item {
        max-width: calc(25% - 10px)
    }
}

@media screen and (max-width: 480px) {
    .gallery-columns-2 .gallery-item {
        max-width: calc(33.33% - 10px)
    }

    .gallery-columns-3 .gallery-item {
        max-width: calc(33.33% - 10px)
    }

    .gallery-columns-4 .gallery-item {
        max-width: calc(33.33% - 10px)
    }

    .gallery-columns-5 .gallery-item {
        max-width: calc(33.33% - 10px)
    }

    .gallery-columns-6 .gallery-item {
        max-width: calc(33.33% - 10px)
    }

    .gallery-columns-7 .gallery-item {
        max-width: calc(33.33% - 10px)
    }

    .gallery-columns-8 .gallery-item {
        max-width: calc(33.33% - 10px)
    }

    .gallery-columns-9 .gallery-item {
        max-width: calc(33.33% - 10px)
    }
}

@media screen and (max-width: 320px) {
    .gallery-columns-2 .gallery-item {
        max-width: calc(50% - 10px)
    }

    .gallery-columns-3 .gallery-item {
        max-width: calc(50% - 10px)
    }

    .gallery-columns-4 .gallery-item {
        max-width: calc(50% - 10px)
    }

    .gallery-columns-5 .gallery-item {
        max-width: calc(50% - 10px)
    }

    .gallery-columns-6 .gallery-item {
        max-width: calc(50% - 10px)
    }

    .gallery-columns-7 .gallery-item {
        max-width: calc(50% - 10px)
    }

    .gallery-columns-8 .gallery-item {
        max-width: calc(50% - 10px)
    }

    .gallery-columns-9 .gallery-item {
        max-width: calc(50% - 10px)
    }
}

.gallery-item img {
    display: block
}

.gallery-caption {
    display: block
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/wp-content/themes/vanschijndel/fonts/slick.eot');
    src: url('/wp-content/themes/vanschijndel/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/vanschijndel/fonts/slick.woff') format('woff'), url('/wp-content/themes/vanschijndel/fonts/slick.ttf') format('truetype'), url('/wp-content/themes/vanschijndel/fonts/slick.svg#slick') format('svg');
}

.slick-dots {
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 10px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}


#site-navigation {
    display: none;
}
.page-id-574 .content, .page-id-10761 .content
{
	max-width: 1000px
}

/* ======== edits 2025 ======== */

/* accordion */
.accordion-item {border-bottom: 1px solid var(--vsb_dark_blue);}
.accordion-item .accordion-button {position:relative;background:unset;border:unset;box-shadow:unset;padding:20px 50px 20px 0px;width:100%;text-align:left;font-size:20px;font-weight:600;color:var(--vsb_blue);}
.accordion-item .accordion-button:hover {color:var(--vsb_red);}
.accordion-item .accordion-button:after {content:'';position: absolute;right:0;top:50%;transform:translateY(-50%);width:18px;height:18px;background-image:url('http://vsbwonen.coersonline.nl/wp-content/uploads/2025/10/accordion-closed.png');background-size:contain;background-repeat:no-repeat;transition:transform 0.3s ease;}
.accordion-item .accordion-button.active:after {background-image: url('http://vsbwonen.coersonline.nl/wp-content/uploads/2025/10/accordion-open.png');}
.accordion-item .accordion-content {height:0px;overflow:hidden;transition:height 0.3s ease;}
.accordion-item .accordion-content.active {padding: 10px 0px;height:unset;margin-bottom: 20px;}
.accordion-item .accordion-content p {margin-bottom: 10px;}
.accordion-item .accordion-content ul {margin: unset;padding-left: 16px;margin-bottom: 10px;}

/* accordion text */
.accordion-text {display:flex;position: relative;gap:120px;align-items:center;padding: 80px 0px;}
.accordion-text:has(.background-element) {margin-top: 80px; margin-bottom: 80px;}
.accordion-text > div {flex:1;}
.accordion-text:has(.background-element) :is(p, h1, h2, button, li) {color: white;}
.accordion-text:has(.background-element) .accordion-item {border-color: white;}
.accordion-text .content-wrapper p {margin-bottom: 10px;}
.accordion-text .content-wrapper h2.sectie-titel {position:relative;}
.accordion-text .content-wrapper h2.sectie-titel:after {content:'';position:absolute;bottom:-20px;left:0;width:160px;height:2px;background:var(--vsb_red);}
.accordion-text .content-wrapper a {color:var(--vsb_blue);font-weight:400;position:relative;text-decoration: underline;}
.accordion-text .content-wrapper a:hover {color:var(--vsb_red);}
.accordion-text .content-wrapper ul {margin: unset;padding-left: 16px;}
.accordion-text.is-rechts .accordion-wrapper {order:2;}
.accordion-text .background-element {position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100%;z-index:-1;pointer-events:none;background-size:cover !important;background-position:center center !important;}

/* dubbel accordion */
.dubbel-accordion {padding: 80px 0px;}
.dubbel-accordion .sectie-titel-wrapper {margin-bottom: 80px;}
.dubbel-accordion .sectie-titel-wrapper h2.sectie-titel {text-align:center;position:relative;}
.dubbel-accordion .sectie-titel-wrapper h2.sectie-titel:after {content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:160px;height:2px;background:var(--vsb_red);}
.dubbel-accordion .accordion-wrapper {display:flex;gap:120px;}
.dubbel-accordion .accordion-wrapper > div {flex:1;}

/* image text */
.image-text {display:flex;gap:120px;align-items:center;padding: 80px 0px;}
.image-text > div {flex:1;}
.image-text .content-wrapper p {margin-bottom: 10px;}
.image-text .content-wrapper h2.sectie-titel {position:relative;}
.image-text .content-wrapper h2.sectie-titel:after {content:'';position:absolute;bottom:-20px;left:0;width:160px;height:2px;background:var(--vsb_red);}
.image-text .content-wrapper a {color:var(--vsb_blue);font-weight:400;position:relative;text-decoration: underline;}
.image-text .content-wrapper a:hover {color:var(--vsb_red);}
.image-text .content-wrapper ul {margin: unset;padding-left: 16px;}
.image-text .image-wrapper.is-rechts {order:2;}
.image-text .image-wrapper img {border-radius: 10px;}

/* blog */
.blog .prefooter-contact-cta {display:none;}

/* unique */
#huurders.image-text .image-wrapper .image-container {position: relative;width: 80%;margin-left: auto;}
#huurders.image-text .image-wrapper .image-container:after {content: '';z-index: -1;position: absolute;left: -180px;top: 100px;width: 100%;height: 100%;background: url('http://vsbwonen.coersonline.nl/wp-content/uploads/2025/10/watermark-vsb.png');background-size: contain;background-repeat: no-repeat;background-position:left bottom;}
#huurders.image-text .image-wrapper .image-container img {aspect-ratio: 1/1;width: 100%;overflow: hidden;object-fit: cover;}

/* media queries */
@media only screen and (max-width: 900px) {
    .accordion-text,
    .dubbel-accordion .accordion-wrapper,
    .image-text {flex-direction:column;}
    #huurders.image-text .image-wrapper .image-container {width: 100%;}
}

/* footer */
.site-footer {padding:50px 0px;background:url('http://vsbwonen.coersonline.nl/wp-content/uploads/2025/10/watermerk.png') no-repeat bottom right; background-size:auto 220px;}
.site-footer .copyright {display: none;}