/*
 Theme Name:   Versatile Child
 Description:  Versatile Child theme
 Author:       Versatile Team
 Template:     versatile
 Version:      1.0
 Text Domain:  versatile-child
*/

/* GENERAL */

:root {
    --link-color: #312A74;
    --link-hover: #93C13D;
    --btn-bg: #CF2A64;
}

body {
    background-color: #fbf9f0;
}

body .gform_wrapper {
    color: #312a74;
}

*.relative {
    position: relative;
}

*.absolute {
    position: absolute;
}

*.z-index-2 {
    z-index: 2;
}

*.z-index-1 {
    z-index: 1;
}

green {
    color: #93C13D;
}

.active-container {
    display: block !important;
}

.anchorlink {
    cursor: pointer;
}

a.btn {
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    line-height: 33px;
    border: unset;
    height: 59px;
    display: block;
    max-width: fit-content;
}

a.btn:hover {
    border-bottom: 3px solid #D5DDEE;
}

.first-block a:hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-color: #312a74 !important;
    box-shadow: 4px 4px 2px #fff;
    bottom: 5px ;
    position: relative !important;
}

a.btn.btn-second {
    background-color: #CF2A64;
    color: #ffffff;
    border: unset;
    border-radius: 50px;
    display: inline-block;
    line-height: 33px;
    font-size: 16px;
    font-weight: 500;
    transition: ease 0.2s all;
    margin-bottom: auto;
        width: max-content;
}

a.btn.btn-second:hover {
    border-bottom: 3px solid #a31f4e;
}

a.btn.btn-tet {
    background-color: #D5DDEE;
    color: #312a74 !important;
    border: unset;
    border-radius: 50px;
    display: inline-block;
    line-height: 33px;
    font-size: 16px;
    font-weight: 500;
    transition: ease 0.2s all;
    margin-bottom: auto;
}

a.btn.line-btn {
    background: transparent;
    border-bottom: 1px solid #ffffff;
    padding-left: 1px;
    padding-right: 0px;
    transition: ease 0.3s padding;
    font-size: 16px;
    font-weight: 700;
    border-radius: unset;
}

a.btn.line-btn.line-btn-second {
    color: #312a74 !important;
    border-bottom: 2px solid #312a74;
        margin-bottom: 25px;
}

a.btn.btn-tet:hover {
    background-color: #C9D2E6;
    border-bottom: 3px solid #312a74;
}

a.btn.line-btn:hover {
    background-color: transparent !important;
    padding-left: 0px;
    padding-right: 1px;
}

a.btn.line-btn:after {
    margin-left: 15px;
    font-weight: 900;
    content: url(/wp-content/themes/versatile-child/img/arrow-white.svg);
    display: inline-block;
    transition: ease 0.5s all;
}

a.btn.line-btn.line-btn-second:after {
    margin-left: 15px;
    font-weight: 900;
    content: url(/wp-content/themes/versatile-child/img/arrow-blue.svg);
    display: inline-block;
    transition: ease 0.5s all;
}

a.btn.line-btn:hover:after {
    transform: rotate(-45deg);

}

@media (max-width: 767px) {
    a.btn.line-btn {
        width: unset;
    }
}

h3 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
}

h4 {
    font-size: 32px;
    font-weight: 500;
}

h5 {
    font-size: 24px;
    font-weight: 600;
}

p.small {
    font-size: 16px;
    font-weight: 500;
}

p.klein {
    font-size: 20px;
    font-weight: normal;
}

p.groot {
    font-size: 20px;
    font-weight: 460;
}

@media (max-width: 1024px) {
    h3 {
        font-size: 35px;
    }
}

@media (max-width: 767px) {
    h3 {
        font-size: 32px;
    }
}

a.empty-button img {
    width: unset;
}

.page-template-page-templates #flexible-content>div {
    position: unset;
}

.btn-background a.btn {
    color: var(--link-color) !important;
    background-color: #D5DDEE;
}

/* LOGO */
body[herostyle="static"] .light-logo {
    display: none;
}

@media (min-width: 768px) {
    body[herostyle="static"] header:not(.active-dropdown):not(.sticky-nav) .dark-logo {
        /* max-height: 90px; */
        /* height: 90px; */
        /* margin-left: 20px; */
        /* position: absolute; */
    }

    body[herostyle="static"] header:not(.active-dropdown):not(.sticky-nav) .header-logo {
        height: 85px;
    }
}

body[herostyle="default"] .light-logo {
    display: unset;
}
body[herostyle="default"] header#masthead:not(.sticky-nav) .dark-logo {
    display: none;
}

header#masthead:not(.sticky-nav).active-dropdown .dark-logo {
    display: unset;
}

header#masthead.sticky-nav .light-logo {
    display: none;
}

header.sticky-nav .light-logo {
    display: none;
}

header.sticky-nav .dark-logo {
    display: unset;
}

@media (max-width: 767px) {
    body[herostyle="static"] .dark-logo {
        display: unset;
    }

    body[herostyle="static"] .light-logo {
        display: none;
    }
}

.title-spacer h3 {
    margin-bottom: 38px;
}

.text-spacer {
    margin-top: 50px;
}

/* HEADER */
header.site-header .wrapper {
    max-width: 1920px;
    padding-left: 120px;
    padding-right: 120px;
    padding-top: 15px;
    padding-bottom: 15px;
    height: unset;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

header.site-header .wrapper:has(li.menu-item.active) {
    background-color: white;
}

body[herostyle="default"] div.site header#masthead:not(.sticky-nav) .header-bottom.wrapper {
    background-color: var(--link-color);
}


.header-side-buttons {
    display: flex;
    margin-left: 80px;
}

.header-side-buttons>a+a {
    margin-left: 20px;
}

header .contact-tel img {
    transition: ease 0.3s all;
}

header .contact-tel:hover img {
    transform: rotate(20deg);
}

header .header-knop,
header .contact-tel {
    vertical-align: middle;
}

.header-side-buttons img {
    height: 60px;
    vertical-align: middle;
}

header.sticky-nav {
    transform: unset;
    box-shadow: unset;
}

header.sticky-nav .header-bottom {
    background-color: #ffffff;
    border-radius: none;
    border: 1px solid #312a74;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
    transform: unset;
}

.slide-down {
    animation: unset;
    transition-duration: .5s;
}

.dd-menu .btn-second{
	display: flex;
	justify-content: center;
}

body[herostyle="static"] header.active-dropdown {
    z-index: 1001;
}

body[herostyle="default"] header:not(.sticky-nav) .main-navigation #primary-menu > .menu-item > a {
    color: white;
}

body .main-navigation ul.menu>li.active>a {
    color: var(--link-hover);
}

@media (min-width: 768px) {

    body[herostyle="static"] .site header#masthead:not(.sticky-nav) .header-bottom.wrapper,
    body[herostyle="default"] .site header#masthead:not(.sticky-nav) .header-bottom.wrapper {
        /* color: #ffffff; */
        background: #ffffff;
    }

    body header#masthead:not(.sticky-nav).active-dropdown .main-navigation ul.menu>li:hover:not(.current-menu-item)>a,
    body header#masthead:not(.sticky-nav).active-dropdown .main-navigation ul.menu>li:hover:not(.current-menu-item):has(.sub-menu:hover)>a {
        color: var(--link-hover);
    }

    header .contact-tel {
        display: none;
    }
}

@media (max-width: 1024px) {
    header.site-header .wrapper {
        padding-left: 70px;
        padding-right: 70px;
    }
}

@media (max-width: 967px) {
    header.site-header .wrapper {
        padding-left: 45px;
        padding-right: 45px;
    }
}

@media (max-width: 768px) {
    header.site-header .wrapper {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    header#masthead,
    header.sticky-nav {
        background-color: #ffffff !important;
        border-radius: 0 0 30px 30px;
        border: 1px solid #312a74;
    }

    body[herostyle="default"] header#masthead:not(.sticky-nav) {
        background-color: #312a74 !important;
        border-radius: 0 0 30px 30px;
        border-bottom: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
    }

    .header-side-buttons {
        margin-left: unset;
    }

    header .header-side-buttons .header-knop {
        display: none;
    }

    .header-side-buttons img {
        height: 40px;
    }

    .header-logo img {
        padding: unset;
    }

}

/* MENU */
header .main-navigation li {
    position: unset;
    font-size: large;
    font-weight: 500;
}

header .main-navigation li:hover {
    position: unset;
    font-size: large;
    font-weight: 500;
}

.main-navigation {
    margin-left: 0 !important;
}

.main-navigation a i {
    margin-left: 10px;
}

.main-navigation a {
    display: block;
    text-decoration: none;
    padding: 5px 13px;
    color: #fff;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    width: max-content;
}

.main-navigation #primary-menu>li.menu-item-has-children:hover>a:after {
    display: block;
    height: 100px;
    content: '';
    width: 100%;
    position: absolute;
}

ul.menu li i.fa-chevron-down {
    transition: .3s transform;
}

ul.menu li i.fa-chevron-right {
    float: right;
}

ul.menu li:hover i.fa-chevron-down,
ul.menu li.active i.fa-chevron-down {
    transform: rotate(180deg);
}

header .main-navigation ul.sub-menu {
    position: fixed;
    width: 100%;
    height: 100%;
    animation: unset !important;
    top: 0;
    z-index: -1;
    
}

#primary-menu.menu li:not(.active) ul.sub-menu {
    display: none;
}

header .main-navigation ul.sub-menu .sub-menu-content {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    justify-content: start;
    align-content: center;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding: 165px 262px 10px;
}

