/*
Theme Name: Korbee & Hovelynck BV
Theme URI: https://korbee-hovelynck.nl/
Author: ABDC
Author URI: https://www.abdc.nl/
Description: Custom made theme for WordPress using Full Site Editing and Gutenberg.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: korbee-hovelynck-bv
*/

/*  variables from theme.json: 

    // Layout:

    --wp--style--global--content-size:          980px;      // content area linkerkant met ruimte voor graphic rechts 
    --wp--style--global--wide-size:             1580px;     // complete content area

    // Color Palette:

    --wp--preset--color--tekst:                 #464646;
    --wp--preset--color--kh-groen:              #006C31;
    --wp--preset--color--tekst-groen:           #006C31;
    --wp--preset--color--highlight-groen:       #37793B;
    --wp--preset--color--kh-blauw:              #00527F;
    --wp--preset--color--tekst-blauw:           #00527F;
    --wp--preset--color--kh-geel:               #F0B000;
    --wp--preset--color--tekst-geel:            #E5A100;
    --wp--preset--color--content-background:    #F5F1ED;
    --wp--preset--color--background:            #ffffff;
    --wp--preset--color--wit:                   #ffffff;

    // Font Families:

    --wp--preset--font-family--neue-frutiger-world:         "neue-frutiger-world", sans-serif;
    --wp--preset--font-family--system-sans-serif:           -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

    // Font Sizes:

    --wp--preset--font-size--font-small:        1rem;       // 16px tags  
    --wp--preset--font-size--font-medium:       1.25rem;    // 20px p 
    --wp--preset--font-size--font-large:        1.625rem;   // 26px h2 
    --wp--preset--font-size--font-x-large:      3.75rem;    // 60px H1

    // Spacing Sizes:

    --wp--preset--spacing--small:               1.25rem;    // 20px
    --wp--preset--spacing--medium:              2.5rem;     // 40px
    --wp--preset--spacing--large:               5rem;       // 80px 

    // Variables Generated by styles (applied to :root or body):

    --wp--style--block-gap:                     1.25rem;

*/

body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}
body,
body p,
body li {
    margin: 0;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1 {
    text-wrap: balance;
}
@media (max-width: 1740px) { 
    h1 {
        hyphens: auto;
    }
}
@media (max-width: 1024px) {
    body,
    body p,
    body li {
        font-size: 16px;
        line-height: 1.5;
    }
}
a,a:hover {
    text-decoration: underline;
}
a:focus {
    text-decoration: none;
}

/* Navigation Block Breakpoint */

body .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block !important;
}
body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none !important;
}

@media (min-width: 1060px) {
    body .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }
    body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
    }
}

/* Prevent Navigation Block Breakpoint on homepage */

body.home .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
}
body.home .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
}

/* 


    header 


*/

header.wp-block-template-part {
    background: var(--wp--preset--color--kh-groen);
    text-align: center;
    position: relative;
    z-index: 1;
}
header.wp-block-template-part header {
    max-width: 1580px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 auto;
    text-align: left;
    position: relative;
    z-index: 1;
}
@media (max-width: 1740px) { 
    header.wp-block-template-part header {
        max-width: 1740px;
    }
}

/* logo */

.wp-block-site-logo {
    position: absolute !important;
    left: -70px;
    top: -20px;
    z-index: 5;
    width: 100%;
    max-width: 250px;
 }
.wp-block-site-logo a,
.wp-block-site-logo a:hover {
    border: 0;
    width: 100%;
    max-width: 250px;
}
.wp-block-site-logo img.custom-logo {
    width: 100%; 
    max-width: 250px; 
    height: auto; 
    display: block; 
}
@media (max-width: 1740px) { 
    .wp-block-site-logo {
        left: 10px;
        top: -10px;
     }
}
@media (max-width: 1280px) { 
    .wp-block-site-logo img.custom-logo {
        max-width: 20vw; 
    }
}
@media (max-width: 1024px) { 
    .wp-block-site-logo img.custom-logo {
        max-width: 150px; 
        max-width: calc(100px + 9vw); 
    }
}

/* navbar desktop */

header.wp-block-template-part nav ul {
    gap: 20px;
}
header.wp-block-template-part nav ul li {

}
header.wp-block-template-part nav ul li a {
    color: var(--wp--preset--color--wit) !important;
    font-weight: 600;
    padding-top: var(--wp--preset--spacing--small);
    padding-bottom: var(--wp--preset--spacing--small);
    padding-left: var(--wp--preset--spacing--medium);
    padding-right: var(--wp--preset--spacing--medium);
}
@media (max-width: 1600px) { 
    .nav-zoek a {
        margin-right: 0.5rem !important;
    }
}
@media (max-width: 1300px) { 
    header.wp-block-template-part nav ul {
        /*padding-right: 40px;*/
    }
    header.wp-block-template-part nav ul li a {
        padding-left: var(--wp--preset--spacing--small);
        padding-right: var(--wp--preset--spacing--small);
    }
}
header.wp-block-template-part nav ul li a:hover {
    text-decoration: none;
    background: var(--wp--preset--color--highlight-groen);
}
header.wp-block-template-part nav ul li.current-menu-item a {
    background: var(--wp--preset--color--highlight-groen);
}

/* navbar mobile */

header.wp-block-template-part nav button.wp-block-navigation__responsive-container-open {
        padding: 10px;
        margin-right: 20px !important;

}
header.wp-block-template-part nav button.wp-block-navigation__responsive-container-close {
        padding: 10px;
        right: 20px !important;
}
header.wp-block-template-part nav .is-menu-open .wp-block-navigation__responsive-dialog {

}
header.wp-block-template-part nav button.wp-block-navigation__responsive-container-open svg {
        color: var(--wp--preset--color--wit) ;
    }

header.wp-block-template-part nav .is-menu-open ul {
    align-items: flex-start !important;
    width: 100% !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    gap: 10px !important;
}
header.wp-block-template-part nav .is-menu-open ul li {
    flex: 1;
    align-self: flex-start;
    align-content: flex-start;
    width: 100%;
    box-sizing: border-box !important;
}
header.wp-block-template-part nav .is-menu-open ul li a {
    color: var(--wp--preset--color--kh-groen) !important;
    align-self: flex-start;
    width: 100%;
    padding: 20px !important;
    box-sizing: border-box !important;
}
header.wp-block-template-part nav .is-menu-open ul li.current-menu-item a {
    background: var(--wp--preset--color--kh-groen) !important;
    color: var(--wp--preset--color--wit) !important;
}
header.wp-block-template-part nav .is-menu-open ul li a:hover {
    color: var(--wp--preset--color--wit) !important;
}

/* home header */

body.home main {
    padding: 80px !important;
}
@media (max-width: 1740px) { 
    body.home main {
        padding: calc(40px + 3vw) !important;
    }
}
@media (max-width: 1280px) { 
    body.home main {
        padding: 40px !important;
    }
}
@media (max-width: 780px) { 
    body.home main {
        padding: 40px 20px !important;
    }
}

body.home main div.wp-block-template-part,
body.home main header div,
body.home main header {
    /*background: cyan;*/
    width: 100%;
    max-width: 1580px;
    padding: 0 !important;
    margin: 0 !important;
    align-items: stretch;
    align-content: stretch;
}
body.home main header > div {
    display: block;
}

/* home header logo */

body.home .wp-block-site-logo {
    display: none;
}

/* home navbar desktop */

