@import url("https://use.typekit.net/fai1rsm.css");
@import url('https://fonts.googleapis.com/css2?family=Brygada+1918:ital,wght@0,400..700;1,400..700&display=swap');
@import url("https://use.typekit.net/ziw6ncd.css");
:root {
}




h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
   font-family: "Brygada 1918", sans-serif;
        font-weight: bold;
    text-transform: inherit;
}
h1, .h1{
    font-size: 40px;
}
h3, .h3, h4, .h4{
    font-family: 'Indivisible';
    font-weight: bold;
    font-size: 32px;
}
body {
    font-family: "indivisible", sans-serif;
  
}

.btn {
    font-family: "gimlet-text", sans-serif;
    color: var(--color1);
    border-radius: 0;
}

header nav.navbar .navbar-brand {
        margin-bottom: 0px;
    background: #ffffff;
   max-width: 240px;
    padding: 15px;
    border-bottom-right-radius: 0px;
}


/* section.header .header-image:after {
    content: url(/wp-content/uploads/sites/2/2026/01/shapes.svg);
    display: block;
    width: 40%;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 0;
} */

/* article.article.article--background[data-background="color1"] {
    background: linear-gradient(0deg, rgba(32, 60, 128, 0.9), rgba(32, 60, 128, 0.9)), var(--image1);
} */


article.article .article-content.article-content--background{
    color: var(--color1);
}


article.article.article--background[data-background="color2"] {
    background: linear-gradient(0deg, rgba(111, 171, 192, 0.9), rgba(111, 171, 192, 0.9)), var(--image2);
     background-size: cover;
    background-position: center;
}

article.article.article--background[data-background="color3"] {
   background: var(--color3);
    background-size: cover;
    background-position: center;
}


article.article.article--background[data-background="color4"] {
    background: linear-gradient(0deg, rgba(153, 93, 109, 0.9), rgba(153, 93, 109, 0.9)), var(--image4);
     background-size: cover;
    background-position: center;
}

section.header + article.article.article--background[data-background="color1"] {
    background: var(--color4);
    color: var(--color1);
}

section.header + article.article.article--background[data-background="color2"] {
    background: var(--color2);
}

section.header + article.article.article--background[data-background="color3"] {
    background: var(--color3);
}

section.header + article.article.article--background[data-background="color4"] {
    background: var(--color4);
}

.page-id-26, .page-id-144 {
    section.partners{
    background-color: #FFFFFF;
}
    footer{
        background-color: #FFFFFF;
    }
}
.page-id-144{
    section.header + article.article.article--background[data-background="color4"] {
    background-color: var(--color3);
    color: var(--color1);
    }
    #gform_fields_6{
        color: var(--color1);
    }
    article.article[data-background="color4"] .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-html :is(h4, h5, h6){
        color: var(--color1);
    }
    h3.gsection_title{
        font-size: 26px;
    }
    .gform_wrapper form .gform_body .gform_fields .top-title-inschrijven{
        margin-top: 0px;
    }
    
    article.article .article-content .the-seasons{
    padding-top: 10px;
    }
}
section.partners {
    background: var(--color3);
    background-size: cover;
    background-position: center;
    color: var(--color1);
}
.page-id-12 section.intro , .page-id-22 section.intro , .page-id-24 section.intro {
    background-color: var(--color3);
    color: var(--color1);
}



.accordion .accordion-item {
     border-radius: 0
}

section.header .header-content .header-content__status {
    border-radius: 0
}


article.article[data-background="color4"] .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-html :is(h4, h5, h6) {
    color: #ffffff
}
.slick-track .card .card-content{
background-color: var(--color3);
color: var(--color1);
}
section.cards .card .card-content {
    background-color: var(--color3);
    color: var(--color1);
}
.single-woningen section.downloads .container{
    padding-top: 50px;
}

@media (max-width: 992px) {
    :root {
        --border-radius: 0 0px 0 0;
    }

    header nav.navbar .navbar-brand {
            max-width: 180px;
    padding: 10px;
    }
}