header .main-navigation ul.sub-menu .sub-menu-close-btn {
    position: absolute;
    justify-content: space-between;
    align-items: center;
    top: 235px;
    right: 120px;

    width: 100%;
    max-width: 195px;
    padding: 23px;

    color: var(--link-color) !important;
    background-color: unset;
    border: 1px solid var(--link-color);

    font-size: 18px;

    cursor: pointer;
}

header .main-navigation ul.sub-menu .sub-menu-slogan {
    position: absolute;
    display: flex;
    align-items: center;

    right: 120px;
    bottom: 80px;

    font-size: 20px;
    font-weight: 600;

    color: var(--link-hover);
}

header .main-navigation ul.sub-menu .sub-menu-slogan img {
    margin-right: 28px;
    width: 19px;
    height: 24px;
}

header .main-navigation ul.sub-menu .sub-menu-slogan span {
    color: var(--link-color);
}

header .main-navigation ul.sub-menu .sub-menu-close-btn i {
    position: relative;
    margin-left: unset;
    top: unset;
    right: unset;

    transform: unset;
}

header .main-navigation ul.sub-menu a {
    width: 90%;
    font-weight: 500;
    font-size: 40px;
    display: flex;
    align-items: center;
    padding: unset
}

header .main-navigation ul.sub-menu li:hover a,
header .main-navigation ul.sub-menu li.current-menu-item a {
    background-color: initial;
    color: var(--link-hover);
}

ul.sub-menu li svg path {
    fill: #CF2A64;
}

ul.sub-menu li a img,
ul.sub-menu li svg {
    margin-right: 15px;
}

/* ul.sub-menu li:nth-child(1n + 5):before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
} */

header .main-navigation ul.menu>li ul.sub-menu,
header .main-navigation ul.sub-menu {
    left: 0 !important;
}

.menu-right-img {
    z-index: 9;
    position: absolute;
    right: 137px;
    top: 150px;
    width: 625px;
    height: 346px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.menu-li-img {
    border-radius: 60px;
}

.menu-li-img,
.menu-li-img-svg {
        min-width: 119px;
        width: 119px;
        height: 119px;
        margin-right: 15px;
        object-fit: cover;
}

#primary-menu .menu-item-has-children ul.sub-menu {
    min-height: 530px !important;
    align-content: center;
}

.main-navigation ul li.active>ul {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-animation: slide-down-submenu 0.4s ease forwards;
    animation: slide-down-submenu 0.4s ease forwards;
    left: auto
}

@media (min-width: 1526px) {
    ul.sub-menu>li:hover+.menu-right-img {
        display: initial;
        z-index: 10;
    }

    .home .contact-tel {
        z-index: -1;
        position: relative;
        opacity: 0;
    }
}

@media (min-width: 1526px) and (max-width: 1654px) {
    .menu-right-img {
        width: 400px;
    }
}

li.btn-second a {
    background-color: #CF2A64 !important;
    color: #ffffff !important;
    border: unset;
    border-radius: 50px;
    display: inline-block;
    line-height: 33px;
    font-size: 16px;
    font-weight: 500;
    transition: ease 0.2s all;
    margin-bottom: auto;
    height: 59px;
    max-width: fit-content;
    padding: 13px 25px !important;
}

ul.menu li.mobile_only {
    display: none;
}

@media (max-width: 767px) {
    ul.menu li.mobile_only {
        display: block;
    }
}



/* MOBILE MENU*/

#page .sidenav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: max-content;
    background-color: #ffffff;
    max-width: 588px;
    width: 100%;
    border-radius: 10px;
    padding: 50px;
    max-height: 80vh;
}

.sidenav .sidenav-closebtn {
    margin-top: 30px;
    margin-right: 10px;
    float: right;
}

.sidenav ul#slide-menu {
    height: fit-content !important;
    overflow: hidden;
}

.sidenav ul#slide-menu .mobile-only a {
    margin: auto;
}

.sidenav ul#slide-menu,
#slide-menu li #slide-menu li ul.sub-menu {
    width: 100% !important;
}

.sidenav #slide-menu a,
.sidenav a.link-back {
    text-align: left;
}

.sidenav #slide-menu a i {
    display: inline-block;
    position: initial;
}

.sidenav #slide-menu a,
#slide-menu li i,
.sidenav a.link-back {
    color: #312a74;
}

.sidenav #slide-menu li>a {
    font-size: 19px;
    font-weight: 600;
}

#slide-menu li>a.active+ul.sub-menu {
    position: relative;
}

.dd-header a+h3 {
    display: block;
    text-align: center;
    color: #CF2A64;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
}

.dd-wrapper ul, .dd-wrapper li {

    width: auto !important;
}

.sidenav a.link-back,
.dd-header a+h3 {
    font-size: 15px;
    font-weight: 500;
}

.dd-header h3:first-child {
    display: block;
    font-size: 0;
    text-align: center;
}

.dd-header h3:first-child:after {
    content: 'Navigatie';
    font-size: 24px;
    font-weight: 500;

}

body.slide-right .sidenav-dark-overlay {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0.7;
    z-index: 20;
}

@media (max-width: 1525px) {

    .header-side-buttons {
        flex-direction: row-reverse;
    }

    a.menu-toggle {
        display: flex;
        margin-left: 20px;
    }

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

@media (max-width: 767px) {
    #page .sidenav {
        left: 20px;
        right: 20px;
        max-width: calc(100vw - 40px);
        padding: 40px;
        padding-top: 50px;
        margin-top: 100px;
    }

    .dd-menu ul {
        margin-right: -100vw !important;
    }

    .dd-header h3:first-child,
    .sidenav #slide-menu a,
    .sidenav a.link-back {
        text-align: left;
        padding-left: unset;
    }

    .dd-header a+h3 {
        right: unset;
        left: 40px;
    }
}

/* HERO */
#breadcrumbs i {
    color: #D5DDEE;
}

.breadcrumb-text {
    display: flex;
    align-items: center;
}

.breadcrumb-text img {
    width: 18px;
    height: auto;
    margin-right: 10px;
}

.breadcrumb-text > span {
    display: flex;
    align-items: center;
}

.breadcrumb-text span > span:first-of-type {
    display: none;
}

.breadcrumb-text span > i:first-of-type {
    display: none;
}

.breadcrumb-text i {
    font-size: 6px;
}

#page {
    padding-top: unset !important;
}

.top-bar {
    display: none;
}

.theme-hero {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 105px;
    z-index: 21;
}

/* HERO STATIC */
.theme-hero.hero-static {
    border-radius: 0 0 60px 60px;

    padding: unset;
    min-height: unset;
    overflow: visible;
}

.hero-static-gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0 0 60px 60px;
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.05877) 0%, rgba(0, 0, 0, 1) 125%); */
}

.theme-hero.hero-static > img {
    border-radius: 0 0 60px 60px;
    position: relative;
    z-index: -1;
    min-height: 750px;
    height: 801px;
    margin-top: 100px;
}

.theme-hero.hero-static .btn {
    margin-top: 10px;

    background-color: #D5DDEE;
    color: var(--link-color) !important;

    border: unset;
    border-radius: 60px;

    font-size: 20px;
    font-weight: 600;
}

.btn:hover, .theme-hero .btn:hover {
    color: var(--link-color) !important;
    background-color: #D5DDEE !important;
}

.arrow-btm-container {
    position: absolute;
    height: fit-content;
    right: 6.5%;
    bottom: 7.6%;
}

.theme-hero.hero-static .arrow-btm-container img {
    height: 40px;
    width: 21px;
    z-index: 1 !important;
    min-height: 20px !important;
}

.svg-btm-container {
    position: absolute;
    width: 790px;
    height: 913px;
    right: 0;
    bottom: -415px;
    z-index: 1;
}


.theme-hero.hero-static .wrapper {
    position: absolute;
    bottom: 10px;
    height: unset;
    z-index: 2;
}

.theme-hero.hero-static .wrapper .inner {
    width: unset;
    min-height: unset;
    background: unset;
    box-shadow: unset;
    max-width: unset;
    padding-left: 260px;
	z-index: 1;
}

.theme-hero.hero-static .wrapper .inner .intro {
    display: flex;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 23px;
    width: 100%;

    color: #ffffff;
    
    font-size: 20px;
    font-weight: 600;
    text-indent: unset;
    line-height: 32px;
}

.theme-hero.hero-static .wrapper .inner .intro svg {
    margin-right: 20px;
}

.theme-hero.hero-static .wrapper .inner h1 {
    text-indent: unset;
    color: #ffffff;
    font-weight: 600;
    font-size: 80px;
    line-height: 88px;
    padding-bottom: 20px;
}


@media (max-width: 1300px) {
    .theme-hero.hero-static .wrapper .inner {
        padding-left: 50px;
        margin-left: auto;
        margin-right: auto;
    }

    .svg-btm-container {
        display: none;
    }
}

@media (max-width: 1024px) {
    .theme-hero.hero-static .wrapper {
        bottom: 0px;
    }

    .theme-hero.hero-static img {
        min-height: 750px;
    }

    .theme-hero.hero-static .wrapper .inner {
        padding-left: 25px;
        padding-right: 25px;
    }

    .theme-hero.hero-static .wrapper .inner h1 {
        font-size: 57px;
        line-height: 65px;
    }
}

@media (max-width: 970px) {
    div.theme-hero.hero-static .wrapper .inner h1.firstItem,
    div.theme-hero.hero-static .wrapper .inner h1.lastItem {
        font-size: 50px;
    }

}

@media (max-width: 767px) {

    .theme-hero.hero-static,
    .theme-hero.hero-static img {
        border-radius: 0 0 30px 30px;
    }

    .theme-hero.hero-static .wrapper {
        bottom: 20px;
    }

    .theme-hero.hero-static img {
        min-height: 580px;
    }

    .theme-hero.hero-static .wrapper .inner h1 {
        font-size: 40px;
        line-height: 48px;
    }
}