body.home main header ul {
    margin-top: 40px;
    width: 100%;
    align-items: stretch;
    align-content: stretch;
    justify-content: space-between;
    gap: 40px;
}
body.home main header ul li {
    display: flex;
    flex: 1;
    align-items: stretch;
    align-content: stretch;
}
body.home main header ul li a {
    flex: 1;
    background:  var(--wp--preset--color--kh-groen);
    color: var(--wp--preset--color--wit) !important;
    font-weight: 600;
    padding-top: var(--wp--preset--spacing--small);
    padding-bottom: var(--wp--preset--spacing--small);
    padding-left: var(--wp--preset--spacing--medium);
    padding-right: var(--wp--preset--spacing--medium);
    text-align: center;
}
body.home main header ul li a:hover {
    text-decoration: none;
    background: var(--wp--preset--color--highlight-groen);
}
@media (max-width: 1740px) { 
    body.home main header ul {
        width: 100%;
        align-items: stretch;
        align-content: stretch;
        justify-content: space-between;
        gap: calc(20px + 1.1vw);
    }
    body.home main header ul li a {
        padding-top: var(--wp--preset--spacing--small);
        padding-bottom: var(--wp--preset--spacing--small);
        padding-left:  calc(20px + 1.1vw);
        padding-right:  calc(20px + 1.1vw);
        text-wrap: nowrap;
    }
}
@media (max-width: 1280px) { 
    body.home main header ul {
        gap: 20px;
    }
    body.home main header ul li a {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* home navbar mobile */

@media (max-width: 1024px) {
    body.home main div.wp-block-template-part {
        /*background: cyan;*/
    }
    body.home .wp-block-navigation__responsive-container {
        position: relative;
    }
    body.home button.wp-block-navigation__responsive-container-close {
        display: none;
    }
}
@media (max-width: 760px) {
    body.home main header ul {
        flex-direction: column;
    }
}

/* home header images */

body.home:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    top: 0;
    z-index: 10;
    border-top: 10px solid var(--wp--preset--color--kh-groen);
}
body.home.admin-bar:before {
    top: 32px;
}
@media (max-width: 780px) {
    body.home.admin-bar:before {
        top: 46px;
    }
}
body.home .site-header-home {
    max-width: 1580px;
    margin: 90px auto -80px auto;
    background: var(--wp--preset--color--content-background);
    position: relative;
}
@media (max-width: 1740px) { 
body.home .site-header-home {
        margin: calc(40px + 3vw) !important;
        margin-top: calc(50px + 3vw) !important;
        margin-bottom: calc(-40px + -3vw) !important;
    }
}
@media (max-width: 1280px) { 
body.home .site-header-home {
        margin: calc(40px + 3vw) !important;
        margin-top: calc(50px + 3vw) !important;
        margin-bottom: calc(-40px + -3vw) !important;
    }
body.home main h1.wp-block-post-title {
    margin-top: 40px;
    }
}
@media (max-width: 1024px) { 
body.home .site-header-home {
        margin: calc(20px + 2vw) !important;
        margin-top: calc(30px + 2vw) !important;
        margin-bottom: calc(-20px + -2vw) !important;
    }
}
@media (max-width: 780px) { 
body.home .site-header-home {
        margin: calc(10px + 1.3vw) !important;
        margin-top: calc(20px + 1.3vw) !important;
        margin-bottom: calc(-10px + -1.3vw) !important;
    }
}

body.home .replaceable-header-image figcaption.wp-element-caption,
body.home .replaceable-header-logo figcaption.wp-element-caption {
    display: none !important;
}
body.home .replaceable-header-logo {
    margin-top: -60px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: -60px;
    position: relative;
    z-index: 5;
}
@media (max-width: 1740px) { 
    body.home .replaceable-header-logo {
        margin-top: -3.8vw;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: -3.8vw;
    }
}
@media (max-width: 780px) { 
    body.home .replaceable-header-logo {
        margin-top: -10px;
        margin-left: -10px;
        max-width: 240px;
        height: auto;
    }
    body.home .replaceable-header-logo img {
        position: relative;
        z-index: 2;
    }
    body.home .replaceable-header-logo:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100px;
        height: 100px;
        background: white;
        z-index: 1;
    }
}
body.home .wp-block-column:nth-child(2) .replaceable-header-image {
    display: inline-block;
    box-sizing: border-box;
    width: 620px;
    height: 483px;
    margin-top: -40px;
    margin-right: 0;
    margin-bottom: -60px;
    margin-left: -168px;
    overflow: hidden;
    position: relative;
    object-fit: contain;
    position: relative;
    z-index: 3;
}
@media (max-width: 1740px) { 
    body.home .wp-block-column:nth-child(2) .replaceable-header-image {
        width: 39vw;
        height: 30.4064vw;
        margin-top: -2.53vw;
        margin-right: 0;
        margin-bottom: -60px;
        margin-left: -10.633vw;
    }
}
@media (max-width: 1024px) { 
    body.home .wp-block-column:nth-child(2) .replaceable-header-image {
        margin-bottom: -40px;
    }
}
@media (max-width: 780px) { 
    body.home .wp-block-column:nth-child(2) .replaceable-header-image {
        position: absolute;
        left: 40%;
        top: 10px;
        min-width: 240px;
        min-height: 187.1164px;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
    }
}
body.home .wp-block-column:nth-child(3) .replaceable-header-image {
    display: inline-block;
    box-sizing: border-box;
    width: 361px;
    height: 281.4543px;
    margin-top: -164px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 199px;
    overflow: hidden;
    position: relative;
    object-fit: contain;
}
@media (max-width: 1740px) { 
    body.home .wp-block-column:nth-child(3) .replaceable-header-image {
        width: 22.85vw;
        height: 17.815vw;
        margin-top: -10.38vw;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 12.595vw;
    }
}
@media (max-width: 780px) { 
    body.home .wp-block-column:nth-child(3) .replaceable-header-image {
        position: absolute;
        right: 5.1282vw;
        top: -5.1282vw;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
    }
}
@media (max-width: 480px) { 
    body.home .wp-block-column:nth-child(3) .replaceable-header-image {
        display: none;
    }
}
body.home .wp-block-column:nth-child(4) .replaceable-header-image {
    display: inline-block;
    box-sizing: border-box;
    width: 216px;
    height: 168.4048px;
    margin-top: 160px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 10px;
    overflow: hidden;
    position: relative;
    object-fit: contain;
}
@media (max-width: 1740px) { 
    body.home .wp-block-column:nth-child(4) .replaceable-header-image {
        width: 13.67vw;
        height: 10.65784vw;
        margin-top: 10.1266vw;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0.633vw;
    }
}
@media (max-width: 780px) { 
    body.home .wp-block-column:nth-child(4) .replaceable-header-image {
        position: absolute;
        right: -5px;
        top: 15.385vw;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        z-index: 5;
    }
}
@media (max-width: 480px) { 
    body.home .wp-block-column:nth-child(4) .replaceable-header-image {
        display: none;
    }
}
body.home .replaceable-header-image > img {
    clip-path: url(#khClipPath);
    width: 100%;
    height: 128%;
    object-fit: contain !important;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}

/* 


    content layout


*/

main {
    max-width: 1580px;
    margin: 80px auto !important;
    padding: 60px 40px 40px 40px !important;
    box-sizing: border-box !important;
    background: var(--wp--preset--color--content-background);
    position: relative;
}
@media (max-width: 1740px) { 
    main {
        margin: calc(40px + 3vw) !important;
        padding: 60px 40px 40px 40px !important;
    }
}
@media (max-width: 1280px) { 
    main {
        margin: calc(40px + 3vw) !important;
        padding-top: 6.25vw !important;
    }
}
@media (max-width: 1024px) { 
    main {
        margin: calc(20px + 2vw) !important;
        padding-top: 8vw !important;
    }
}
@media (max-width: 780px) { 
    main {
        margin: calc(10px + 1.3vw) !important;
        padding-top: 12vw !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-bottom: 20px !important;
    }
}
@media (max-width: 640px) { 
    main {
        padding-top: 80px !important;
    }
}
main .entry-content {
    margin-left: 0 !important;
    max-width: 66%;
}
body.home main h1.wp-block-post-title {
    max-width: 100%;
    width: 100%;
}
body.home main .entry-content,
body.home main .entry-content p {
    max-width: 100%;
    font-size: calc(18px + 0.35vw);
    color: var(--wp--preset--color--kh-groen);
}

/* content text and featured image */

main h1.wp-block-post-title {
    text-align: left !important;
    margin-left: 0 !important;
    font-size: 3.75rem;
    margin-top: 0;
    margin-bottom: 3.75rem;
    font-weight: 300;
    line-height: 1.2;
    color: var(--wp--preset--color--kh-groen);
    width: 66%;
}
@media (max-width: 1580px) { 
    main h1.wp-block-post-title {
        font-size: calc(40px + 1.25vw);
        margin-bottom: calc(40px + 1.25vw);
    }
}
@media (max-width: 1100px) { 
    main h1.wp-block-post-title {
        width: 100%;
    }
}
@media (max-width: 1024px) { 
    main h1.wp-block-post-title {
        font-size: 40px;
        margin-bottom: 40px;
        hyphens: auto;
    }
}
@media (max-width: 640px) { 
    main h1.wp-block-post-title {
        max-width: 100%;
        font-size: 40px;
        margin-bottom: 40px;
    }
}
main h2 {
    font-size: 1.75rem;
    margin-top: 1.5rem !important;
    margin-bottom: 0.5rem !important;
    font-weight: 600;
    color: var(--wp--preset--color--kh-groen);
}
@media (max-width: 1024px) { 
    main h2 {
        font-size: 1.5rem;
    }
}
main p {
    margin-bottom: 1rem !important;
}
main figure.wp-block-post-featured-image {
    position: absolute;
    left: 70%;
    top: -40px;
    width: 670px;
    height: 522px;
    overflow: hidden;
}
main figure.wp-block-post-featured-image > img {
    clip-path: url(#khClipPath);
    width: 100%;
    height: 128%;
    object-fit: contain !important;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}
@media (max-width: 1580px) { 
    main figure.wp-block-post-featured-image {
        position: absolute;
        left: 70%;
        top: -40px;
        width: 40vw;
        height: 31.1861vw;
        overflow: hidden;
        object-fit: cover;
    }
}
@media (max-width: 1024px) { 
    main figure.wp-block-post-featured-image {
        left: auto;
        right: -80px;
        top: -30px;
        width: 41vw;
        height: 32vw;
    }
}
@media (max-width: 780px) { 
    main figure.wp-block-post-featured-image {
        left: auto;
        right: -80px;
        top: -15px;
        width: 50vw;
        height: 39vw;
    }
}
@media (max-width: 640px) { 
    main figure.wp-block-post-featured-image {
        left: auto;
        right: -10px;
        top: -10px;
        width: 32vw;
        height: 25vw;
    }
}

/* force text wrap to flow around featured image */

@media (max-width: 1100px) { 
    main h1.wp-block-post-title {
        max-width: 100%;
    }
    main .entry-content {
        width: 100%;
        max-width: 100%;
    }
    main .entry-content p,
    main .entry-content > div,
    main .entry-content > ul,
    main .entry-content > ol {
        margin-left: 0 !important;
    }
    main:before {
        content: '';
        display: inline-block;
        float: right;
        width: 40vw;
        height: 32vw;
        margin-right: -180px;
        margin-top: -120px;
        /*background: yellow;*/
    }
    main .entry-content {
        display: inline;
    }
}
@media (max-width: 1024px) { 
    main:before {
        content: '';
        display: inline-block;
        float: right;
        width: 41vw;
        height: 32vw;
        margin-right: -100px;
        margin-top: -90px;
        /*background: yellow;*/
    }
    main .entry-content {
        display: inline;
    }
}
@media (max-width: 780px) { 
    main:before {
        content: '';
        display: inline-block;
        float: right;
        width: 50vw;
        height: 39vw;
        margin-right: -100px;
        margin-top: -60px;
        /*background: yellow;*/
    }
    main .entry-content {
        display: inline;
    }
}
@media (max-width: 640px) { 
    main:before {
        display: none;
    }
    main .entry-content {
        display: block;
    }
}

/* 


    footer 


*/

footer.wp-block-template-part footer {
    border-top: 10px solid var(--wp--preset--color--kh-groen);
    padding: 0 !important;
    margin: 0 !important;
}
body.home footer.wp-block-template-part footer {
    border-top: 0;
}
footer.wp-block-template-part footer .wp-block-columns {
    margin: 0;
    padding: 0 !important;
    box-sizing: border-box !important;
    position: relative;
    gap: 0;
    max-width: 100%;
    /*background: yellow;*/
}
footer.wp-block-template-part footer .wp-block-columns .wp-block-column {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}
footer.wp-block-template-part footer .wp-block-columns .wp-block-column:nth-child(1) {
    border-top: 10px solid var(--wp--preset--color--kh-blauw);
    align-items: flex-end;
}
footer .wp-block-columns .wp-block-column:nth-child(1) .wp-block-column-website {
    width: 100%;
    text-align: right;
    background: var(--wp--preset--color--kh-blauw);
    color: var(--wp--preset--color--wit);
    align-items: flex-end;
}
footer.wp-block-template-part footer .wp-block-columns .wp-block-column:nth-child(2) {
    border-top: 10px solid var(--wp--preset--color--kh-geel);
    align-items: flex-start;

}
footer .wp-block-columns .wp-block-column:nth-child(2) .wp-block-column-website {
    width: 100%;
    text-align: left;
    background: var(--wp--preset--color--kh-geel);
    color: var(--wp--preset--color--wit);
    align-items: flex-end;
}
body.home footer.wp-block-template-part footer .wp-block-columns .wp-block-column:nth-child(1) {
    border-top: 0;
    border-bottom: 10px solid var(--wp--preset--color--kh-blauw);
}
body.home footer.wp-block-template-part footer .wp-block-columns .wp-block-column:nth-child(2) {
    border-top: 0;
    border-bottom: 10px solid var(--wp--preset--color--kh-geel);
}
footer .wp-block-columns .wp-block-column:nth-child(2) .wp-block-column-website {
    width: 100%;
    text-align: left;
    background: var(--wp--preset--color--kh-geel);
    color: var(--wp--preset--color--wit);
    align-items: flex-end;
}
footer .wp-block-columns .wp-block-column-content {
    flex: 1;
    width: 100%;
    max-width: 790px;
    position: relative;
    /*background: cyan;*/
}
footer .wp-block-columns .wp-block-column-content .kh-naam {
  font-family: "SwiftProBold";
  font-size: 2rem;
  color: var(--wp--preset--color--kh-blauw);
  margin-top: 30px;
  padding-right: 20px;
}
footer .wp-block-columns .wp-block-column-content .kh-functie {
  font-size: 2rem;
  color: var(--wp--preset--color--kh-groen);
  margin-bottom: 30px;
  padding-right: 40px;
  text-wrap: balance;
}
footer .wp-block-columns .wp-block-column:nth-child(1) .wp-block-column-content .kh-naam {
  color: var(--wp--preset--color--kh-blauw);
}  
footer .wp-block-columns .wp-block-column:nth-child(1) .wp-block-column-content .kh-functie {
  color: var(--wp--preset--color--kh-blauw);
}
footer .wp-block-columns .wp-block-column:nth-child(2) .wp-block-column-content .kh-naam {
  color: var(--wp--preset--color--kh-geel);
}  
footer .wp-block-columns .wp-block-column:nth-child(2) .wp-block-column-content .kh-functie {
  color: var(--wp--preset--color--kh-geel);
}
footer .wp-block-columns .wp-block-column .wp-block-column-website a {
    display: inline-block;
    box-sizing: border-box;
    color: var(--wp--preset--color--wit);
    text-decoration: none;
    width: 100%;
    max-width: 790px;
    text-align: right;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 20px;
    padding: 30px;
    padding-top: 2000px;
    margin-top: -1970px;
    position: relative;
    z-index: 5;
    /*background: rgba(255,0,0,0.5);*/
}
footer .wp-block-columns .wp-block-column .wp-block-column-website a::after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-left: 1rem;
    vertical-align: baseline;
    /* This will be the color of your icon */
    background-color: var(--wp--preset--color--wit);
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M2.51289%2016.55L0.400391%2014.4375L11.3754%203.45005H5.48789V0.425049H16.5129V11.45H13.4879V5.56255L2.51289%2016.55Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M2.51289%2016.55L0.400391%2014.4375L11.3754%203.45005H5.48789V0.425049H16.5129V11.45H13.4879V5.56255L2.51289%2016.55Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
body.home footer .wp-block-columns .wp-block-column .wp-block-column-website a {
    padding-top: 30px;
    margin-top: 0;
    padding-bottom: 2000px;
    margin-bottom: -1970px;
    /*background: rgba(255,0,0,0.5);*/
}
.block-editor-iframe__body footer .wp-block-columns .wp-block-column .wp-block-column-website a {
    padding-top: 30px !important;
    margin-top: 0 !important;
    padding-bottom: 30px !important;
    margin-bottom: 0 !important;
    z-index: 1;
}
footer .wp-block-columns .wp-block-column-content .footer-column-image {
    display: inline-block;
    box-sizing: border-box;
    width: 300px;
    height: 233.8955px;
    margin-top: 20px;
    margin-right: 40px;
    margin-bottom: -50px;
    margin-left: 20px;
    overflow: hidden;
    position: relative;
    float: left;
    object-fit: contain;
}
body.home footer .wp-block-columns .wp-block-column-content .footer-column-image {
    margin-top: -50px;
    margin-bottom: 20px;
}
footer .wp-block-columns .wp-block-column-content .footer-column-image img {
    display: block;
    clip-path: url(#khClipPath);
    width: 100%;
    height: 128%;
    object-fit: contain;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}

@media (max-width: 1740px) { 
    footer .wp-block-columns .wp-block-column:nth-child(1) .wp-block-column-content {
        /*background: cyan;*/
        max-width: 100%;
        display: block;
        padding-left: 80px !important;
    }
    footer .wp-block-columns .wp-block-column:nth-child(2) .wp-block-column-content {
        /*background: cyan;*/
        max-width: 100%;
        display: block;
        padding-right: 80px !important;
    }
    footer .wp-block-columns .wp-block-column-content .footer-column-image {
        width: calc(100px + 12vw);
        height: calc(77.9652px + 9.355824vw);
        margin-right: 20px;
        margin-left: 0;
    }
    footer .wp-block-columns .wp-block-column-content .kh-naam {
      hyphens: auto;
      font-size: 2vw;
      padding-right: 20px;
    }
    footer .wp-block-columns .wp-block-column-content .kh-functie {
      hyphens: auto;
      font-size: 2vw;
      padding-right: 20px;
    }
}
@media (max-width: 1280px) { 
    footer .wp-block-columns .wp-block-column:nth-child(1) .wp-block-column-content {
        /*background: red;*/
        max-width: 100%;
        display: block;
        padding-left: calc(40px + 3vw) !important;
    }
    footer .wp-block-columns .wp-block-column:nth-child(2) .wp-block-column-content {
        /*background: red;*/
        max-width: 100%;
        display: block;
        padding-right: calc(40px + 3vw) !important;
    }
    footer .wp-block-columns .wp-block-column-content .footer-column-image {
        width: calc(100px + 9vw);
        height: calc(77.9652px + 7.011vw);
        margin-right: 20px;
        margin-left: 0;
        margin-bottom: 0;
    }
    body.home footer .wp-block-columns .wp-block-column-content .footer-column-image {
        margin-bottom: 40px;
        margin-top: -20px;
    }
    footer .wp-block-columns .wp-block-column-content .kh-naam {
      font-size: 1.65rem;
      margin-top: 20px !important;
      line-height: 1.35;
    }
    footer .wp-block-columns .wp-block-column-content .kh-functie {
      font-size: 1.65rem;
      line-height: 1.35;
    }
}
@media (max-width: 1024px) { 
    footer .wp-block-columns .wp-block-column:nth-child(1) .wp-block-column-content {
        /*background: green;*/
        max-width: 100%;
        display: block;
        padding-left: calc(20px + 2vw) !important;
    }
    footer .wp-block-columns .wp-block-column:nth-child(2) .wp-block-column-content {
        /*background: green;*/
        max-width: 100%;
        display: block;
        padding-right: calc(20px + 2vw) !important;
    }
    footer .wp-block-columns .wp-block-column-content .footer-column-image {
        width: 300px;
        height: 233.8955px;
        margin-right: 20px;
        margin-bottom: -20px;
        margin-left: 20px;
        float: none;
    }
    body.home footer .wp-block-columns .wp-block-column-content .footer-column-image {
        margin-top: -10px;
        margin-bottom: -20px;
        float: none;
    }
    footer .wp-block-columns .wp-block-column-content .kh-naam {
      font-size: 2rem;
    }
    footer .wp-block-columns .wp-block-column-content .kh-functie {
      font-size: 2rem;
    }
    footer .wp-block-columns .wp-block-column:nth-child(1) .wp-block-column-content .kh-naam {
        padding-right: 40px !important;
    }
    footer .wp-block-columns .wp-block-column:nth-child(1) .wp-block-column-content .kh-functie {
        padding-right: 40px !important;
    }
}
@media (max-width: 780px) { 
    footer .wp-block-columns .wp-block-column:nth-child(n) .wp-block-column-content {
        /*background: purple !important;*/
        max-width: 100%;
        display: block;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    footer .wp-block-columns .wp-block-column-content .footer-column-image {
        margin-top: 10px;
        margin-right: 20px;
        margin-bottom: -20px;
        margin-left: 20px;
        float: none;
    }
    footer .wp-block-columns .wp-block-column:nth-child(n) .wp-block-column-content .kh-functie,
    footer .wp-block-columns .wp-block-column:nth-child(n) .wp-block-column-content .kh-naam {
        margin-left: 40px;
        margin-right: 20px;
        padding-right: 0 !important;
        font-size: 1.65rem;
        line-height: 1.35;
    }
    footer .wp-block-columns .wp-block-column .wp-block-column-website a {
        font-size: calc(14px + 1vw) !important;
    }
}

/* 


    pagina Opdrachtgevers 


*/

main .kh-opdrachtgevers {
    gap: 40px;
}
@media (max-width: 1280px) { 
    main .kh-opdrachtgevers {
        gap: 20px;
    }
}
@media (max-width: 1024px) { 
    main .kh-opdrachtgevers {
        margin-right: 0 !important;
    }
}
main .kh-opdrachtgevers h3 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.25;
    color: var(--wp--preset--color--kh-groen);
    border-top: 5px solid var(--wp--preset--color--kh-groen);
    margin-top: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
@media (max-width: 1280px) { 
    main .kh-opdrachtgevers h3 {
        hyphens: auto;
    }
}
main .kh-opdrachtgevers ul {
    padding-left: 1.5rem;
}
main .kh-opdrachtgevers li {
    font-size: 1rem;
    font-weight: 300;
}
main .kh-opdrachtgevers li::marker {
    font-size: 0.875rem;
}

/* 


    pagina Contact 


*/

.kh-contact-card.wp-block-columns {
    gap:20px;
}
@media (max-width: 780px) { 
    .kh-contact-card.wp-block-columns {
        margin-bottom:20px;
    }
}

.kh-contact-card .wp-block-column {

}
.kh-contact-card figure {
    overflow: hidden;
    border-radius: 100px;
}
.kh-contact-card figure img {

}
.kh-contact-card .wp-block-group {

}
.kh-contact-card h3 {
    font-size: var(--wp--preset--font-size--font-medium);
}
.kh-contact-card p.contact-card-email {
    margin: 0 !important;
}
.kh-contact-card p.contact-card-email a {
    text-decoration: none;
    color: var(--wp--preset--color--tekst);
}
.kh-contact-card p.contact-card-email a:hover {
    color: var(--wp--preset--color--kh-groen);
}
.kh-contact-card p.contact-card-phone {
    margin: 0 !important;
}
.kh-contact-card p.contact-card-phone a {
    text-decoration: none;
    color: var(--wp--preset--color--tekst);
}
.kh-contact-card p.contact-card-phone a:hover {
    color: var(--wp--preset--color--kh-groen);
}

/* Contact pagina iconen bij paragrafen */

.wp-block-paragraph.is-style-with-icon-mobile,
.wp-block-paragraph.is-style-with-icon-adres,
.wp-block-paragraph.is-style-with-icon-email,
.wp-block-paragraph.is-style-with-icon-linkedin,
.wp-block-paragraph.is-style-with-icon-kvk {
    position: relative;
    display: block;
    padding-left: 50px;
    padding-top: 5px;
}
.wp-block-paragraph.is-style-with-icon-mobile strong,
.wp-block-paragraph.is-style-with-icon-adres strong,
.wp-block-paragraph.is-style-with-icon-email strong,
.wp-block-paragraph.is-style-with-icon-linkedin strong,
.wp-block-paragraph.is-style-with-icon-kvk strong {
    font-weight: 600;
}
.wp-block-paragraph.is-style-with-icon-mobile a,
.wp-block-paragraph.is-style-with-icon-adres a,
.wp-block-paragraph.is-style-with-icon-email a,
.wp-block-paragraph.is-style-with-icon-linkedin a,
.wp-block-paragraph.is-style-with-icon-kvk a {
    text-decoration: none;
    font-weight: 400;
}
.wp-block-paragraph.is-style-with-icon-mobile::after,
.wp-block-paragraph.is-style-with-icon-adres::after,
.wp-block-paragraph.is-style-with-icon-email::after,
.wp-block-paragraph.is-style-with-icon-linkedin::after,
.wp-block-paragraph.is-style-with-icon-kvk::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    background-color: var(--wp--preset--color--wit);
}

/* Specific Icon Styles */

.wp-block-paragraph.is-style-with-icon-mobile::after {
    background-size: 20px 20px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_9384_3996%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%3E%0A%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url%28%23mask0_9384_3996%29%22%3E%0A%3Cpath%20d%3D%22M8.33342%2016.4899H11.6668V15.6566H8.33342V16.4899ZM6.01009%2019.5316C5.39467%2019.5316%204.8728%2019.3174%204.44447%2018.8889C4.01599%2018.4606%203.80176%2017.9387%203.80176%2017.3233V2.6766C3.80176%202.06118%204.01599%201.5393%204.44447%201.11097C4.8728%200.682499%205.39467%200.468262%206.01009%200.468262H13.9901C14.6055%200.468262%2015.1274%200.682499%2015.5557%201.11097C15.9842%201.5393%2016.1984%202.06118%2016.1984%202.6766V17.3233C16.1984%2017.9387%2015.9842%2018.4606%2015.5557%2018.8889C15.1274%2019.3174%2014.6055%2019.5316%2013.9901%2019.5316H6.01009ZM6.01009%2013.1566H13.9901V5.1766H6.01009V13.1566Z%22%20fill%3D%22%231C1B1F%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}
.wp-block-paragraph.is-style-with-icon-adres::after {
    background-size: 18px 18px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_9384_3329%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2218%22%20height%3D%2218%22%3E%0A%3Crect%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url%28%23mask0_9384_3329%29%22%3E%0A%3Cpath%20d%3D%22M2.3623%2016.3875V6.43123L8.9998%201.44373L15.6373%206.42504V16.3875H10.6498V10.35H7.3498V16.3875H2.3623Z%22%20fill%3D%22%23464646%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}
.wp-block-paragraph.is-style-with-icon-email::after {
    background-size: 18px 18px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_9384_3335%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2218%22%20height%3D%2218%22%3E%0A%3Crect%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url%28%23mask0_9384_3335%29%22%3E%0A%3Cpath%20d%3D%22M3.2248%2015.6376C2.5623%2015.6376%202.00293%2015.4094%201.54668%2014.9532C1.09043%2014.4969%200.862305%2013.9375%200.862305%2013.275V4.72505C0.862305%204.06255%201.09043%203.50317%201.54668%203.04692C2.00293%202.59067%202.5623%202.36255%203.2248%202.36255H14.7748C15.4373%202.36255%2015.9967%202.59067%2016.4529%203.04692C16.9092%203.50317%2017.1373%204.06255%2017.1373%204.72505V13.275C17.1373%2013.9375%2016.9092%2014.4969%2016.4529%2014.9532C15.9967%2015.4094%2015.4373%2015.6376%2014.7748%2015.6376H3.2248ZM8.9998%2010.5563L14.7748%206.8063V4.72505L8.9998%208.47505L3.2248%204.72505V6.8063L8.9998%2010.5563Z%22%20fill%3D%22%23464646%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}
.wp-block-paragraph.is-style-with-icon-linkedin::after {
    background-size: 18px 18px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15.8571%201.125H2.13929C1.51071%201.125%201%201.63477%201%202.26055V15.7395C1%2016.3652%201.51071%2016.875%202.13929%2016.875H15.8571C16.4857%2016.875%2017%2016.3652%2017%2015.7395V2.26055C17%201.63477%2016.4857%201.125%2015.8571%201.125ZM5.83571%2014.625H3.46429V7.10859H5.83929V14.625H5.83571ZM4.65%206.08203C3.88929%206.08203%203.275%205.47383%203.275%204.72852C3.275%203.9832%203.88929%203.375%204.65%203.375C5.40714%203.375%206.025%203.9832%206.025%204.72852C6.025%205.47734%205.41071%206.08203%204.65%206.08203ZM14.725%2014.625H12.3536V10.9688C12.3536%2010.0969%2012.3357%208.97539%2011.1214%208.97539C9.88571%208.97539%209.69643%209.92461%209.69643%2010.9055V14.625H7.325V7.10859H9.6V8.13516H9.63214C9.95%207.54453%2010.725%206.92227%2011.8786%206.92227C14.2786%206.92227%2014.725%208.47969%2014.725%2010.5047V14.625Z%22%20fill%3D%22%23464646%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.wp-block-paragraph.is-style-with-icon-kvk::after {
    background-size: 20px 20px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15.5677%2010.4141C15.5248%2010.3435%2015.4941%2010.3036%2015.4573%2010.2822C15.3745%2010.2331%2015.2579%2010.2638%2015.2057%2010.3527C15.1751%2010.411%2015.1751%2010.5368%2015.1751%2010.5797V12.3527H13.172V7.34045H15.1751V9.45395L16.7027%207.34045H18.9082L17.1812%209.54598L19.0524%2012.3527H16.7671L15.5677%2010.4141ZM8.44194%2012.3527H10.7057L12.5646%207.34352H10.537L9.6628%2010.1349H9.64746L8.77936%207.34045H6.66587L8.44194%2012.3527ZM4.24255%2012.3527H6.52783L4.65666%209.54598L6.38366%207.34045H4.17814L2.65053%209.45395V7.34045H0.647461V12.3497H2.65053V10.5767C2.65053%2010.5337%202.65053%2010.4049%202.6812%2010.3497C2.73335%2010.2607%202.84991%2010.23%202.93274%2010.2791C2.96955%2010.3006%203.00022%2010.3405%203.04317%2010.411L4.24255%2012.3527Z%22%20fill%3D%22%23464646%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
  
/* 


    Pagina Referenties


*/

.referenties-posts-section {
    margin-left: 0 !important;
    padding-top: 40px;
    max-width: 100%;
}
@media (max-width: 1280px) { 
    .referenties-posts-section {
        max-width: 100%;
    }
}
.referenties-posts-section .posts-section {
    max-width: 100% !important;
}
.referenties-posts-section .referenties-query {
    margin-left: 0 !important;
    max-width: 66% !important;
}
@media (max-width: 1280px) { 
    .referenties-posts-section .referenties-query {
        max-width: 100% !important;
    }
}
.referenties-posts-section .referenties-query ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
@media (max-width: 780px) { 
    .referenties-posts-section .referenties-query ul {
        flex-direction: column;
    }
}
.referenties-posts-section .referenties-query ul li {
    flex-basis: calc(50% - 20px);
    padding-bottom: 0.875rem;
    position: relative;
}
.referenties-posts-section .referenties-query ul li * {
    position: relative;
    z-index: 1;
}
.referenties-posts-section .referenties-query ul li:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 0;
    left: 0;
    top: 80px;
    width: 100%;
    height: 0;
    padding-top: 77.9652%;
    overflow: hidden;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22476%22%20height%3D%22371%22%20viewBox%3D%220%200%20476%20371%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0A%3Cpath%20d%3D%22M266.652%20367.188C397.127%20346.624%20490.069%20248.61%20474.245%20148.267C458.421%2047.924%20339.822%20-16.7506%20209.348%203.81247C78.8735%2024.3756%20-14.069%20122.39%201.75509%20222.733C17.5792%20323.076%20136.178%20387.751%20266.652%20367.188Z%22%20fill%3D%22url%28%23paint0_linear_9436_701%29%22%20fill-opacity%3D%220.07%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_9436_701%22%20x1%3D%22345.48%22%20y1%3D%221.99284e-05%22%20x2%3D%22206%22%20y2%3D%22412%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23333333%22%2F%3E%0A%3Cstop%20offset%3D%220.33%22%20stop-color%3D%22%23CCCCCC%22%2F%3E%0A%3Cstop%20offset%3D%220.66%22%20stop-color%3D%22white%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
@media (max-width: 780px) { 
    .referenties-posts-section .referenties-query ul li:after {
        width: 75%;
        padding-top: 58.4739%;
    }
}
.referenties-posts-section .referenties-query ul li figure {
    position: relative;
    left: 0;
    top: 0;
    width: 220px;
    min-width: 220px;
    max-width: 220px;
    height: 171px;
    overflow: hidden;
    object-fit: cover;
    margin-right: 1.5rem;
}
@media (max-width: 1024px) { 
    .referenties-posts-section .referenties-query ul li figure {
        margin-bottom: 0.75rem !important;
    }
}
.referenties-posts-section .referenties-query ul li figure a {
    border: 0;
    padding: 0;
    line-height: 0;
    display: inline-block;
}
.referenties-posts-section .referenties-query ul li figure a img {
    clip-path: url(#khClipPath);
    width: 100%;
    height: 128%;
    object-fit: contain;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}

.referenties-posts-section .referenties-query .post-content-group {
    margin-left: 10px !important;
}
@media (max-width: 640px) { 
    .referenties-posts-section .referenties-query .post-content-group {
        margin-left: 0 !important;
    }
}

.referenties-posts-section .referenties-query ul li h3 {
    font-size: 1.625rem;
}
@media (max-width: 1024px) { 
    .referenties-posts-section .referenties-query ul li h3 {
        margin-top: 0 !important;
        hyphens: auto;
    }
}
.referenties-posts-section .referenties-query ul li h3 a {
    color: var(--wp--preset--color--kh-groen);
    line-height: 1.33;
    margin-bottom: 0.33rem;
}
.referenties-posts-section .referenties-query .taxonomy-group {
    display: block;
    font-size: 1rem;
    color: var(--wp--preset--color--kh-groen);
    margin-bottom: 0.25rem !important;
}
.referenties-posts-section .referenties-query .taxonomy-group a,
.referenties-posts-section .referenties-query .taxonomy-group a:visited {
    display: inline-block;
    font-size: 1rem;
    color: var(--wp--preset--color--kh-groen);
    text-decoration: none;
}
.referenties-posts-section .referenties-query .taxonomy-group a:hover,
.referenties-posts-section .referenties-query .taxonomy-group a:visited:hover {
    color: var(--wp--preset--color--kh-groen);
    text-decoration: underline;
}
.archive-filter-title {
    color: var(--wp--preset--color--kh-groen);
    font-weight: normal;
}
.archive-filter-title a {
    color: var(--wp--preset--color--kh-groen);
    font-weight: normal;
}
.archive-filter-reset {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 0;
    vertical-align: -3px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 20px;
    /* This will be the color of your icon */
    background-color: var(--wp--preset--color--kh-groen);
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjU2IDUxMkEyNTYgMjU2IDAgMSAwIDI1NiAwYTI1NiAyNTYgMCAxIDAgMCA1MTJ6bTk3LjktMzIwbC0xNyAxNy00NyA0NyA0NyA0NyAxNyAxN0wzMjAgMzUzLjlsLTE3LTE3LTQ3LTQ3LTQ3IDQ3LTE3IDE3TDE1OC4xIDMyMGwxNy0xNyA0Ny00Ny00Ny00Ny0xNy0xN0wxOTIgMTU4LjFsMTcgMTcgNDcgNDcgNDctNDcgMTctMTdMMzUzLjkgMTkyeiIvPjwvc3ZnPg==");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjU2IDUxMkEyNTYgMjU2IDAgMSAwIDI1NiAwYTI1NiAyNTYgMCAxIDAgMCA1MTJ6bTk3LjktMzIwbC0xNyAxNy00NyA0NyA0NyA0NyAxNyAxN0wzMjAgMzUzLjlsLTE3LTE3LTQ3LTQ3LTQ3IDQ3LTE3IDE3TDE1OC4xIDMyMGwxNy0xNyA0Ny00Ny00Ny00Ny0xNy0xN0wxOTIgMTU4LjFsMTcgMTcgNDcgNDcgNDctNDcgMTctMTdMMzUzLjkgMTkyeiIvPjwvc3ZnPg==");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
.referenties-posts-section .referenties-query .posts-pagination,
.referenties-posts-section .referenties-query .wp-block-query-pagination {
    display: flex;
    gap: 20px;
    padding: 40px;
    position: relative;
    z-index: 10;
    justify-content: center;
}
.referenties-posts-section .referenties-query .posts-pagination .wp-block-query-pagination-numbers,
.referenties-posts-section .referenties-query .wp-block-query-pagination .wp-block-query-pagination-numbers {
    display: flex;
    gap: 20px;
}
.referenties-posts-section .referenties-query .posts-pagination .wp-block-query-pagination-numbers span.current,
.referenties-posts-section .referenties-query .wp-block-query-pagination .wp-block-query-pagination-numbers span.current {
    display: inline-block;
    text-decoration: none;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--wp--preset--color--wit);
    background: var(--wp--preset--color--kh-groen);
}
.referenties-posts-section .referenties-query .posts-pagination .wp-block-query-pagination-numbers a.page-numbers,
.referenties-posts-section .referenties-query .wp-block-query-pagination .wp-block-query-pagination-numbers a.page-numbers {
    display: inline-block;
    text-decoration: none;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    background: var(--wp--preset--color--wit);
    color: var(--wp--preset--color--kh-groen);
}
@media (max-width: 640px) { 
    .referenties-posts-section .referenties-query .posts-pagination .wp-block-query-pagination-numbers a.page-numbers,
    .referenties-posts-section .referenties-query .wp-block-query-pagination .wp-block-query-pagination-numbers a.page-numbers {
        display: none;
    }
}
.referenties-posts-section .referenties-query .posts-pagination .wp-block-query-pagination-numbers a.page-numbers:hover,
.referenties-posts-section .referenties-query .wp-block-query-pagination .wp-block-query-pagination-numbers a.page-numbers:hover {
    color: var(--wp--preset--color--wit);
    background: var(--wp--preset--color--kh-groen);
}
.referenties-posts-section .referenties-query .posts-pagination .wp-block-query-pagination-numbers span.dots,
.referenties-posts-section .referenties-query .wp-block-query-pagination .wp-block-query-pagination-numbers span.dots {
    display: inline-block;
    text-decoration: none;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--wp--preset--color--kh-groen);
    background: transparent;
}
.referenties-posts-section .referenties-query .posts-pagination a.wp-block-query-pagination-previous,
.referenties-posts-section .referenties-query .wp-block-query-pagination a.wp-block-query-pagination-previous {
    display: inline-block;
    text-decoration: none;
    width: 55px;
    height: 55px;
    overflow: hidden;
    text-indent: 55px;
    white-space: nowrap;
    line-height: 55px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    background: var(--wp--preset--color--wit);
    position: relative;
}
.referenties-posts-section .referenties-query .posts-pagination a.wp-block-query-pagination-previous:after,
.referenties-posts-section .referenties-query .wp-block-query-pagination a.wp-block-query-pagination-previous:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: 50%;
    margin-top: -12px;
    /* This will be the color of your icon */
    background-color: var(--wp--preset--color--kh-groen);
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_9384_3581%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2225%22%20height%3D%2225%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22matrix%28-1%200%200%201%2024.5%200.5%29%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url%28%23mask0_9384_3581%29%22%3E%0A%3Cpath%20d%3D%22M9.7251%2014.0124H21.1001V10.9874H9.7251L14.6626%206.0499L12.5001%203.8999L3.9001%2012.4999L12.5001%2021.0999L14.6626%2018.9499L9.7251%2014.0124Z%22%20fill%3D%22%23006C31%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_9384_3581%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2225%22%20height%3D%2225%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22matrix%28-1%200%200%201%2024.5%200.5%29%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url%28%23mask0_9384_3581%29%22%3E%0A%3Cpath%20d%3D%22M9.7251%2014.0124H21.1001V10.9874H9.7251L14.6626%206.0499L12.5001%203.8999L3.9001%2012.4999L12.5001%2021.0999L14.6626%2018.9499L9.7251%2014.0124Z%22%20fill%3D%22%23006C31%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
.referenties-posts-section .referenties-query .posts-pagination a.wp-block-query-pagination-previous:hover,
.referenties-posts-section .referenties-query .wp-block-query-pagination a.wp-block-query-pagination-previous:hover {
    color: var(--wp--preset--color--wit);
    background: var(--wp--preset--color--kh-groen);
}
.referenties-posts-section .referenties-query .posts-pagination a.wp-block-query-pagination-previous:hover:after,
.referenties-posts-section .referenties-query .wp-block-query-pagination a.wp-block-query-pagination-previous:hover:after {
    background-color: var(--wp--preset--color--wit);
}
.referenties-posts-section .referenties-query .posts-pagination a.wp-block-query-pagination-next,
.referenties-posts-section .referenties-query .wp-block-query-pagination a.wp-block-query-pagination-next {
    display: inline-block;
    text-decoration: none;
    width: 55px;
    height: 55px;
    overflow: hidden;
    text-indent: 55px;
    white-space: nowrap;
    line-height: 55px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    background: var(--wp--preset--color--wit);
    position: relative;
}
.referenties-posts-section .referenties-query .posts-pagination a.wp-block-query-pagination-next:after,
.referenties-posts-section .referenties-query .wp-block-query-pagination a.wp-block-query-pagination-next:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: 50%;
    margin-top: -12px;
    /* This will be the color of your icon */
    background-color: var(--wp--preset--color--kh-groen);
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2025%2025%22%3E%0A%20%20%3C%21--%20Generator%3A%20Adobe%20Illustrator%2029.5.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%202.1.0%20Build%20141%29%20%20--%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.st0%20%7B%0A%20%20%20%20%20%20%20%20mask%3A%20url%28%23mask%29%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23006c31%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23d9d9d9%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3Cmask%20id%3D%22mask%22%20x%3D%22.5%22%20y%3D%22.5%22%20width%3D%2224%22%20height%3D%2224%22%20maskUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22mask0_9384_3581%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22st2%22%20x%3D%22.5%22%20y%3D%22.5%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate%2825%2025%29%20rotate%28-180%29%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fmask%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20class%3D%22st0%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M10.3%2C18.9l2.2%2C2.1%2C8.6-8.6L12.5%2C3.9l-2.2%2C2.2%2C4.9%2C4.9H3.9s0%2C3%2C0%2C3h11.4s-4.9%2C4.9-4.9%2C4.9Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2025%2025%22%3E%0A%20%20%3C%21--%20Generator%3A%20Adobe%20Illustrator%2029.5.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%202.1.0%20Build%20141%29%20%20--%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.st0%20%7B%0A%20%20%20%20%20%20%20%20mask%3A%20url%28%23mask%29%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23006c31%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23d9d9d9%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3Cmask%20id%3D%22mask%22%20x%3D%22.5%22%20y%3D%22.5%22%20width%3D%2224%22%20height%3D%2224%22%20maskUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22mask0_9384_3581%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22st2%22%20x%3D%22.5%22%20y%3D%22.5%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate%2825%2025%29%20rotate%28-180%29%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fmask%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20class%3D%22st0%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M10.3%2C18.9l2.2%2C2.1%2C8.6-8.6L12.5%2C3.9l-2.2%2C2.2%2C4.9%2C4.9H3.9s0%2C3%2C0%2C3h11.4s-4.9%2C4.9-4.9%2C4.9Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
.referenties-posts-section .referenties-query .posts-pagination a.wp-block-query-pagination-next:hover,
.referenties-posts-section .referenties-query .wp-block-query-pagination a.wp-block-query-pagination-next:hover {
    color: var(--wp--preset--color--wit);
    background: var(--wp--preset--color--kh-groen);
}
.referenties-posts-section .referenties-query .posts-pagination a.wp-block-query-pagination-next:hover:after,
.referenties-posts-section .referenties-query .wp-block-query-pagination a.wp-block-query-pagination-next:hover:after {
    background-color: var(--wp--preset--color--wit);
}
.referenties-categories-and-tags {
    display: block;
    position: absolute;
    top: 500px;
    left: 70%;
    width: 25%;
}
.referenties-categories-and-tags div {
    flex: 1;
    display: block;
    padding-bottom: 40px;
    margin-top: 0 !important;
}
@media (max-width: 1580px) { 
    .referenties-categories-and-tags {
        margin-top: -20px;
        top: 31.64557vw;
    }
}
@media (max-width: 1280px) { 
    .referenties-categories-and-tags {
        position: relative;
        top: 0;
        left: 0;
        margin-top: 40px;
        width: 100%;
        display: flex;
    }
    .referenties-categories-and-tags h4 {
        width: 100%;
    }
    .referenties-categories-and-tags ul {
        width: 100%;
    }
}
@media (max-width: 640px) { 
    .referenties-categories-and-tags {
        display: block;
    }
}
.referenties-categories-and-tags h4 {
    font-size: 1rem;
    color: var(--wp--preset--color--kh-groen);
    margin-bottom: 0.625rem;
}
.referenties-categories-and-tags ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.referenties-categories-and-tags li {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: auto;
}
.referenties-categories-and-tags li a {
    display: inline-block;
    width: auto;
    background: var(--wp--preset--color--wit);
    padding: 0.25rem 0.75rem;
    margin: 0 5px 5px 0;
    color: var(--wp--preset--color--kh-groen);
    text-decoration: none;
    font-size: 0.9375rem;
    font-size: 1rem;
}
.referenties-categories-and-tags li a:hover {
    color: var(--wp--preset--color--wit);
    background: var(--wp--preset--color--kh-groen);
}

/* posts archive page: tag and category  */


body.archive .referenties-categories-and-tags {
    top: 80px !important;
    padding-top: 40px !important;
}
@media (max-width: 1280px) { 
    body.archive .referenties-categories-and-tags {
        top: 0 !important;
        margin-bottom: 0 !important;
    }
}
@media (max-width: 1024px) { 
    body.archive h1.posts-page-title {
        padding-bottom: 0!important;
    }
}
body.post-type-archive-referentie .referenties-categories-and-tags {
    top: 200px !important;
}
@media (max-width: 1580px) { 
    body.post-type-archive-referentie .referenties-categories-and-tags {
        top: 8vw !important;
        padding-top: 40px;
    }
}
@media (max-width: 1280px) { 
    body.post-type-archive-referentie .referenties-categories-and-tags {
        top: 0 !important;
        padding-top: 0 !important;
    }
}
body.tax-referentie_categorie .referenties-categories-and-tags,
body.tax-referentie_tag .referenties-categories-and-tags {
    top: 130px !important;
}
@media (max-width: 1580px) { 
    body.tax-referentie_categorie .referenties-categories-and-tags,
    body.tax-referentie_tag .referenties-categories-and-tags {
        top: 4vw !important;
        padding-top: 40px;
    }
}
@media (max-width: 1280px) { 
    body.tax-referentie_categorie .referenties-categories-and-tags,
    body.tax-referentie_tag .referenties-categories-and-tags {
        top: 0 !important;
        padding-top: 0 !important;
    }
}

/* Pagina Blog */

.posts-page-header {
    margin-left: 0 !important;
    max-width: 66%;
    padding-top: 0;
}
@media (max-width: 1024px) { 
    .posts-page-header {
        max-width: 100%;
    }
}
.posts-page-header figure {
    position: absolute;
    left: 70%;
    top: -40px;
    width: 670px;
    height: 522px;
    overflow: hidden;
}
.posts-page-header figure img {
    clip-path: url(#khClipPath);
    width: 100%;
    height: 128%;
    object-fit: contain;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}
@media (max-width: 1580px) { 
    .posts-page-header figure {
        position: absolute;
        left: 70%;
        top: calc(-20px + -3vw);
        width: 40vw;
        height: 31.1861vw;
        overflow: hidden;
        object-fit: cover;
    }
}
@media (max-width: 1280px) { 
    .posts-page-header figure {
        position: absolute;
        left: 70%;
        top: calc(-20px + -3vw);
        width: 40vw;
        height: 31.1861vw;
        overflow: hidden;
        object-fit: cover;
    }
}
@media (max-width: 1024px) { 
    body.blog .post-page-content {
        max-width: 66%;
    }
    .posts-page-header figure {
        left: auto;
        right: -80px;
        top: -30px;
        width: 36vw;
        height: 28vw;
    }
}
@media (max-width: 640px) { 
    body.blog .post-page-content {
        max-width: 100%;
    }
    body.blog main {
        padding-top: 20px !important;
    }
    .posts-page-header figure {
        display: none;
    }
}
.posts-page-header h1.posts-page-title {
    text-align: left !important;
    margin-left: 0 !important;
    margin: 0;
    padding-bottom: 40px;
    font-size: 3.75rem;
    font-weight: 300;
    line-height: 1.2;
    color: var(--wp--preset--color--kh-groen);
}
@media (max-width: 1580px) { 
    .posts-page-header h1.posts-page-title {
        font-size: calc(40px + 1.25vw);
    }
}
@media (max-width: 1024px) { 
    .posts-page-header h1.posts-page-title {
        max-width: 66%;
        font-size: 40px;
        hyphens: auto;
    }
}
@media (max-width: 780px) { 
    .posts-page-header h1.posts-page-title {
        margin-top: 20px;
    }
}
@media (max-width: 640px) { 
    .posts-page-header h1.posts-page-title {
        max-width: 100%;
        font-size: 40px;
        margin-top: 60px;
    }
}
.posts-page-posts {
    margin-left: 0 !important;
    padding-top: 40px;
    max-width: 66%;
}
@media (max-width: 1280px) { 
    .posts-page-posts {
        max-width: 100%;
    }
}
.posts-page-posts .posts-section {
    max-width: 100% !important;
}
.posts-page-posts .posts-query {
    margin: 0 !important;

}
.posts-page-posts .posts-query ul {
    margin: 0;
    padding: 0;
}
.posts-page-posts .posts-query ul li {
    display: flex;
    padding-bottom: 0.875rem;
}
@media (max-width: 1024px) { 
    .posts-page-posts .posts-query ul li {
        flex-direction: column;
    }
}
.posts-page-posts .posts-query ul li figure {
    position: relative;
    left: 0;
    top: 0;
    width: 124px;
    min-width: 124px;
    max-width: 124px;
    height: 100px;
    overflow: hidden;
    object-fit: cover;
    margin-right: 1.5rem;
}
@media (max-width: 1024px) { 
    .posts-page-posts .posts-query ul li figure {
        margin-bottom: 0.75rem !important;
    }
}
.posts-page-posts .posts-query ul li figure a {
    border: 0;
    padding: 0;
    line-height: 0;
    /*display: inline-block;*/
}
.posts-page-posts .posts-query ul li figure a img {
    clip-path: url(#khClipPath);
    width: 100%;
    height: 128%;
    object-fit: contain;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}

@media (max-width: 1024px) { 
    .posts-page-posts .posts-query .post-content-group {
        margin-left: 40px !important;
        line-height: 1.2 !important;
    }
}
@media (max-width: 640px) { 
    .posts-page-posts .posts-query .post-content-group {
        margin-left: 0 !important;
    }
}

.posts-page-posts .posts-query ul li h2 {
    font-size: 1.625rem;
    margin-bottom: 0.25rem !important;
}
@media (max-width: 1024px) { 
    .posts-page-posts .posts-query ul li h2 {
        margin-top: 0 !important;
    }
}
.posts-page-posts .posts-query ul li h2 a {
    text-decoration: none;
    color: var(--wp--preset--color--kh-groen);
    display: inline-block;
    line-height: 1.25;

}
.posts-page-posts .posts-query .taxonomy-group {
    display: block;
    font-size: 1rem;
    color: var(--wp--preset--color--kh-groen);
    margin-bottom: 0.25rem !important;
}
.posts-page-posts .posts-query .taxonomy-group a,
.posts-page-posts .posts-query .taxonomy-group a:visited {
    display: inline-block;
    font-size: 1rem;
    color: var(--wp--preset--color--kh-groen);
    text-decoration: none;
}
.posts-page-posts .posts-query .taxonomy-group a:hover,
.posts-page-posts .posts-query .taxonomy-group a:visited:hover {
    color: var(--wp--preset--color--kh-groen);
    text-decoration: underline;
}
.posts-page-posts .posts-query .posts-pagination {
    display: flex;
    gap: 20px;
    padding: 40px;
    position: relative;
    z-index: 10;
    justify-content: center;    
}
.posts-page-posts .posts-query .posts-pagination .wp-block-query-pagination-numbers,
.posts-page-posts .posts-query .posts-pagination .nav-links {
    display: flex;
    gap: 20px;
}
.posts-page-posts .posts-query .posts-pagination .wp-block-query-pagination-numbers span.current,
.posts-page-posts .posts-query .posts-pagination .nav-links span.current {
    display: inline-block;
    text-decoration: none;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--wp--preset--color--wit);
    background: var(--wp--preset--color--kh-groen);
}
.posts-page-posts .posts-query .posts-pagination .wp-block-query-pagination-numbers a.page-numbers,
.posts-page-posts .posts-query .posts-pagination .nav-links a.page-numbers {
    display: inline-block;
    text-decoration: none;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    background: var(--wp--preset--color--wit);
    color: var(--wp--preset--color--kh-groen);
}
@media (max-width: 640px) { 
    .posts-page-posts .posts-query .posts-pagination .wp-block-query-pagination-numbers a.page-numbers,
    .posts-page-posts .posts-query .posts-pagination .nav-links a.page-numbers {
        display: none !important;
    }
}
.posts-page-posts .posts-query .posts-pagination .wp-block-query-pagination-numbers a.page-numbers:hover,
.posts-page-posts .posts-query .posts-pagination .nav-links a.page-numbers:hover {
    color: var(--wp--preset--color--wit);
    background: var(--wp--preset--color--kh-groen);
}
.posts-page-posts .posts-query .posts-pagination a.wp-block-query-pagination-previous,
.posts-page-posts .posts-query .posts-pagination a.prev {
    display: inline-block;
    text-decoration: none;
    width: 55px;
    height: 55px;
    overflow: hidden;
    text-indent: 55px;
    white-space: nowrap;
    line-height: 55px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    background: var(--wp--preset--color--wit);
    position: relative;
}
.posts-page-posts .posts-query .posts-pagination a.wp-block-query-pagination-previous:after,
.posts-page-posts .posts-query .posts-pagination a.prev:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: 50%;
    margin-top: -12px;
    /* This will be the color of your icon */
    background-color: var(--wp--preset--color--kh-groen);
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_9384_3581%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2225%22%20height%3D%2225%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22matrix%28-1%200%200%201%2024.5%200.5%29%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url%28%23mask0_9384_3581%29%22%3E%0A%3Cpath%20d%3D%22M9.7251%2014.0124H21.1001V10.9874H9.7251L14.6626%206.0499L12.5001%203.8999L3.9001%2012.4999L12.5001%2021.0999L14.6626%2018.9499L9.7251%2014.0124Z%22%20fill%3D%22%23006C31%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_9384_3581%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2225%22%20height%3D%2225%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22matrix%28-1%200%200%201%2024.5%200.5%29%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url%28%23mask0_9384_3581%29%22%3E%0A%3Cpath%20d%3D%22M9.7251%2014.0124H21.1001V10.9874H9.7251L14.6626%206.0499L12.5001%203.8999L3.9001%2012.4999L12.5001%2021.0999L14.6626%2018.9499L9.7251%2014.0124Z%22%20fill%3D%22%23006C31%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
.posts-page-posts .posts-query .posts-pagination a.wp-block-query-pagination-previous:hover,
.posts-page-posts .posts-query .posts-pagination a.prev:hover {
    color: var(--wp--preset--color--wit);
    background: var(--wp--preset--color--kh-groen);
}
.posts-page-posts .posts-query .posts-pagination a.wp-block-query-pagination-previous:hover:after,
.posts-page-posts .posts-query .posts-pagination a.prev:hover:after {
    background-color: var(--wp--preset--color--wit);
}
.posts-page-posts .posts-query .posts-pagination a.wp-block-query-pagination-next,
.posts-page-posts .posts-query .posts-pagination a.next {
    display: inline-block;
    text-decoration: none;
    width: 55px;
    height: 55px;
    overflow: hidden;
    text-indent: 55px;
    white-space: nowrap;
    line-height: 55px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    background: var(--wp--preset--color--wit);
    position: relative;
}
.posts-page-posts .posts-query .posts-pagination a.wp-block-query-pagination-next:after,
.posts-page-posts .posts-query .posts-pagination a.next:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: 50%;
    margin-top: -12px;
    /* This will be the color of your icon */
    background-color: var(--wp--preset--color--kh-groen);
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2025%2025%22%3E%0A%20%20%3C%21--%20Generator%3A%20Adobe%20Illustrator%2029.5.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%202.1.0%20Build%20141%29%20%20--%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.st0%20%7B%0A%20%20%20%20%20%20%20%20mask%3A%20url%28%23mask%29%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23006c31%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23d9d9d9%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3Cmask%20id%3D%22mask%22%20x%3D%22.5%22%20y%3D%22.5%22%20width%3D%2224%22%20height%3D%2224%22%20maskUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22mask0_9384_3581%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22st2%22%20x%3D%22.5%22%20y%3D%22.5%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate%2825%2025%29%20rotate%28-180%29%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fmask%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20class%3D%22st0%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M10.3%2C18.9l2.2%2C2.1%2C8.6-8.6L12.5%2C3.9l-2.2%2C2.2%2C4.9%2C4.9H3.9s0%2C3%2C0%2C3h11.4s-4.9%2C4.9-4.9%2C4.9Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2025%2025%22%3E%0A%20%20%3C%21--%20Generator%3A%20Adobe%20Illustrator%2029.5.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%202.1.0%20Build%20141%29%20%20--%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.st0%20%7B%0A%20%20%20%20%20%20%20%20mask%3A%20url%28%23mask%29%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23006c31%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23d9d9d9%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3Cmask%20id%3D%22mask%22%20x%3D%22.5%22%20y%3D%22.5%22%20width%3D%2224%22%20height%3D%2224%22%20maskUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22mask0_9384_3581%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22st2%22%20x%3D%22.5%22%20y%3D%22.5%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate%2825%2025%29%20rotate%28-180%29%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fmask%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20class%3D%22st0%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M10.3%2C18.9l2.2%2C2.1%2C8.6-8.6L12.5%2C3.9l-2.2%2C2.2%2C4.9%2C4.9H3.9s0%2C3%2C0%2C3h11.4s-4.9%2C4.9-4.9%2C4.9Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
.posts-page-posts .posts-query .posts-pagination a.wp-block-query-pagination-next:hover,
.posts-page-posts .posts-query .posts-pagination a.next:hover {
    color: var(--wp--preset--color--wit);
    background: var(--wp--preset--color--kh-groen);
}
.posts-page-posts .posts-query .posts-pagination a.wp-block-query-pagination-next:hover:after,
.posts-page-posts .posts-query .posts-pagination a.next:hover:after {
    background-color: var(--wp--preset--color--wit);
}

/* post page  */

body.single h1 {
    margin-bottom: 40px;
}
body.single hr.wp-block-separator {
    margin-left: 0 !important;
    margin-top: 40px;
    margin-bottom: 20px;
   color: var(--wp--preset--color--kh-groen);
}
body.single .link-categorie a {
    color: var(--wp--preset--color--kh-groen);
    font-size: 1.625rem;
    text-decoration: none;
}
main div.kh-onze-bijdrage {
    border-left: 10px solid var(--wp--preset--color--kh-groen);
    margin-left: -40px !important;
    padding-left: 30px;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
main div.kh-onze-bijdrage h3 {
    color: var(--wp--preset--color--kh-groen);
    margin: 0 0 1rem 0;
    line-height: 1;
    font-size: 1.75rem;
}
@media (max-width: 780px) { 
    main div.kh-onze-bijdrage {
        margin-left: -20px !important;
        padding-left: 10px !important;
    }
}
main div.kh-testimonial {
    background: var(--wp--preset--color--wit);
    padding: 40px;
    margin-top: 2rem;
    margin-bottom: 4rem;
    position: relative;
}
main div.kh-testimonial:after {
    content: '';
    display: block;
    position: absolute;
    left: 40px;
    top: 100%;
    width: 0;
    height: 0;
    border-top: 20px solid var(--wp--preset--color--wit);
    border-right: 20px solid var(--wp--preset--color--wit);
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
}
main div.kh-testimonial .kh-testimonial-naam {
    margin: 0 0 0 40px !important;
    color: var(--wp--preset--color--kh-groen);
    font-weight: 600;   
}
main div.kh-testimonial .kh-testimonial-functie {
    margin: 0 0 0 40px !important;
    color: var(--wp--preset--color--kh-groen);
    font-weight: 300;    
}

.post-categories-and-tags {
    display: block;
    position: absolute;
    top: 500px;
    left: 70%;
    width: 25%;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
}
@media (max-width: 640px) { 
    .post-categories-and-tags {
        flex-direction: column;
    }
}
.post-categories-and-tags div {
    flex: 1;
    display: block;
    padding-bottom: 20px;
    width: 100%;
}
@media (max-width: 1580px) { 
    .post-categories-and-tags {
        margin-top: -40px;
        top: 31.64557vw;
    }
}
@media (max-width: 1280px) { 
    .post-categories-and-tags {
        flex-direction: row;
        gap: 40px;
    }
    body.single .post-categories-and-tags > div:first-child {
        flex: 0 !important;
        padding-right: 40px;
    }
    .post-categories-and-tags {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        display: flex;
        margin-top: 40px;
        margin-bottom: 0;
    }
    .post-categories-and-tags h4,
    .kh-acf-field-label {
        width: 100%;
    }
}
.post-categories-and-tags h4,
.post-categories-and-tags .kh-acf-field-label,
.post-categories-and-tags .wp-block-post-terms__prefix {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    color: var(--wp--preset--color--kh-groen);
    margin-bottom: 0;
}
.post-categories-and-tags p {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: auto;
}
.post-categories-and-tags a {
    display: inline-block;
    width: auto;
    background: var(--wp--preset--color--wit);
    padding: 0.25rem 0.75rem;
    margin: 5px 5px 0 0;
    color: var(--wp--preset--color--kh-groen);
    text-decoration: none;
    font-size: 0.9375rem;
    font-size: 1rem;
}
.post-categories-and-tags a:hover {
    color: var(--wp--preset--color--wit);
    background: var(--wp--preset--color--kh-groen);
}
.post-categories-and-tags .wp-block-post-terms__separator {
    display: none;
}

/* 


    Search Multisite

    Structure: 

    .search-results-list
        article.search-result-item
            .result-header 
                .result-title
                    a
                .result-meta
                    .result-site
                    .result-type
            .result-content
                p.result-excerpt

*/


.multisite-search-container {

}
form.multisite-search-form {

}
form.multisite-search-form .search-input-wrapper {
    display: flex;
    gap: 0.75rem;
}
input.multisite-search-input {
    font: inherit;
    flex: 1;
    padding: 0.5rem 0.85rem;
    border: 1px solid #E4E0DC;
}
button.multisite-search-button {
    font: inherit;
    padding: 0.5rem 1.5rem;
    border-radius: 0;
    border: 1px solid var(--wp--preset--color--content-background);
    background: var(--wp--preset--color--kh-groen);
    color: var(--wp--preset--color--wit);
    cursor: pointer;
}
button.multisite-search-button:hover {
    background: var(--wp--preset--color--highlight-groen);
    border: 1px solid var(--wp--preset--color--highlight-groen);
}
.multisite-search-results {
    padding: 20px 0;
}
.multisite-search-results .result-header {
    margin-bottom: 0;
}
.multisite-search-results .search-message {
    color: var(--wp--preset--color--kh-groen);
}
.multisite-search-results .search-results-wrapper .results-count,
.multisite-search-results .search-results-wrapper .results-count p {
    color: var(--wp--preset--color--kh-groen);
}

.search-results-list h3 {
    font-size: 1.75rem;
    margin-bottom: 0;
}
.search-results-list .result-meta .result-site,
.search-results-list .result-meta .result-type {
    display: inline block;
    font-size: 1rem;
    color: var(--wp--preset--color--tekst);
    padding-right: 20px;
    opacity: 0.5;
}
.search-results-list h3.site-korbee-amp-hovelynck a,
.search-results-list h3.site-korbee-amp-hovelynck-2025 a,
.search-results-list h3.site-korbee-amp-hovelynck-bv a {
    color: var(--wp--preset--color--kh-groen);
    text-decoration: none;
}
.search-results-list h3.site-herbert-korbee a,
.search-results-list h3.site-herbert-korbee-2025 a {
    color: var(--wp--preset--color--kh-blauw);
    text-decoration: none;
}
.search-results-list h3.site-ingrid-hovelynck a,
.search-results-list h3.site-ingrid-hovelynck-2025 a {
    color: var(--wp--preset--color--kh-geel);
    text-decoration: none;
}
.search-results-list h3 a:hover {
    text-decoration: underline;
}
.multisite-search-pagination {
    display: flex;
    gap: 20px;
    padding: 40px;
    position: relative;
    z-index: 10;
    justify-content: center;
}
.multisite-search-pagination .pagination-wrapper
 {
    display: flex;
    gap: 20px;
}
.multisite-search-pagination .pagination-wrapper button.page-btn.active {
    display: inline-block;
    text-decoration: none;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--wp--preset--color--wit);
    background: var(--wp--preset--color--kh-groen);
}
.multisite-search-pagination .pagination-wrapper button.page-btn {
    display: inline-block;
    text-decoration: none;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    background: var(--wp--preset--color--wit);
    color: var(--wp--preset--color--kh-groen);
    border: 0;
    padding: 0;
}
@media (max-width: 640px) { 
    .multisite-search-pagination .pagination-wrapper button.page-btn  {
        display: none;
    }
}
.multisite-search-pagination .pagination-wrapper button.page-btn:hover {
    color: var(--wp--preset--color--wit);
    background: var(--wp--preset--color--kh-groen);
}
.multisite-search-pagination .pagination-wrapper .dots {
    display: inline-block;
    text-decoration: none;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--wp--preset--color--kh-groen);
    background: transparent;
}
.multisite-search-pagination .pagination-wrapper button.page-btn.prev-btn {
    display: inline-block;
    text-decoration: none;
    width: 55px;
    height: 55px;
    overflow: hidden;
    text-indent: 55px;
    white-space: nowrap;
    line-height: 55px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    background: var(--wp--preset--color--wit);
    position: relative;
}
.multisite-search-pagination .pagination-wrapper button.page-btn.prev-btn:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: 50%;
    margin-top: -12px;
    /* This will be the color of your icon */
    background-color: var(--wp--preset--color--kh-groen);
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_9384_3581%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2225%22%20height%3D%2225%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22matrix%28-1%200%200%201%2024.5%200.5%29%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url%28%23mask0_9384_3581%29%22%3E%0A%3Cpath%20d%3D%22M9.7251%2014.0124H21.1001V10.9874H9.7251L14.6626%206.0499L12.5001%203.8999L3.9001%2012.4999L12.5001%2021.0999L14.6626%2018.9499L9.7251%2014.0124Z%22%20fill%3D%22%23006C31%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_9384_3581%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2225%22%20height%3D%2225%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22matrix%28-1%200%200%201%2024.5%200.5%29%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url%28%23mask0_9384_3581%29%22%3E%0A%3Cpath%20d%3D%22M9.7251%2014.0124H21.1001V10.9874H9.7251L14.6626%206.0499L12.5001%203.8999L3.9001%2012.4999L12.5001%2021.0999L14.6626%2018.9499L9.7251%2014.0124Z%22%20fill%3D%22%23006C31%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
.multisite-search-pagination .pagination-wrapper button.page-btn.prev-btn:hover {
    color: var(--wp--preset--color--wit);
    background: var(--wp--preset--color--kh-groen);
}
.multisite-search-pagination .pagination-wrapper button.page-btn.prev-btn:hover:after {
    background-color: var(--wp--preset--color--wit);
}
.multisite-search-pagination .pagination-wrapper button.page-btn.next-btn {
    display: inline-block;
    text-decoration: none;
    width: 55px;
    height: 55px;
    overflow: hidden;
    text-indent: 55px;
    white-space: nowrap;
    line-height: 55px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    background: var(--wp--preset--color--wit);
    position: relative;
}
.multisite-search-pagination .pagination-wrapper button.page-btn.next-btn:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: 50%;
    margin-top: -12px;
    /* This will be the color of your icon */
    background-color: var(--wp--preset--color--kh-groen);
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2025%2025%22%3E%0A%20%20%3C%21--%20Generator%3A%20Adobe%20Illustrator%2029.5.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%202.1.0%20Build%20141%29%20%20--%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.st0%20%7B%0A%20%20%20%20%20%20%20%20mask%3A%20url%28%23mask%29%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23006c31%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23d9d9d9%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3Cmask%20id%3D%22mask%22%20x%3D%22.5%22%20y%3D%22.5%22%20width%3D%2224%22%20height%3D%2224%22%20maskUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22mask0_9384_3581%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22st2%22%20x%3D%22.5%22%20y%3D%22.5%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate%2825%2025%29%20rotate%28-180%29%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fmask%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20class%3D%22st0%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M10.3%2C18.9l2.2%2C2.1%2C8.6-8.6L12.5%2C3.9l-2.2%2C2.2%2C4.9%2C4.9H3.9s0%2C3%2C0%2C3h11.4s-4.9%2C4.9-4.9%2C4.9Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2025%2025%22%3E%0A%20%20%3C%21--%20Generator%3A%20Adobe%20Illustrator%2029.5.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%202.1.0%20Build%20141%29%20%20--%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.st0%20%7B%0A%20%20%20%20%20%20%20%20mask%3A%20url%28%23mask%29%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23006c31%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23d9d9d9%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3Cmask%20id%3D%22mask%22%20x%3D%22.5%22%20y%3D%22.5%22%20width%3D%2224%22%20height%3D%2224%22%20maskUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22mask0_9384_3581%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22st2%22%20x%3D%22.5%22%20y%3D%22.5%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate%2825%2025%29%20rotate%28-180%29%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fmask%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20class%3D%22st0%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M10.3%2C18.9l2.2%2C2.1%2C8.6-8.6L12.5%2C3.9l-2.2%2C2.2%2C4.9%2C4.9H3.9s0%2C3%2C0%2C3h11.4s-4.9%2C4.9-4.9%2C4.9Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
.multisite-search-pagination .pagination-wrapper button.page-btn.next-btn:hover {
    color: var(--wp--preset--color--wit);
    background: var(--wp--preset--color--kh-groen);
}
.multisite-search-pagination .pagination-wrapper button.page-btn.next-btn:hover:after {
    background-color: var(--wp--preset--color--wit);
}

/* zoek in navigatiebalk  */

@media (min-width: 1061px) {
    body.home .nav-zoek {
        display: none;
    }
    .nav-zoek a {
        display: inline-block;
        text-decoration: none;
        width: 55px;
        height: 55px;
        overflow: hidden;
        text-indent: 55px;
        white-space: nowrap;
        line-height: 55px;
        text-align: center;
        font-size: 1.25rem;
        font-weight: 600;
        position: relative;
        padding: 0 !important;
        margin-right: -0.5rem;
        border-radius: 55px;
    }
    .nav-zoek a:after {
        content: '';
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        left: 50%;
        margin-left: -12px;
        top: 50%;
        margin-top: -12px;
        /* This will be the color of your icon */
        background-color: var(--wp--preset--color--wit);
        -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3C%21--%21%20Font%20Awesome%20Pro%206.5.1%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20%28Commercial%20License%29%20Copyright%202023%20Fonticons%2C%20Inc.%20--%3E%3Cpath%20d%3D%22M416%20208c0%2045.9-14.9%2088.3-40%20122.7L486.6%20441.4%20509.3%20464%20464%20509.3l-22.6-22.6L330.7%20376c-34.4%2025.2-76.8%2040-122.7%2040C93.1%20416%200%20322.9%200%20208S93.1%200%20208%200S416%2093.1%20416%20208zM208%20352a144%20144%200%201%200%200-288%20144%20144%200%201%200%200%20288z%22%2F%3E%3C%2Fsvg%3E");
        mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3C%21--%21%20Font%20Awesome%20Pro%206.5.1%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20%28Commercial%20License%29%20Copyright%202023%20Fonticons%2C%20Inc.%20--%3E%3Cpath%20d%3D%22M416%20208c0%2045.9-14.9%2088.3-40%20122.7L486.6%20441.4%20509.3%20464%20464%20509.3l-22.6-22.6L330.7%20376c-34.4%2025.2-76.8%2040-122.7%2040C93.1%20416%200%20322.9%200%20208S93.1%200%20208%200S416%2093.1%20416%20208zM208%20352a144%20144%200%201%200%200-288%20144%20144%200%201%200%200%20288z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
    }
    .nav-zoek a:hover {
        color: var(--wp--preset--color--wit);
        background: var(--wp--preset--color--kh-groen);
    }
    .nav-zoek a:hover:after {
        background-color: var(--wp--preset--color--wit);
    }
}