@charset "utf-8";
/* CSS Document */

/*
Theme Name: VanderVeer Aanmeldsite custom
Author: VanderVeer Creative Agency
Author URI: https://vdveer.nl
Description: Custom template door VanderVeer
Version: 1.0
Tags: 
*/

:root {
    --main-color: #000000;
    --tint-color: #ECECEC;
    --sec-color: #000000;
}

body, html {
	padding:0;
	margin:0;
    background-color:white;
    color:var(--text-color);
    font-size:19px;
    line-height:1.5em;
    font-family: sans-serif;
    font-weight:300;
}

@media screen and (max-width:767px) {
    body, html {font-size:16px;}
}

* {	box-sizing: border-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }

p { font-size:1rem;line-height: 1.5em;color:inherit; }
a { color:inherit; }

a.button, button.forminator-button {
    -webkit-appearance:none;
    border:none;
    cursor:pointer;
    display:inline-block;
    text-decoration:none;
    font-size:1rem;
    padding:.5em 1em;
    border-radius:calc(var(--border-radius) * 2);
    background-color:var(--button-color);
    color:var(--button-text-color);
    font-weight:500;
    margin-right:.5em;
    transition:.16s ease;
    &:hover {
        box-shadow:0 0 8px 0 rgba(0,0,0,0.32);
    }
}
.center { text-align: center; }

.space-bottom {	margin-bottom:80px; }
.space-top { margin-top:80px; }
.space { margin-top:80px;margin-bottom:80px; }
.smallspace-bottom { margin-bottom:40px; }
.smallspace-top { margin-top:40px; }
.smallspace { margin-top:40px; margin-bottom:40px; }
.bigspace-bottom { margin-bottom:120px; }
.bigspace-top { margin-top:120px; }
.bigspace {	margin-top:120px;margin-bottom:120px; }

h1, h2, h3, h4 {
    color:inherit;
}
h1 {
    font-size:63px;
    font-size: clamp(34px, 5vw, 63px);
    line-height: 1em;
    font-weight:700;
    margin:0 0 1rem 0;
}
h2 {
    font-size:48px;
    font-size: clamp(32px, 3vw, 48px);
    line-height: 1em;
    font-weight:700;
    margin:0 0 1rem 0;
}
h3 {
    font-size:32px;
    font-size: clamp(24px, 2vw, 32px);
    line-height: 1em;
    font-weight:600;
    margin:1rem 0;
}
h4 {
    font-size:24px;
    font-size: clamp(18px, 2vw, 24px);
    line-height: 1em;
    font-weight:600;
    margin:1rem 0;
}

.bigcontainer, .container, .midcontainer, .smallcontainer, .minicontainer, .flexrow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	position: relative;
	max-width:100%;
	padding-left:1rem;
    padding-right:1rem;
	margin-left:auto;
    margin-right: auto;
	overflow:hidden;
}
.row, .flexrow {
	width:100%;
	overflow:hidden;
    padding:0;
}
.container-fs {
    width:100%;
    min-height:100vh;
    height:auto;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    align-content:center;
    justify-content: center;
}
.reverse { flex-direction: row-reverse; }
.bigcontainer { width:1640px; }
.container { width:1330px; }
.midcontainer {	width:1130px; }
.smallcontainer { width:730px; }
.minicontainer { width:450px; }

.content {
    border-radius:var(--border-radius);
    background-color:rgba(255,255,255,0.64);
    padding:4%;
    backdrop-filter: blur(12px);
    margin-top:2rem;
    margin-bottom:2rem;
    box-shadow:0 0 16px 0 rgba(0,0,0,0.08);
    img {
        display:inline-block;
        max-width:100%;
        height:auto;
        &.aligncenter {
            margin:0 auto;
        }
        &.alignright {
            margin:0 0 0 auto;
        }
    }
    p:last-of-type {
        margin-bottom:0;
    }
}

.div5  { width:calc(5% - .5rem);  }
.div10 { width:calc(10% - .5rem); }
.div15 { width:calc(15% - .5rem); }
.div20 { width:calc(20% - .5rem); }
.div25 { width:calc(25% - .5rem); }
.div30 { width:calc(30% - .5rem); }
.div33 { width:calc(33% - .5rem); }
.div35 { width:calc(35% - .5rem); }
.div40 { width:calc(40% - .5rem); }
.div45 { width:calc(45% - .5rem); }
.div50 { width:calc(50% - .5rem); }
.div55 { width:calc(55% - .5rem); }
.div60 { width:calc(60% - .5rem); }
.div65 { width:calc(65% - .5rem); }
.div70 { width:calc(70% - .5rem); }
.div75 { width:calc(75% - .5rem); }
.div80 { width:calc(80% - .5rem); }
@media screen and (min-width:768px) {
    
}
@media screen and (max-width:767px) {
    .space-bottom { margin-bottom:60px; }
    .space-top { margin-top:60px; }
    .space { margin-top:60px;margin-bottom:60px; }
    .smallspace-bottom { margin-bottom:25px; }
    .smallspace-top { margin-top:25px; }
    .smallspace { margin-top:25px;margin-bottom:25px; }
    .bigspace-bottom { margin-bottom:90px; }
    .bigspace-top { margin-top:90px; }
    .bigspace { margin-top:90px;margin-bottom:90px; }
    .div10, .div15, .div20, .div25 { width:calc(50% - 8px); }
    .div30, .div33, .div35, .div40, .div45, .div50, .div55, .div60, .div65, .div70, .div75, .div80 { width:100%; }
}

form {
    width:100%;
    max-width:100%;
    font-family:inherit;
    margin-top:1rem;
    * {
        font-family:inherit;
    }
}
.forminator-response-message.forminator-error {
    display: none;
}
label {
    display:block;
    margin-bottom:.25em;
}
.forminator-row {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items:center;
    margin-bottom:1rem;
    &.forminator-no-margin {
        margin-bottom:0;
    }
    .forminator-col-12, .forminator-col {
        width:100%;
    }
    .forminator-col-6, .forminator-col-md-6 {
        width:calc(50% - .5rem);
    }
    .forminator-col-4, .forminator-col-md-4 {
        width:calc(33% - .5rem);
    }
    .forminator-col-3, .forminator-col-md-3 {
        width:calc(25% - .5rem);
    }
}
@media screen and (max-width:560px) {
    .forminator-row {
        .forminator-col-6, .forminator-col-md-6, .forminator-col-4, .forminator-col-md-4, .forminator-col-3, .forminator-col-md-3 {
            width:100%;
        }
    }
}
span.forminator-error-message {
    font-size:.85rem;
    line-height:1.15em;
    color:red;
}
input, textarea {
    -webkit-apperance:none;
    resize:none;
    font-family:inherit;
    color:inherit;
    font-weight:inherit;
    font-size:1rem;
    width:100%;
    padding:.5em;
    border:1px solid var(--text-color);
    border-radius:calc(2 * var(--border-radius));
}