@media (max-width: 560px) { 
    .theme-hero.hero-static .wrapper .inner .intro {
        padding: unset;
    }

    div.theme-hero.hero-static .wrapper .inner h1.firstItem,
    div.theme-hero.hero-static .wrapper .inner h1.lastItem {
        font-size: 35px;
    }
}

/* HERO DEFAULT */
.theme-hero.default-hero {
    border-radius: 0 0 60px 60px;
    background-color: #312a74;
    padding-top: 165px;
    min-height: 500px;
    max-height: unset;
}


.theme-hero.default-hero .hero-arrow-bg {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 500px 750px;
    border-color: transparent transparent #ffffff22 transparent;
    right: 0;
    top: 4.2em;
}

.theme-hero.default-hero .wrapper {
    width: unset;
    min-height: unset;
    background: unset;
    box-shadow: unset;
    max-width: unset;
    padding-left: 250px;
    text-align: left;

}

.theme-hero.default-hero a {
    color: #D5DDEE;
}

.theme-hero.default-hero h1 {
    color: #ffffff;
    font-weight: 600;
    font-size: 80px;
}

@media (max-width: 1024px) {
    .theme-hero.default-hero .wrapper {
        padding-left: 70px;
    }

    /*
	.theme-hero.hero-static img{
		min-height: 750px;
	}
	.theme-hero.hero-static .wrapper .inner{
		padding-left: 70px;
		max-width: 60%
	} */
    .theme-hero.default-hero .wrapper h1 {
        font-size: 57px;
        line-height: 65px;
    }
}

@media (max-width: 767px) {
    .theme-hero.default-hero {
        border-radius: 0 0 30px 30px;
        min-height: unset;
        max-height: 340px;
        padding-top: 115px;
        padding-bottom: 115px;
    }

    .theme-hero.default-hero .hero-arrow-bg {
        border-width: 0 0 220px 375px;
        border-color: transparent transparent #ffffff22 transparent;
        top: unset;
        bottom: 0;
    }

    .theme-hero.default-hero .wrapper {
        padding-left: 20px;
    }

    /*.theme-hero.hero-static img{
		min-height: 580px;
	}
	.theme-hero.hero-static .wrapper .inner{
		padding-left: 20px;
		max-width: 400px;
	} */
    .theme-hero.default-hero .wrapper h1 {
        font-size: 40px;
        line-height: 48px;
    }

}

/* FOOTER */
footer.site-footer {
    position: relative;
    margin-top: -60px;
    padding-top: unset;
    border: unset;
    overflow: hidden;
    background-color: unset;
}

body[herostyle="default"] footer.site-footer {
    margin-top: unset;
}

footer.site-footer .container-fluid {
    position: relative;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

footer .footer-widgets {
    border-radius: 0 0 60px 60px;
    max-width: unset;
    background-color: white;
    padding-bottom: 110px;
    padding-left: 120px;
    padding-right: 120px;
    padding-top: 265px;
    margin-top: -60px;
}

body[herostyle="default"] footer .footer-widgets {
    padding-top: 205;
}

.zkn-widget {
    border: 0px !important;
    text-align: left !important;
}

.zkn-widget__p,
.zkn-widget__footer {
    text-align: left !important;
}

/* .zkn-widget-body .fractional_number.fractional_number_circled{
	display: none;
}
footer .zkn-widget-type-3{
	max-width: 245px;
	min-height: unset;
}
.zkn-widget-type-3 div.zkn-widget-body{
	height: unset;
	border: unset;
}
.zkn-widget-body .text_holder, .zkn-widget-type-3 .zkn-widget-body .widget_content, .zkn-widget-type-3 .zkn-widget-body .text-center, .zkn-widget-body a{
	color: #312a74!important;
	font-weight: 600;
}
.zkn-widget-type-3 .zkn-widget-body .widget_content{
	padding-left: unset;
	padding-right: unset;
	padding-top: unset;
}
.zkn-widget-body a{
	text-decoration: underline;
}
.zkn-widget-type-3 .zkn-widget-body .text-center{
	text-align: left!important;
}
.zkn-widget-type-3 .zkn-widget-body .text-center a:last-child{
    white-space: pre;
}

footer .widget_nav_menu ul, footer .widget_nav_menu ul li{
	list-style: none;
	padding: unset;
	margin: unset;
}
footer .menu > li > a{
	font-weight: 600;
	font-size: 20px;
	line-height:44px;
}
footer .sub-menu > li > a{
	font-weight: 500;
	font-size: 16px;
	opacity: 0.6;
	line-height:44px;
}

footer .zorg-widget{
	top: 125px;
}
footer .zorg-widget .widget.widget_black_studio_tinymce{
	max-width: 336px;
} */

footer.site-footer .site-info {
    max-width: 1920px;
    margin-top: -60px;
    margin-left: auto;
    margin-right: auto;
    padding: 89px 0 29px;

    background: #f8f4e1;
}

footer.site-footer .site-info .wrapper {
    max-width: unset;
    padding-left: 120px;
    padding-right: 120px;
}

footer.site-footer .site-info a,
footer.site-footer .site-info span {
    font-weight: 500;
    font-size: 15px;
    opacity: 0.6;
}

.site-info-left+.site-info-left {
    margin-left: 50px;
}

footer .widget_nav_menu ul li.menu-item-has-children .afterI:before {
    content: '';
    font-style: normal;
}

footer .site-info .text-md-left>* {
    white-space: pre;
}

@media (max-width: 967px) {

    footer.site-footer .site-info .wrapper,
    footer .footer-widgets {
        padding-left: 45px;
        padding-right: 45px;
    }
}

@media (max-width: 767px) {
    footer .zorg-widget {
        position: relative;
        top: unset;
    }

    footer.site-footer .site-info .wrapper,
    footer .footer-widgets {
        padding-left: 20px;
        padding-right: 20px;
    }

    footer .widget_nav_menu ul.menu>li+li,
    footer .footer-menu>div:not(:first-child) .widget_nav_menu ul.menu {
        border-top: 1px solid #312a7499;
    }

    footer .widget_nav_menu ul li.menu-item-has-children .sub-menu {
        overflow: hidden;
    }

    footer .widget_nav_menu ul li.menu-item-has-children:not(.open) .sub-menu {
        height: 0px;

    }

    footer .widget_nav_menu ul li.menu-item-has-children .afterI:before {
        font-size: 24px;
        line-height: 44px;
        font-weight: 900;
        font-family: "Font Awesome 6 Free";
        content: "\f067";
        position: absolute;
        right: 20px;
        top: 12px;
    }

    footer .widget_nav_menu ul li.menu-item-has-children.open .afterI:before {
        content: "\f068";
    }

    footer .widget_nav_menu ul.menu>li {
        padding: 10px 0;
    }

    footer .widget {
        margin: unset;
    }

    footer .site-info .text-md-left {
        text-align: center !important;
    }

    footer .site-info .text-md-left>* {
        display: block;
        margin: unset;
    }

}

/* FLEXIBLE CONTENT */
div.flexible-slider > .container-fluid {
    padding: unset;
}

div.flexible-slider > .container-fluid .row {
    margin-right: unset;
}

#flexible-content > div {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

body[herostyle='default'] #flexible-content > div {
    max-width: 1396px;
    padding-left: 125px;
    padding-right: 125px;
}

body[herostyle='default'] #flexible-content > div:nth-child(1) {
    padding-top: 372px;
}

@media (min-width: 1481px) {


    .page-template-navigatie-links #flexible-content>div {
        padding-left: 120px;
        padding-right: 120px;
        max-width: unset;
    }

    .page-template-navigatie-links footer {
        z-index: 20;
    }
}

body:not(.page-template-navigatie-links) .own-message {
    display: none;
}

.page-template-navigatie-links .own-message textarea {
    min-height: 286px;
    border-radius: 10px;
}

.page-template-navigatie-links #flexible-content>div {
    padding-top: 90px;
    padding-bottom: 90px;
}

#flexible-content>div:not(.spacer) {
    padding-top: 80px;
    padding-bottom: 70px;
    margin-top: -60px;
    position: relative;
    border-radius: 0 0 60px 60px;
}

body[herostyle="default"] #flexible-content>div:not(.spacer):last-child {
    border-radius: unset;
}

#flexible-content > div.flexible-slider-links {
    padding-top: 67px;
}

@media (max-width: 1024px) {
    #flexible-content>div {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/* @media (max-width: 767px){
	#flexible-content > div{
		padding-top: 190px;
		padding-bottom: 130px;
	}
} */

#flexible-content .span-color span {
    color: var(--btn-bg);
}

/* FLEXIBLE ANCHOR WIDTH*/
#flexible-content .flex-hero-anchor {
    /* z-index: -2!important; */
    position: absolute;
    width: 100%;
    background: #312a74;
    padding: 80px 0 20px 0;
}

.flex-hero-anchor .default-tekst {
    color: #93C13D;
}

.flex-hero-anchor .anchorlink {
    color: #ffffff;
}

#flexible-content .flex-hero-anchor.pagenav-sticky {
    position: sticky;
    top: 90px;
    z-index: 20 !important
}

.flex-hero-anchor .row {
    max-width: 100%;

    justify-content: center;
}

@media (max-width: 1480px) {
    .flex-hero-anchor {
        display: none;
    }
}

div.color-split-top-half {
    padding-bottom: 160px !important;
}
div.color-split-top-half.flexible-slider-links {
    padding-bottom: 147px !important;
}

div.color-split-top-half.flexible-slider:has(div.slide-arrow-background) {
    padding-bottom: 188px !important;
}

div.color-split-bottom-half {
    padding-top: 220px !important;
}

div.color-split-bottom-half:has(.triangle) {
    padding-top: 145px !important;
}

/* FLEXIBLE ANCHOR LEFTR*/
.page-template-navigatie-links #flexible-content .flex-hero-anchor {
    /* z-index: 20!important; */
    position: absolute;
    left: 0;
    height: fit-content;
    width: 550px;
    background: #D5DDEE;
    padding: 180px 0 120px 50px;
}

.page-template-navigatie-links .flex-hero-anchor .default-tekst {
    color: #CF2A64;
}

.page-template-navigatie-links .flex-hero-anchor .anchorlink {
    color: #312A74;

}

.page-template-navigatie-links .flex-hero-anchor .anchorlink+.anchorlink {
    margin-top: 10px;
}

.page-template-navigatie-links #flexible-content .flex-hero-anchor.pagenav-sticky {
    position: fixed;
    top: 90px;
    left: 0;
}

.page-template-navigatie-links .flex-hero-anchor .row {
    max-width: 100%;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 1480px) {
    .page-template-navigatie-links .flex-hero-anchor {
        display: none;
    }
}

/* FLEXIBLE IMAGE TRIANGLE TEKST (SUCCESVERHAAL)*/
.fblock-image-triangle-text {
    padding-left: 210px;
    padding-right: 262px;
}

.fblock-image-triangle-text .image-block {}

.fblock-image-triangle-text .image-block .triangle {
    position: relative;
    width: 100%;
    max-width: 650px;
    height: 100%;
    max-height: 603px;
}

.fblock-image-triangle-text .image-block .background-svg {
    position: absolute;
    left: 0;
}

.fblock-image-triangle-text .image-block .background-svg.triangle-1 {
    left: -20px
}

.fblock-image-triangle-text .image-block .background-svg.triangle-1 path {
    translate: 0 -27px;
    rotate: -1deg;
}

.fblock-image-triangle-text .image-block img {
    position: absolute;
    margin: 40px 25px;
    left: 0;
}

.fblock-image-triangle-text .image-block .window-svg {
    overflow: hidden;
    position: absolute;
}

 .fblock-image-triangle-text .text-block {
    color: #D5DDEE;
} 

.fblock-image-triangle-text .subtitle-container {
    padding-top: 40px;
    display: flex;
}

.fblock-image-triangle-text .subtitle-container .subtitle-logo {
    min-width: 27px;
    display: flex;
}

.fblock-image-triangle-text .subtitle-container .subtitle-logo img {
    margin: 0px;
    width: 25px;
    height: auto;
}

.fblock-image-triangle-text .subtitle-container span {
    font-size: 24px;
    font-weight: 500;
    display: block;
    margin-left: 20px;
}

.fblock-image-triangle-text h3 {
    margin-top: 15px;
    margin-bottom: 47px;
}

.fblock-image-triangle-text p:not(:has(a.btn)) {
    padding-top: 45px;
    border-top: 1px solid #ffffff4D;
}

.flex-columns-two-title-left h3 {
    width: 85.66%;
    line-height: 48px;
}

.button-text-color .btn {
    color: #D5DDEE !important;
}

.fblock-image-triangle-text a.btn {
    font-size: 20px;
}
.fblock-image-triangle-text p a.btn {
    margin-top: 30px;
}
.fblock-image-triangle-text p:has(a.btn),
.fblock-image-triangle-text p a.btn {
    margin-bottom: unset;
}


.fblock-image-triangle-text .image-block {
    display: flex;
    align-items: center;
}   

.fblock-image-triangle-text .text-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* FLEXIBLE AFDELING CONTACT*/
.fblock-image-contact {
    padding-left: 120px;
    padding-right: 120px;
}

.fblock-image-contact p {
    margin-top: 30px;
}

.fblock-image-contact .gform_heading {
    display: none;
}

.fblock-image-contact .gform_wrapper {
    margin-top: 50px;
}

.fblock-image-contact .gform_wrapper.afdeling-formulier_wrapper .gfield_checkbox label {
    margin-left: 10px;
    font-size: 12px;
    font-weight: 500;
    opacity: 0.5;
}

.fblock-image-contact .gform_wrapper.afdeling-formulier_wrapper input[type='text'] {
    border-radius: 10px;
    height: 88px;
}

.fblock-image-contact .gform_footer.top_label .gform_button.button {
    border-radius: 60px;
    margin-top: 50px;
}

.fblock-image-contact img {
    width: auto;
    height: 100%;
}

.fblock-image-contact .row {
    gap: 25px;
}

.page-template-navigatie-links .fblock-image-contact .image-block {
    display: none;
}

/* FLEXIBLE AFDELINGEN KLUS */
.page-template-navigatie-links .flex-afdelingen-klus .col-lg-6+.col-lg-6 {
    display: none;
}

.flex-afdelingen-klus {
    padding-right: 100px;
    padding-left: 100px;
}

.flex-afdelingen-klus .block {
    border-radius: 10px;
    height: 100%;
    padding: 20px 50px 50px 50px;
}

.flex-afdelingen-klus .first-child .block,
.flex-afdelingen-klus .first-child .block span {
    color: #D5DDEE;
}

.flex-afdelingen-klus .first-child .block span {
    margin-left: 10px;
    line-height: 42px;
    font-size: 18px;
    font-weight: 500;
}

.flex-afdelingen-klus .first-child .block svg path {
    fill: #CF2A64;
}

.flex-afdelingen-klus .afdelingen-container {
    display: grid;
    grid-template-columns: 50% 50%;

    padding-top: 50px;
}

.flex-afdelingen-klus .first-child .afdelingen-entry {
    display: flex;
}

.flex-afdelingen-klus .first-child .afdelingen-entry a {
    display: contents;
}

.flex-afdelingen-klus .link-block {
    margin-top: 50px;
    width: fit-content;
    display: inline-block;
}

.flex-afdelingen-klus .link-block.first-block {
    margin-right: 20px;
}

.flex-afdelingen-klus .link-block {
    margin-top: 50px;
}

.page-template-navigatie-links .col-lg-6.first-child {
    flex: 0 0 100%;
    max-width: 100%;
}

/* FLEXIBLE TRIANGLE BLOCK */
.fblock-triangle-text-blok .row {
    position: relative;
    padding-top: 20px;
    padding-bottom: 40px;
    padding: 20px 20px 40px 20px;

}

.fblock-triangle-text-blok .row img {
    width: 100%;
    height: auto;
}

.fblock-triangle-text-blok .row.flex-reverse {
    flex-direction: row-reverse;
}

.fblock-triangle-text-blok .background-triangle-blok {
    background-color: #FFFFFF;
    border-radius: 10px;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.fblock-triangle-text-blok .background-triangle-blok-kort {
    background-color: #D5DDEE;
    border-radius: 10px;
    position: absolute;
    height: 100%;
    width: 85%;
    right: 0;
    top: 0;
}

.fblock-triangle-text-blok .link-block {
    margin-top: 50px;
    width: fit-content;
    display: inline-block;
}

.fblock-triangle-text-blok .link-block.first-block {
    margin-right: 20px;
}

.fblock-triangle-text-blok .link-block {
    margin-top: 50px;
}

.fblock-triangle-text-blok .klein,
.fblock-triangle-text-blok .groot {
    font-weight: 400;
}

/* FLEXIBLE COLUMN TWO*/
.flex-columns-two {
    padding-left: 250px;
    padding-right: 250px;
}

div#flexible-content .flex-columns-two.pt-130 {
    padding-top: 130px;
}

.flex-columns-two .row>div:has(p):not(h3) {
    margin-top: 40px;
}

.flex-columns-two p.klein,
.flex-columns-two p.groot {
    max-width: 686px;
}

.flex-columns-two .bullet-points-block {
    box-shadow: 6px 6px 0 #D5DDEE;
    border: 1px solid #D5DDEE;
    border-radius: 10px;
    padding: 30px;
}

.flex-columns-two h4 {
    margin-top: unset;
}

.flex-columns-two .bullet-points-container {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 20px;
}

.flex-columns-two .bullet-point {
    display: inline-flex;

}

.flex-columns-two .bullet-point svg {
    margin-right: 20px;
}

.flex-columns-two .bullet-points-block .link-block {
    margin-top: 50px;
    width: fit-content;
    display: inline-block;
}

.flex-columns-two .bullet-points-block .link-block.first-block {
    margin-right: 20px;
}

.flex-columns-two .link-block {
    margin-top: 30px;
}

@media (max-width: 1024px) {
    .flex-columns-two {
        padding-left: 150px;
        padding-right: 150px;
    }
}

@media (max-width: 767px) {
    .flex-columns-two {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.flex-columns-two .bullet-board {
    padding: 46px;
    box-shadow: 6px 6px 0px #D5DDEE66;
    border: 1px solid #D5DDEE;
    border-radius: 10px;
}

.flex-columns-two .bullet-board h3 {
    margin: unset;
}


.flex-columns-two .bullet-board div {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;

}

.flex-columns-two .bullet-board div span {
    width: 50%;
    padding: 5px;
    font-size: 20px;
}

.flex-columns-two a.btn {
    font-size: 20px;
}


/* FLEXIBLE COLUMN TWO SCROLL*/
.flex-columns-two-scroll {
    padding-left: 120px;
    padding-right: 120px;
    padding-bottom: unset !important;
    color: #ffffff;
}

.flex-columns-two-scroll .row>div:first-child {
    padding-right: 90px;
    padding-left: 130px;
}

.flex-columns-two-scroll h3 {
    margin-top: unset;
    margin-bottom: unset;
    padding-bottom: 40px;
    padding-right: 20px;
    border-bottom: 1px solid #ffffff;
}

.flex-columns-two-scroll .subtitle-container {
    padding-top: 40px;
    display: flex;
    margin-left: 30px;
}

.flex-columns-two-scroll .subtitle-container .subtitle-logo {
    min-width: 45px;
    display: flex;
}

.flex-columns-two-scroll .subtitle-container .subtitle-logo img {
    margin: auto;
}

.flex-columns-two-scroll .subtitle-container span {
    font-size: 20px;
    font-weight: 500;
    display: block;
    margin-left: 20px;
}

.flex-columns-two-scroll .link-block {
    margin-top: 50px;
    width: fit-content;
    display: inline-block;
}

.flex-columns-two-scroll .link-block.first-block {
    margin-right: 20px;
}

.flex-columns-two-scroll p {
    font-size: 18px;
    font-weight: 400;
    margin-top: 120px;
    margin-bottom: 120px;
    padding-right: 20px;
}
.flex-columns-two-scroll p:last-child {
    margin-bottom: unset;
}

.flex-columns-two-scroll .images-container {
    position: absolute;
    overflow-y: scroll;
    height: 100%;
    line-height: 0;
}

.flex-columns-two-scroll.no-scroll .images-container {
    overflow: unset;
}

.flex-columns-two-scroll .image-container {
    margin-bottom: 20px;
    border-radius: 10px;
}

.flex-columns-two-scroll .image-container img {
    border-radius: 10px;
    z-index: -1;
    position: relative;
}

.flex-columns-two-scroll .images-container .image-container:last-child,
.flex-columns-two-scroll .images-container .image-container:last-child img {
    margin-bottom: unset;
    border-radius: 10px 10px 0 0;
}

/* Hide the scrollbar for Chrome, Safari and Opera */
.flex-columns-two-scroll .images-container::-webkit-scrollbar {
    display: none;
}

/* Hide the scrollbar for Internet Explorer, Edge and Firefox */
.flex-columns-two-scroll .images-container {
    -ms-overflow-style: none;
    /* Internet Explorer and Edge */
    scrollbar-width: none;
    /* Firefox */
}

@media (max-width: 1024px) {
    .flex-columns-two-scroll {
        padding-left: 70px;
        padding-right: 70px;
        padding-top: 130px !important;
    }

    .flex-columns-two-scroll .row>div:first-child {
        padding-right: 50px;
        padding-left: 50px;

    }

    .flex-columns-two-scroll h3 {
        padding-right: unset;
    }

    .flex-columns-two-scroll .subtitle-container span {
        font-size: 22px;
        width: 100%;
    }

    .flex-columns-two-scroll p {
        margin-top: 70px;
        margin-bottom: 70px;
        padding-right: unset;
    }
}

@media (max-width: 767px) {
    .flex-columns-two-scroll {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
        padding-bottom: 60px !important;
    }

    .flex-columns-two-scroll .row>div:first-child {
        padding-right: 0;
        padding-left: 0;

    }

    .flex-columns-two-scroll h3 {
        border-bottom: unset;
    }

    .flex-columns-two-scroll .subtitle-container {
        margin-left: unset;
    }

    .flex-columns-two-scroll .subtitle-container .subtitle-logo {
        display: none;
    }

    .flex-columns-two-scroll .subtitle-container span {
        margin-left: unset;
        font-size: 20px;
    }

    .flex-columns-two-scroll .link-block {
        margin: auto;
        margin-top: 40px;
        width: 100%;
    }

    .flex-columns-two-scroll .link-block+.link-block {
        margin-top: 30px;
    }

    .flex-columns-two-scroll .link-block a {
        display: inherit;
        width: 100%;
    }

    .flex-columns-two-scroll p {
        display: none;
    }

}

/* FLEXIBLE COLUMN TWO TITLE LEFT */
.flex-columns-two-title-left {
    padding-bottom: 180px !important;
    padding-left: 217px;
    padding-right: 260px;
}

.flex-columns-two-title-left .subtitle-container {
    display: flex;
    align-items: center;
    margin-left: 30px;
    padding-top: 40px;
}

.flex-columns-two-title-left .subtitle-container .subtitle-logo {
    min-width: 45px;
    display: flex;
}

.flex-columns-two-title-left .subtitle-container .subtitle-logo img {
    margin: auto;
    max-height: 64px;
}

.flex-columns-two-title-left .subtitle-container span {
    font-size: 24px;
    font-weight: 500;
    margin-left: 20px;
}

.flex-columns-two-title-left p {
    font-size: 18px;
    font-weight: 400;
}

.flex-columns-two-title-left .link-block {
    margin-top: 40px;
    width: fit-content;
    display: inline-block;
}

.flex-columns-two-title-left .link-block.first-block {
    margin-right: 20px;
}

@media (max-width: 1200px) {
    .flex-columns-two-title-left {
        padding-right: 120px;
    }

    .flex-columns-two-title-left .row>div:last-child {
        padding-left: 120px;
    }
}

@media (max-width: 1024px) {
    .flex-columns-two-title-left {
        padding-right: 70px;
        padding-left: 70px;
        padding-bottom: 120px !important;
    }

    .flex-columns-two-title-left .link-block {
        margin-top: 30px;
    }

    .flex-columns-two-title-left .row>div:last-child {
        padding-left: 120px;
    }
}

@media (max-width: 767px) {
    .flex-columns-two-title-left {
        padding-right: 5px;
        padding-left: 5px;
    }

    .flex-columns-two-title-left .subtitle-container {
        margin-left: unset;
    }

    .flex-columns-two-title-left .row>div:last-child {
        padding-left: 15px;
    }

    .flex-columns-two-title-left .link-block {
        margin: auto;
        margin-top: 40px;
        width: 100%;
    }

    .flex-columns-two-title-left .link-block+.link-block {
        margin-top: 30px;
    }

    .flex-columns-two-title-left .link-block a {
        display: inherit;
        width: 100%;
        margin: unset;
    }
}

/* FLEXIBLE SLIDER */
#flexible-content > div.flexible-slider {
    padding-top: unset;
    padding-bottom: 80px;
}

.flexible-slider .background-down {
    position: absolute;
    top: 120px;
    height: calc(100% - 120px);
    width: 100%;
    border-radius: 60px 60px 0 0;
}

.flexible-slider.background-down-rounded .background-down {
    border-radius: 60px;
}


.flexible-slider h3 {
    padding-left: 250px;
    margin-bottom: 32px;
}

.flexible-slider .slick-slider .slick-track {
   /* padding-left: 93px;*/
   padding-left: 8px;
}

/*
.slick-slider .slick-track .slick-slide {
    padding: 0px 12px;
} */

.slick-slider .slick-track .slick-slide img {
    padding: unset;
}

.flexible-slider .slick-slider .slick-slide img {
    width: 686px;
    height: 544px;
    border-radius: 10px;
}

.flexible-slider .slick-track .slick-slide {
    width: fit-content !important;
    padding-right: 15px;
}

.flexible-slider .slick-slider .slick-next {
    right: unset;
    top: unset;
    bottom: -9px;
    left: 328px;
    z-index: 1;
}

.flexible-slider .slick-slider .slick-next:before {
    font-size: 50px;
    color: red;
}

.flexible-slider .slick-slider .slick-prev {
    bottom: -9px;
    top: unset;
    left: 262px;
    z-index: 1;
}

.flexible-slider .slick-slider .slick-prev:before {
    font-size: 50px;
    color: red;
}

.flexible-slider .slide-arrow-background {
    width: 144px;
    height: 57px;
    position: absolute;
    bottom: -28px;
    left: 262px;
    border-radius: 30px;
    background-color: #D5DDEE;
}

@media (min-width: 1025px) {
    .flexible-slider img {
        opacity: unset;
        -webkit-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out;
        -webkit-filter: unset;
        filter: unset;
    }
}

@media (max-width: 1024px) {
    .flexible-slider h3 {
        padding-left: 70px;
    }

    .flexible-slider .slick-slider .slick-track {
        padding-left: 70px;
    }

    .flexible-slider .slick-slider .slick-slide img {
        max-width: 436px;
    }

    .flexible-slider .slide-arrow-background {
        left: 150px;
    }

    .flexible-slider .slick-slider .slick-next {
        left: 215px;
    }

    .flexible-slider .slick-slider .slick-prev {
        left: 150px;
    }
}

@media (max-width: 767px) {
    .flexible-slider.hastitle {
        padding-top: 60px !important;
    }

    .flexible-slider .background-down {
        top: 60px;
        height: calc(100% - 60px);
    }

    .flexible-slider h3 {
        display: none;
        padding-left: 5px;
    }

    .flexible-slider .slick-slider .slick-track {
        padding-left: 5px;
    }

    .flexible-slider .slick-slider .slick-slide img {
        max-width: 312px;
    }

    .flexible-slider .slide-arrow-background,
    .flexible-slider .slick-slider .slick-next,
    .flexible-slider .slick-slider .slick-prev {
        display: none !important;
    }
}

/* FLEXIBLE SLIDER WERKEN MET VIDEO*/
.flexible-slider-werken {
    padding-top: unset !important;
    padding-bottom: 160px !important;
}

.flexible-slider-werken .background-down {
    position: absolute;
    top: 90px;
    height: calc(100% - 90px);
    width: 100%;
    border-radius: 60px;
}

.flexible-slider-werken h3 {
    padding-left: 250px;
    margin-bottom: 80px;
}

.flexible-slider-werken .col {
    padding-right: unset;
    padding-left: unset;
}

#flexible-content > div.flexible-slider > div.container-fluid > div > div {
	padding-right: unset;
}

.flexible-slider-werken .slider-onder .slick-list {
    direction: rtl;
}

.flexible-slider-werken .slider-onder .slick-list .slick-slide {
    float: right;
}

.flexible-slider-werken .slider-boven .slick-slider .slick-track {
    padding-left: 30px;
    transition: .3s all;
}

.flexible-slider-werken .slider-onder .slick-slider .slick-track {
    padding-right: 30px;
    transition: .3s all;
}

.flexible-slider-werken .slick-slider .slick-slide img {
    height: auto;
    max-width: 540px;

}

.flexible-slider-werken .slick-track .slick-slide {
    width: fit-content !important;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
}

.flexible-slider-werken .slick-slide .slide-title {
    width: fit-content;
    background-color: #ffffff;
    border-radius: 60px;
    position: absolute;
    top: 25px;
    right: 55px;
    padding: 10px 15px;
}

.flexible-slider-werken .row+.row {
    margin-top: 50px;
}

.flexible-slider-werken .video-col {
    padding-left: 250px;
    padding-right: 250px;
    margin-top: 120px;

}

.flexible-slider-werken .video-block {
    position: relative;
}

.flexible-slider-werken .video-afbeelding {
    margin-left: 220px;
    position: relative;
}

.flexible-slider-werken .video-block .video-afbeelding img {
    border-radius: 10px;
}

.flexible-slider-werken .video-block .bekijk-vid {
    cursor: pointer;
    border-radius: 60px;
    padding: 20px 20px;
    background-color: #D5DDEE;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: fit-content;
    height: fit-content;
}

.flexible-slider-werken .video-block .bekijk-vid svg {
    margin-left: 20px;
    vertical-align: middle;
}

.flexible-slider-werken .video-block .video-side-tekst {
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 6px 6px 0 #D5DDEE;
    padding: 60px 50px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: fit-content;
    max-width: 35%;
    margin: auto;
}

.flexible-slider-werken .video-block .video-side-tekst p+p {
    margin-bottom: unset;
}

.flexible-slider-werken .video-block .video-container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100vw;
    height: 100vh;
    display: none;
    background-color: #00000033;
    z-index: 1001;
}

@media (min-width: 1025px) {
    .flexible-slider-werken img {
        opacity: unset;
        -webkit-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out;
        -webkit-filter: unset;
        filter: unset;
    }
}

@media (max-width: 1024px) {
    .flexible-slider-werken .slick-slider .slick-track {
        padding-left: 70px;
    }

    .flexible-slider-werken .slick-slider .slick-slide img {
        max-width: 436px;
    }
}

@media (max-width: 767px) {

    .flexible-slider-werken .slick-slider .slick-track {
        padding-left: 5px;
    }

    .flexible-slider-werken .slick-slider .slick-slide img {
        max-width: 312px;
    }
}

/* FLEXIBLE VIDEO */

.flexible-video .video-block {
    position: relative;
}

.flexible-video .video-afbeelding {
    display: flex;
    justify-content: center;
}

.flexible-video .video-block .video-afbeelding img {
    border-radius: 10px;
}


.flexible-video .video-block .bekijk-vid {
    cursor: pointer;
    border-radius: 60px;
    padding: 20px 20px;
    background-color: #D5DDEE;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: fit-content;
    height: fit-content;
}

.flexible-video .video-block .bekijk-vid svg {
    margin-left: 20px;
    vertical-align: middle;
}

.flexible-video .video-block .video-container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100vw;
    height: 100vh;
    display: none;
    background-color: #00000033;
    z-index: 1001;
}


/* FLEXIBLE SLIDER LINKS*/
.flexible-slider-links {
    margin-top: -60px;
    padding-top: 220px;
    padding-bottom: 160px;
    border-radius: 0 0 60px 60px;
}

.flexible-slider-links .slick-slider .slick-slide img:not(.slide-icon) {
    height: 220px;
    /* max-width: 400px; */
    padding: unset;
    z-index: 2;
    transition: ease-out 0.5s height;
}

/* .flexible-slider-links .slick-slider .slick-slide:hover a>img {
    height: 402px;
} */

.flexible-slider-links .slick-slider .slick-slide:hover .slide-button-container {
    opacity: 1;
}

.flexible-slider-links .slick-track:before,
.flexible-slider-links .slick-track:after {
    content: unset;
}

.flexible-slider-links .slick-track .slick-slide {
    width: fit-content !important;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    /* height: 402px; */
    cursor: pointer;
}

.slide-bottom-block {
    background-color: #fbf9f0;
    background-color: #ffffff;
    text-align: center;
    height: 122px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: -1;
    position: absolute;
    bottom: 0;
    width: 100%;

}

.slide-bottom-block img,
.slide-bottom-block svg {
    margin: 0 auto;
    width: 28px;
    height: 28px;
    padding: unset;
}

.slide-bottom-block svg path {
    fill: #CF2A64;
}

.slide-bottom-block span {
    font-size: 20px;
    font-weight: 600;
}

.slide-button-container {
    z-index: 3;
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    opacity: 0;
    transition: ease 0.5s opacity;
}

@media (min-width: 1025px) {

    .flexible-slider-links .container-fluid,
    .flexible-slider-links .container-fluid .col {
        padding: unset;
    }

    .flexible-slider-links {
        padding-left: 100px;
        padding-right: 100px;
    }

    .flexible-slider-links .slick-track {
        width: 100% !important;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        /* gap: 24px; */
    }

    .flexible-slider-links img {
        opacity: unset;
        -webkit-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out;
        -webkit-filter: unset;
        filter: unset;
    }
}

@media (max-width: 1024px) {
    .flexible-slider-links .slick-track .slick-slide {
        height: 282px;
        margin-right: 20px;
    }

    .flexible-slider-links .slick-slider .slick-track {
        padding-left: 70px;
    }

    .flexible-slider-links .slick-slider .slick-slide img:not(.slide-icon) {
        max-width: 283px;
        height: 196px;
    }

    .slide-bottom-block {
        height: 86px;
    }

    .slide-bottom-block img {
        width: 23px;
        height: 23px;
    }

    .slide-bottom-block span {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .flexible-slider-links .slick-slider .slick-track {
        padding-left: 5px;
    }

    .flexible-slider-links .slick-slider .slick-slide img {
        max-width: 312px;
    }
}


/* BLOGSPAGE */
.blog .site-content {
    max-width: 2150px;
    padding-left: 120px;
    padding-right: 120px;
}

.blog .site-content .row {
    justify-content: center;
    gap: 30px;
}

.blog .site-content .page-title {
    padding-left: 130px;
    margin-bottom: 90px;
    margin-top: 0;
}

.blog article.force-blog-flex-column {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    background-color: #ffffff;
    padding: unset;
    overflow: hidden;
    max-width: calc(25% - 30px);
    margin: unset;
    transition: ease 0.3s box-shadow;
    cursor: pointer;
}

.blog article.force-blog-flex-column:hover {
    box-shadow: 6px 6px 0 #D5DDEE;
}

.blog article.force-blog-flex-column .post-thumbnail {
    order: 1;
    width: unset;
    margin-bottom: 20px;
    min-height: 250px;
    max-height: 250px;
}

.blog article.force-blog-flex-column .entry-header {
    order: 2;
    float: unset;
    width: unset;
    padding: 0 24px;
    flex-grow: 1;
}

.blog article.force-blog-flex-column .entry-content {
    order: 3;
    width: unset;
    padding: 0 24px;
}

.blog .numbered-pagination {
    justify-content: center;
    padding-top: 70px;
    padding-bottom: 70px;
    align-items: baseline;
}

.blog .numbered-pagination .page-numbers {
    border-radius: 100%;
    background-color: unset;
    height: 60px;
    width: 60px;
    margin-right: 0;
}

.blog .numbered-pagination .current,
.blog .numbered-pagination .page-numbers:hover {
    background-color: unset;
    color: #312a74;
    border: 1px solid #D5DDEE;
        height: 60px;
    width: 60px;
}

.blog .numbered-pagination .next,
.blog .numbered-pagination .prev {
    background-color: #ffffff;
    color: #312a74;
}

.blog .numbered-pagination .next {
    margin-left: 120px;
    height: 60px;
	width: 60px;
}

.blog .numbered-pagination .prev {
    margin-right: 120px;
}

.blog .numbered-pagination .prev i:before,
.blog .numbered-pagination .next i:before {
    content: url(/wp-content/themes/versatile-child/img/arrow-blue.svg);
}

.blog .numbered-pagination .prev {
    transform: rotate(180deg);
}

.blog .numbered-pagination .next:hover,
.numbered-pagination .prev:hover {
    background-color: #ffffff;
}

.numbered-pagination .current {
	height: 60px;
	width: 60px;
}

.search article, .blog article {
    border-bottom: none; 
}

.entry-content .read-more {
	    padding: 20px 25px 0px 0;
}


@media (max-width: 1400px) {
    .blog article.force-blog-flex-column {
        max-width: calc(33.333% - 30px);
        flex: 0 0 33.333%;
    }
}

@media (max-width: 1024px) {
    .blog .site-content {
        padding-left: 50px;
        padding-right: 50px;
    }

    .blog .site-content .page-title {
        padding-left: 20px;
        margin-bottom: 50px;
    }

    .blog article.force-blog-flex-column {
        max-width: calc(50% - 30px);
        flex: 0 0 50%;
    }
}

@media (max-width: 767px) {
    .blog .site-content .page-title {
        padding-left: unset;
    }

    .blog article.force-blog-flex-column {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .blog .numbered-pagination .next {
        margin-left: unset;
    }

    .blog .numbered-pagination .prev {
        margin-right: unset;
    }
}

.theme-hero.hero-static .wrapper .inner .firstItem {
    width: max-content;
    text-indent: unset;
    color: #ffffff;
    font-weight: 600;
    font-size: 80px;
    padding-bottom: 20px;
    background-color: #CF2A64;
    padding: 24px 36px;
    border-radius: 10px 10px 10px 0px;
}

.theme-hero.hero-static .wrapper .inner .lastItem {
    display: inline-block;
    width: max-content;
    padding: 1px 34px 30px 36px;
    border-radius: 0px 10px 10px 10px;
    text-indent: unset;
    font-size: 80px;
    font-weight: 600;
    font-size: 80px;
    color: #ffffff;
    background-color: #CF2A64;
    margin-top: -10px;
    
}

.single-slide-new {
    padding: 13px;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.single-slide-new .single-slide-content {
    padding: 25px 25px;
    background-color: white;
    border-radius: 10px;
}

.single-slide-new img {
    border-radius: 5px;
}

.btn-single_slide_new {
    background-color: #ffffff !important;
    border: solid #312A74 2px !important;
    color: #312A74 !important;
}

.slide-button-container-new {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
    /* margin-bottom: 10px; */
    gap: 20px;
}

.slide-button-container-new a {
    margin-bottom: 8px;
    color: #CF2A64;
    font-size: 20px;
    font-weight: 600;

}

/* 
flexible image matrix text 
*/

.fblock-image-matrix-text .row {
    justify-content: center;
    padding-top: 88px;
    padding-bottom: 70px;
}

.fblock-image-matrix-text .row > a {
    text-align: center;
    width: max-content;
    padding: unset;
}

.fblock-image-matrix-text .row .text-block {
    padding: 70px 40px 67px;
    border-radius: 10px;
    text-align: center;
}


.fblock-image-matrix-text .row .text-block h2 {
    margin: unset;
    font-size: 48px;
    line-height: 84px;
}

.fblock-image-matrix-text .row .text-block h2 span{
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 6px;
}

.fblock-image-matrix-text .row .text-block h2:has(i) {
    font-size: 40px;
    line-height: unset;
}

.fblock-image-matrix-text .row .text-block i {
    width: min-content;
}

.fblock-image-matrix-text .text-block div {
    position: absolute;
}

.fblock-image-matrix-text .text-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}


.fblock-image-matrix-text .image-block-top-left {
    width: 23.6%;
    min-width: 188px;
    height: 66%;
    top: -88px;
    left: 40px;
    z-index: 1;
}

.fblock-image-matrix-text .image-block-top-right {
    width: 17%;
    min-width: 188px;
    height: 82%;
    top: -88px;
    right: 72px;
}

.fblock-image-matrix-text .image-block-bottom-left {
    width: 23.8%;
    height: 111%;
    bottom: -70px;
    left: -130px;
}

.fblock-image-matrix-text .image-block-bottom-right {
    width: 29%;
    height: 94%;
    bottom: -70px;
    right: -170px;
}

.fblock-image-matrix-text .image-block-top-left img,
.fblock-image-matrix-text .image-block-bottom-right img {
    box-shadow: 13px 13px 24px #00000026;
}

@media screen and (min-width: 1400px) {
    .col-xxl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    
}


.site-info .text-left {
    height: max-content;
}



/* ENES CHANGES */


/* GENERAL CLASSES */

#breadcrumbs .breadcrumb-text {

    padding: 10px 20px !important;
}

.theme-hero img{
	top: 12px;
}

.klein-no-padding p{
	padding:0;
	font-size: 20px;
	font-weight:normal;
}

.groot-bold {
	font-weight: bold !important;
	font-size: 20px;
}

.no-margins-title h3{
	margin: 0;
}

.margin-hori2 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.padding-hori2 {
	padding: 0 !important;
}

.standard-bottom-margin {
	margin-bottom: 80px !important;
}

.standard-bottom-padding {
	padding-bottom: 80px !important;
}

.klein-top-padding {
	padding-top: 40px !important;
}

.standard-padding {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.standard-padding-custom {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}

.padding-standard {
	padding-bottom: 160px !important;
	padding-top: 160px !important;
}


.no-border-radius {
	border-radius: 0 !important;
}

.hori-bullet2 {
	padding-top: 80px;
    padding-bottom: 80px;
}

.hori-bullet2 .container {
    box-shadow: 6px 6px 0 #D5DDEE;
    border: 1px solid #D5DDEE;
    border-radius: 10px;
    padding-left: 31px;
    padding-right: 6px;
}

.hori-bullet2 .container .row {
    align-items: center; 
}
 
  @media (min-width: 1058px) { 
.hori-bullet2 .container .row .col-lg-4 {
    max-width: 20% !important ;
}

.hori-bullet2 .container .row .col-lg-8 {
    max-width: 80% !important ;
}
}

.hori-bullet2 img {
	width: 130px !important;
}

.no-top-margin {
	margin-top: 0 !important;
}

.no-top-padding {
	padding-top: 0 !important;
}


.no-top-bottom-padding {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.first-blok-padding {
	padding-top: 0 !important;
}

.no-top-bottom-margin {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.no-padding-bottom {
	padding-bottom: 0 !important;
}

.small-top-bottom-margin {
	margin-top: 40px !important;
	margin-bottom: 40px !important;	
}

.small-top-bottom-padding {
	padding-top: 40px !important;
	padding-bottom: 40px !important;	
}

#field_1_11 {
	left: 0  ;
    position: revert ;
    visibility: visible ;
}

.admin-hidden-markup {
	left: -9999px;
    position: absolute;
    visibility: hidden;
}

.gform_wrapper.gravity-theme .gfield textarea.large {
    height: 286px !important;
}

.fblock-image-contact .gform_footer.top_label .gform_button.button {
    margin-top: 30px;
    font-weight: lighter ;
}

.underblok-padding {
   padding-top: 150px !important;
}

.col-small .col-lg-6 {
	max-width: 500px !important;
}

/* HOME */

#onsbedrijf-bluebox {
	margin-top: 50px;
}

.image-container {
	object-fit: cover;
	height: 100%
}

.image-container img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

/* OVER ONS PAGINA */


/* HOUTBEWERKING PAGINA */

#afdeling-houtwerkplaats h3 {
	padding-right: 180px;
}

#afdeling-houtwerkplaats {
    padding-bottom: 100px !important;
}
    
#voorbeelden {
	padding-bottom: 130px !important;
	margin-top: 0 !important;
}

#succesverhaal {
	margin-top: 0 !important;
}

#succesverhaal .subtitle-container {
	padding-top: 0 ;
}

.bullet-board img {
	margin-right: 15px;
}

.text-container {
    max-width: 400px;
    background-color: #ffffff;
    max-height: 500px;
    padding: 30px 40px 20px 40px;
    z-index: 2;
    margin-right: -250px;
    box-shadow: 6px 6px 0px 0px rgba(213, 221, 238, 1);
    border-radius: 10px;
}

.video-col {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
}

.houtbewerking-video {
	padding-bottom: 160px !important;
}

.houtbewerking-video .container-fluid {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.houtbewerking-video .row {
    max-width: 1400px;
}

.houtbewerking-video .video-block {
    position: relative;
    width: 1250px;
    height: 666px;
}

.houtbewerking-video .video-afbeelding {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.houtbewerking-video .video-block .video-afbeelding img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.houtbewerking-video .video-container {
    border-radius: 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none; /* Initially hidden */
}


.job-video .video-block .bekijk-vid  {
    cursor: pointer;
    border-radius: 60px;
    padding: 20px 20px;
    background-color: #D5DDEE;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: fit-content;
    height: fit-content;
}


.houtbewerking-video .video-block .page-hero-video {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

#ik-wil-hier-werken .image-block img {
	border-radius: 10px;
}

#ik-wil-hier-werken #field_1_11 {
	display: none !important;
}

.page-id-6 #ik-wil-hier-werken #field_1_11
{
	display: block!important;
}
/* DE HUYSKAMER */

#huyskamer-col {
    border-radius: 0;
}

.arrowdown-container {
    height: 60px;
    width: 30px;
    position: absolute;
    right: 0;
    margin-right: 120px;
    z-index: 1;
}

.arrowdown-container-static {
    height: 60px;
    width: 30px;
    position: absolute;
    right: 0;
    margin-right: 120px;
    z-index: 1;
    bottom: 1em;
    cursor: pointer;
    animation: bounce 2s infinite;
    margin-bottom: 20px;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-10px);
    }
}

.arrowdown-container .arrow-down-icon {
	height: auto;
    width: auto;
    position: revert;
}

.arrowdown-container-static .arrow-down-icon {
	height: 5rem;
    width: 2rem;
    position: revert;
    min-height: unset !important;
}

@media (max-width: 1024px) {
	.arrowdown-container-static .arrow-down-icon {
	display: none;
	}
	.arrowdown-container {
	display: none;
	}
}

.arrow-down-icon:hover {
	transition: 0.3s;
	transform: scale(1.1);
}

/* THUISBEGELEIDING */

.flexible-thuisbegeleiding {
	 margin-top: -75px !important;
	 padding-bottom: 0 !important;
}

.flexible-thuisbegeleiding-text {
	padding-top: 0 !important;
	margin-top: 0 !important;
	padding-bottom: 0 !important;
}

.fblock-triangle-text-blok .row .triangle {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
    
.fblock-triangle-text-blok .row img {
	    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}


.thuisbegeleidng-col-images {
	margin-top: 0 !important;
}


.thuisbegeleidng-col-images {
	margin-top: 0 !important;
}

.thuisbegeleidng-col-images img {
	 height: -webkit-fill-available;
}

.kennismaking-blok .row {
	justify-content: space-between;
	padding: 40px 36px;
}

.kennismaking-blok .row .text-block {
	max-width: 500px;
}

.kennismaken {
	margin-top: 0 !important;
}

.blue-bg {
	padding-bottom: 160px !important;
}

.blue-bg .background-triangle-blok {
	background-color: #D5DDEE;
}


/* LEREN MET ONS BEDRIJF */

#leren-werken-en-dagbesteding .container{
    padding-top: 320px;
}

#leren-werken-en-dagbesteding {
    padding-bottom: 40px !important;
}

.klein-no-padding img{
     margin-right:15px;
}

.upper-text-section {
	padding-top: 438px !important;
}

.col-small .row{
	justify-content: space-between;
}

#neem-contact-op {
	padding-bottom: 160px !important;
}

.bulletpoints-container {
    flex-direction: row;
    display: flex;
    gap: 80px;
}

.bulletpoints {
	font-size: 20px;
}

@media (max-width: 768px) { 
	.bulletpoints-container {
    flex-direction: column;
    display: flex;
    gap: 0px;
}

}


/* NIEUWS */

.nieuws-page {
    padding-top: 70px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* KWALITEIT */

#kwaliteit-voorop {
	margin-top: -107px !important;
	padding-top: 40px !important;
}


/* --- RESPONSIVE VERSIONs --- */


@media (min-width:480px) and (max-width:1040px){
	.flex-columns{
	padding-left: 70px !important;
    padding-right: 70px !important;
	}
	.flex-columns-two  {
	 padding-left: 70px !important;
     padding-right: 70px !important;
	}
	
	div#flexible-content .flex-columns-two.pt-130 {
    padding-top: 30px;
    }
	    
	.flex-columns-two-title-left {
     padding-left: 70px !important;
     padding-right: 70px !important;
     padding-top: 30px !important;
    }
	.theme-hero.hero-static > img {
	height: auto;
	margin-top: 0;
	}
	
    #leren-werken-en-dagbesteding .container {
    padding-top: 400px;
    }

    .standard-padding {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    }
 
    .fblock-image-matrix-text .row .text-block h2 {
    font-size: 32px;
    line-height: 50px;
    }
    
    #leren-werken-en-dagbesteding .container {
    padding-top: 150px;
    padding-bottom: 0px;
    }
    
    .kennismaking-blok div.text-block {
        margin-left: 25px !important;
    }
 
    .flexible-thuisbegeleiding {
    padding-top: 150px !important;
    }
    
        .hori-bullet2 .row {
    display: flex;
    flex-direction: column;
    }
    
    .hori-bullet2 .container .row {
    display: flex;
    justify-content: center;
    }
    
     .hori-bullet2 .col-lg-4 {
    max-width: 100% !important;
    display: flex;
    justify-content: center;
    }
    
     .upper-text-section {
    padding-top: 150px !important;
    }
    
     .hori-bullet2 p{
     font-size: 40px !important;
    }
    
     .houtbewerking-video .video-block {
     width: 100%;
    }
    
    
    
}
  



@media (max-width: 480px) {

	#breadcrumbs {
	 display:none;
	}
		
    .theme-hero.hero-static .wrapper {
      top: 175px;
      bottom: 0px;
    }
	.theme-hero.hero-static > img {
	 height: auto;
	 margin-top: 0;
	 min-height: 400px !important;
	}
		
    .flex-columns-two-title-left {
     padding-top: 30px !important;
     padding-bottom: 60px !important;
    }
    
    .flex-columns-two-title-left h3 {
     font-size: 20px;
     width: 100%;
     line-height: 36px;
    }
    
    div#flexible-content .flex-columns-two.pt-130 {
     padding-top: 40px !important;
    }
    
    .theme-hero.default-hero {
     border-radius: 0 0 30px 30px;
     min-height: unset;
     max-height: 340px;
     padding-top: 115px;
     padding-bottom: 60px;
    }
    	
	.flex-columns { 
	 padding-left: 40px !important;
     padding-right: 40px !important;
    }
    
    .flex-columns-two-title-left {
     padding-left: 40px !important;
     padding-right: 40px !important;
    }
	.flex-columns-two  {
	 padding-top: 100px !important;
	 padding-left: 40px !important;
     padding-right: 40px !important;
	}
	
	.arrowdown-container {
     height: 60px;
     width: 25px;
     position: absolute;
     right: 0;
     margin-right: 46px;
     top: 160px;
    }
    
   	.arrowdown-container-static {
     height: 60px;
     width: 25px;
     position: absolute;
     right: 0;
     margin-right: 46px;
     top: 160px;
    }

	.standard-padding {
     padding-top: 10px !important;
     padding-bottom: 10px !important;
    }

    #leren-werken-en-dagbesteding {
	 padding-bottom: 20px !important;
	}

    #leren-werken-en-dagbesteding .container {
     padding-top: 100px;
    }
    
    .theme-hero.default-hero .wrapper h1 {
      font-size: 26px;
    }
   
    .fblock-image-matrix-text .row .text-block h2 {
     font-size: 32px;
     line-height: 50px;
    }
    
    .image-block {
     display: none;
    }
    .fblock-image-matrix-text .row {
     padding: 0 0;
    }
    
    .fblock-image-matrix-text .col-7 {
     max-width: 100%;
    }
    
    .fblock-image-matrix-text .row .text-block {
    padding: 50px 100px 50px;
    }
    
    header#masthead, header.side-header {
    border-radius: 0;    
    }
    
    header#masthead, header.sticky-nav {
    background-color: #ffffff !important;
    border-radius: 0;
    border: 1px solid #312a74;
    }
    
    header.sticky-nav .header-bottom {
    border-radius: 0;
    }
    
    .hero-images {
    display:none
    }
    
    #afdeling-houtwerkplaats h3 {
    padding-right: 0;
    }

    .huyskamer-col {
	padding-top: 100px !important;
    }
    
    .fblock-image-triangle-text .text-block {
    max-width: 100% !important;
    }
    
    #succesverhaal .text-block{
    padding-right: 0 !important;
    padding-left:0 !important;    
    }
    
    .upper-text-section {
    padding-top: 120px !important;
    }
    
    
    .hori-bullet2 .row {
    display: flex;
    flex-direction: column;
    gap: 40px;
    }
     
    .hori-bullet2 .col-lg-4 {
    max-width: 100% !important;
    display: flex;
    justify-content: center;
    }
    
    .hori-bullet2 .col-lg-8 {
    padding: 0 !important;
    }
    
    .hori-bullet2 .col-lg-8 p {
    font-size: 30px !important;
    font-weight: 600;
    padding: 0 !important;
    }
    
    #afdeling-houtwerkplaats {
     padding-top: 40px !important;
    }
    
        
    .houtbewerking-video .video-block {
     width: 100%;
    }
    
    .houtbewerking-video .video-col .text-container {
      width: auto;
    }
    
    .flexible-thuisbegeleiding-text {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    }
    
    .flex-columns div[class^="col"] {
        padding: 0;
        margin: 0px 0px 0px !important;
    }
    
    .onsbedrijf-images .col-lg-6 {
     padding: 20px 0 !important;
    }
    
    
    .thuisbegeleidng-col-images .row {
	 gap: 20px;
    }
    
    .kennismaking-blok {
    padding-left: 40px !important;
    padding-right: 40px !important;
    }
    
    .col-small h3 {
    padding-bottom: 40px;
    }
    
    .overons-images img {
    height: auto;
    padding-bottom: 40px;
    }
    
    .col-small .row {
    padding-bottom: 40px;
    }
    
    .bulletpoints-container {
    flex-direction: column;
    display: flex;
    gap: 0px;
    padding-bottom: 40px;
    padding-top: 40px;
    }  
}
  
  
  @media (max-width: 1058px) { 
  
    .image-block-top-left {
    display: none;
    }
 
    .image-block-top-right{
    display: none;
    }   
}

  @media (max-width: 1190px) { 
    .houtbewerking-video .video-block {
     width: 1000px;
    }
          .kennismaking-blok div.text-block {
        margin-left: 25px !important;
    }
 }
 
   @media (max-width: 1190px) { 
    .houtbewerking-video .video-block {
     width: 1000px;
    }
     .kennismaking-blok div.text-block {
      margin-left: 0 !important;
    }
    
    .kennismaking-blok .row .text-block {
    max-width: 100%;
    }
    
    .kennismaking-blok {
    padding-left: 70px !important;
    padding-right: 70px !important;
    
    }
    
    .image-block .triangle img {
        margin-left: 0% !important;
    }
}
  
  
  
  @media (max-width: 1140px) { 
   
   .kennismaking-blok .row{
   display:flex;
   flex-direction: column;
   }
   
   .image-block{
   max-width: 100%;
   }
  }   
    
  @media (max-width: 1140px) { 
     
    .houtbewerking-video .video-col {
     flex-direction: column;
     width: 100%;
    }
    
    .houtbewerking-video .video-col .text-container {
     max-width: 100%;
     margin-right: 0;
     margin-bottom: 80px;
    }
    
    .houtbewerking-video .row {
     max-width: 100%;
    }
    
    .houtbewerking-video .video-block {
     width: 100%;
     height: auto;   
    }
  }
  .site-header.sticky-nav:not(.scrolled-up){
  top: -200px
  }
  
  /* POST TEMPLATES */
  
 .post-template-default .theme-hero {
   margin-bottom: 0;
 }
 
  .post-template-default #content {
   display:none;
  }
   
  .post-template-default #flexible-content > div:nth-child(1){
   padding-top: 160px !important;
   margin-top: 0 !important;
   padding-bottom: 0 !important;
  }
  
  #flexible-content>div:not(.spacer) {
   /* margin-top: 0; */
  }
  
  .flex-columns .col-lg-6 img{
   max-height: 450px
  }
  
  #Layer_2, #icons_Q2 {
      height: 25px;
    width: auto;
    align-self: center;
  }