#top-layout-c2c {
    /* -------------------------------------------------------------------------------------------------------
        VARIABLES
    ------------------------------------------------------------------------------------------------------- */

    --c2c-box-shadow-def: -5px 5px 0px var(--clr-brand-03-drk), 0px 6px 20px rgb(4 5 5 / 10%);
    --c2c-hdr-pdd: 24px;

    @media (min-width: 1100px) {
        --hdr-row-nav-h: 75px;
    }

    /* -------------------------------------------------------------------------------------------------------
        SMALL SCREENS ONLY
    ------------------------------------------------------------------------------------------------------- */

    @media (max-width: 800px) {
        & hero {
            > section {
                padding-block-end: unset !important;
                > .txw-page-hdr-inner {
                    margin-block-end: unset;
                }
            }
        }
    }
    @media (max-width: 1400px) {
        .txw-page-hdr {
            & .txw-brick-outr.txw-mask-shaper {
                align-self: center;
                transform: scale(1.15);
                transform-origin: 0% 60%;
                z-index: -1;
            }
        }
    }
    /* -------------------------------------------------------------------------------------------------------
        GLOBAL
    ------------------------------------------------------------------------------------------------------- */

    /* Boxed Content */
    & main *:is(.txw-box-flex, .txw-brick-outr, [class*="txw-tile-outr"]
              ):not(.txw-minimize, .txw-img-frame, .txw-slider, .txw-card
                   )::before {
        box-shadow: var(--c2c-box-shadow-def);
    }

    & main > .txw-box-full-w::before {
        height: unset; bottom: calc( -1 * max(var(--sec-divider-height), var(--sec-divider-min-height)) );
    }

    /* Sections */
    & main > .txw-box-full-w > section {
        padding-inline: clamp(20px, calc(7.5vw - 2.5px), 80px);
    }

    /* Buttons */
    & .txw-btns-container > .txw-button-accent {
        flex-grow: 1.2;
        @media (min-width: 1100px) { flex-grow: 2; }
    }
    & [class*='txw-button-icon'] > .txw-btn-icon {
        margin-inline: calc( 0.8 * var(--btn-icon-mrgn) );
    }
    & *:not(.page-numbers) > .txw-button-icon:has(.txw-btn-label + .txw-btn-icon) {
        padding-inline-end: unset;
    }
    & .txw-day, .txw-button-floating {
        --clr-text: #65726d;
    }
    & .txw-button-accent:not(.txw-buttons-merged),
        .txw-button-accent.txw-buttons-merged > * {
        --clr-btn-bg: var(--clr-brand-01);
    }
    & .txw-night .txw-button-lowkey {
        &::before { opacity: 1; }
        &:not(.txw-buttons-merged),
         .txw-night .txw-button-lowkey.txw-buttons-merged > * {
            --clr-btn-bg: var(--clr-brand-02-lgt);
        }
    }
    & [class*="txw-button-"]:not(.txw-button-outlined)::before {
        box-shadow: var(--c2c-box-shadow-def);
    }

    /* Text */
    & h1 {
        text-transform: capitalize;
        > plain { text-transform: none; }
    }
    & h2, h3, h4, h5, h6, [class*='s3xw-h'] { text-transform: capitalize; }

    & .wpcf7-not-valid-tip {
       background-color: #d43d0f;
    }
}
/* -------------------------------------------------------------------------------------------------------
    C2C DOELGROEP KLEUREN
   ------------------------------------------------------------------------------------------------------- */

body {
    &:is(.postid-2822, .term-jong-talent) {
        --clr-post-primary: var(--clr-brand-02-drk);   --clr-post-lighter: var(--clr-brand-02-drk);   --clr-post-bg: #F1F4EE;
        --clr-gradient-01: var(--clr-brand-02);        --clr-gradient-02: var(--clr-brand-02-lgt);    --clr-post-h1: var(--clr-brand-02-lgt);
        & #sec_hero, #sec_subscribe {
            &::after { background-image: url(/wp-content/uploads-m/c2c/svg/c2c_divider_tal.svg); }
        }
    }
    &:is(.postid-2929, .term-social-professionals) {
        --clr-post-primary: var(--clr-brand-03);       --clr-post-lighter: var(--clr-brand-03-lgt);   --clr-post-bg: var(--clr-brand-01-lgtr);
        --clr-gradient-01: var(--clr-brand-02-drk);    --clr-gradient-02: var(--clr-brand-02);        --clr-post-h1: var(--clr-brand-01);
        & #sec_hero, #sec_subscribe {
            &::after { background-image: url(/wp-content/uploads-m/c2c/svg/c2c_divider_pro.svg); }
        }
    }
    &:is(.postid-2934, .term-bedrijven) {
        --clr-post-primary: #491902;                --clr-post-lighter: #843414;                  --clr-post-bg: var(--clr-brand-01-lgtr);
        --clr-gradient-01: #843414;   --clr-gradient-02: #bc552b;                   --clr-post-h1: var(--clr-brand-01-lgt);
        
        & #sec_hero, #sec_subscribe {
            &::after { background-image: url(/wp-content/uploads-m/c2c/svg/c2c_divider_pro.svg); }
        }
    }
}

body:is(.single-doelgroep, .tax-deelnemer-type) {
    & hero {
        &::before {
            background-color: var(--clr-post-primary);
            background-image: linear-gradient(0deg, var(--clr-post-primary), var(--clr-post-lighter));
        }
        & .txw-mask-shaper.txw-brick-outr::before {
                background-image: linear-gradient(0deg, var(--clr-gradient-01), var(--clr-gradient-02));
        }
    }
    & hero, & featured, & footer {
        & h1, & .s3xw-h1 {
            > span { color: var(--clr-post-h1); }
        }
    }
    & main > .txw-box-full-w:is(:first-child,:last-child)::before {
        background-color: var(--clr-post-bg);
    }
}

body:is(.postid-2934, .term-bedrijven) #top-layout-c2c {
    & ul.txw-custom-bullets li {
        color: var(--clr-brand-01-lgtr);
        &::before { background-image: url(/wp-content/uploads-m/c2c/svg/c2c-checkmark-gold.svg); }
    }
    & .txw-button-lowkey::before { background-color: var(--clr-brand-01); }
    & .txw-button-accent::before { background-color: #FFA300; }
    & .txw-button-accent::before { background-color: var(--clr-brand-02); filter: brightness(1.2); }
}
        


/* -------------------------------------------------------------------------------------------------------
    C2C DATABASE
   ------------------------------------------------------------------------------------------------------- */

body.tax-deelnemer-type {
    & main > .txw-box-full-w:first-child > section {
        padding-block-start: 0;
        margin-block-start:-2rem;
    }
}

body:is(.single-deelnemer, .tax-deelnemer-type) featured,
body.single-deelnemer main {
    background-color: var(--clr-brand-03);
    &::before {
        content: ''; position: absolute;
        width: 100%; height: 100%;
        background-image: url(/wp-content/uploads-m/c2c/png/c2c-achtergrond.png);
        background-size: 500px;
        background-position: top center;
        opacity: 0.04;
    }
}
body:is(.single-deelnemer, .tax-deelnemer-type) featured {
    &::before {
        background-position: bottom center;
    }
    @media (min-width: 1100px) {
        & .txw-page-hdr-inner > .txw-s-line-flip { flex-direction: row-reverse; }
    }
}

.c2c-drie-beelden {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;

    > * {
        width: 0;
        flex-basis: 0;
        flex-grow: 1;
        min-height: 110px;
    }
}

.c2c-deelnemer-grid {
    --sidebar-single-w: clamp(180px, 15vw, 224px);
    --tile-padding: 30%;
    z-index: 0;

    & .c2c-deelnemer-card {
        overflow: unset;

        & [class*='txw-tile-outr']::before {
            box-shadow: var(--shp-box-shadow-def) !important;
        }
        & .txw-not-aside {
            padding: 20px 24px;

            .txw-post-card-excerpt {
                display: -webkit-box;
                -webkit-line-clamp: 2; /* aantal regels */
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }
    }


}
/*
body.single-deelnemer #top-layout-c2c {
    background-color: var(--clr-brand-03);
    &::before {
        content: ''; position: absolute;
        width: 100%; height: 100%;
        background-image: url(/wp-content/uploads-m/c2c/png/c2c-achtergrond.png);
        background-size: 500px;
        opacity: 0.04;
    }
    & main { background-color: unset; }
}
/* -------------------------------------------------------------------------------------------------------
    SITE HEADER
   ------------------------------------------------------------------------------------------------------- */

#top-layout-c2c header {

    & .txw-hdr-row-nav::before {
        background-color: var(--clr-brand-03);
        opacity: .95;
        transition: opacity 300ms ease-in-out;
    }
    &:not(.shrink) .txw-hdr-row-nav::before {
        opacity: 0;
    }
    @media (min-width: 1100px) {
        & .txw-hdr-row-nav::before { opacity: 1 !important; }
    }
    & section {

        & .txw-logo-wrapper {
            --logo-ratio-long: 6.81;
            --logo-ratio-short: 1;

            > picture { width: 100%; }
        }
        > .txw-menu-wrap {
            border-inline: 1px solid var(--clr-brand-03-drk);

            > .menu-main-container::after { box-shadow: unset; }

            & ul {
                margin-inline: var(--pdd-inline-responsive);
                justify-content: center;
                box-shadow: var(--c2c-box-shadow-def);

                @media (min-width: 1100px) { box-shadow: unset; }
            }
        }
        > .txw-hdr-nav-right {

            & .txw-cloud-icons {
                display: none;
                @media (min-width: 1100px) {
                    display: flex;
                }
            }
            .txw-menu-toggle {
                &::before {
                    content: ''; display: block;
                    position: absolute; top: 15%; left: 58%;
                    width: 345%; aspect-ratio: 1 / 1;
                    transform: translate(-50%, -50%) scaleX(-1);

                    background-color: var(--clr-brand-03-drk);
                    mask-image: url('/wp-content/uploads-m/c2c/svg/c2c-shape_01.svg');
                    mask-size: contain; mask-position: center; mask-repeat: no-repeat;

                    transition: background-color 300ms ease-in-out;
                }
                &.active::before {
                    background-color: var(--clr-brand-02);
                }
            }
        }
        @media (min-width: 1100px) {
            > *:not(.txw-logo-wrapper) {
                padding-bottom: calc( var(--hdr-row-nav-h) * var(--hdr-logo-fr) * 0.2 );
            }
        }
    }
    .current-menu-item > a {
        //position: static;
        //margin-left: var(--menu-font-size);
        //padding-left: 1ch;
        margin-left: var(--pdd-inline-responsive);
        padding-left: calc( var(--menu-font-size) + 1ch);
        pointer-events: none;

        &::before {
            content: ''; display: block;
            position: absolute; top: 50%; left: 0;
            transform: translateY(-50%) scaleX(-1);
            height: var(--menu-font-size); aspect-ratio: 1 / 1;
            pointer-events: none;

            background-color: currentColor;
            mask-image: url('/wp-content/uploads-m/c2c/svg/c2c-map_pin_map-pin.svg');
            mask-size: contain; mask-position: center; mask-repeat: no-repeat;
        }
    }
    .txw-icon-wrapper::before {
        border-radius: 50%;
        transform: translate(-50%, -50%) rotate(20deg) scaleY(1.15);
    }
    @media (min-width: 1100px) {
        max-width: var(--page-width); left: 50%; transform: translateX(-50%);

        padding: var(--c2c-hdr-pdd);
        padding-bottom: 0px;
        
    & .txw-hdr-row-nav::before {
        background-color: var(--clr-bckg-01);
        box-shadow: var(--c2c-box-shadow-def);
    }
        + * { padding-top: calc( var(--hdr-row-pre-h) + var(--hdr-row-nav-h) + var(--c2c-hdr-pdd) ); }
    }
}
/* -------------------------------------------------------------------------------------------------------
    PAGE HEADER
------------------------------------------------------------------------------------------------------- */
#top-layout-c2c {
    & .txw-page-hdr {
        & .txw-page-hdr-inner {
            align-items: unset;
            @media (min-width: 1100px) { padding-inline: 20px; }
        }
        & .txw-has-aside { align-items: center; }
    }
    & hero {

        & .txw-mask-shaper.txw-brick-outr {

            &::before {
                content: '';
                transform: scale(1.07);
                transform-origin: 85% 25%;
                opacity: .7;
                mask-repeat: inherit;
                mask-size: inherit;
                mask-position: inherit;
            }
            &.c2c-mask-shape-01::before {
                -webkit-mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_01.svg);
                mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_01.svg);
            }
            &.c2c-mask-shape-02::before {
                -webkit-mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_02.svg);
                mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_02.svg);
            }
            &.c2c-mask-shape-03::before {
                -webkit-mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_03.svg);
                mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_03.svg);
            }
            &.c2c-mask-shape-04::before {
                -webkit-mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_04.svg);
                mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_04.svg);
            }
        }
    }
    & featured {
        & .txw-page-hdr-inner {
            gap: var(--lcl-single-line);
            > .txw-s-line-flip h1 { align-content: center; }
        }
        & .txw-bc-container {
            align-items: flex-start;
            gap: 1ch;

            & .txw-bc-wrapper p {
                flex-wrap: wrap;
            }
        }
    }
}
/* -------------------------------------------------------------------------------------------------------
    CONTENT
------------------------------------------------------------------------------------------------------- */

#top-layout-c2c .c2c-profile-card {
    flex-direction: row;
    max-inline-size: calc( 1.25 * var(--measure) );
    padding-block: clamp(48px, 6vw, 64px);
    background-color: white;

    & .c2c-partner-logo {
        max-height: 60px;
    }
    & .txw-not-aside {
        --local-spacing-ver-l: calc(2 * var(--local-spacing-ver));
        align-items: flex-start;
        padding-inline-end: clamp(32px, 9%, 64px);


        > * {
            padding-inline-start: clamp(32px, 9%, 64px);
        }
        > img {
            max-height: 60px;
        }
        > .txw-stack-text {
            border-inline-start: 10px solid var(--clr-brand-01);

            & .txw-text-larger { font-weight: 500; }
        }
        .c2c-partner-contact {
            justify-content: center;
            flex-wrap: wrap;

            @media (min-width: 1100px) {
                width: 100%;
                justify-content: space-between;
            }

            & a {
                display: flex; flex-direction: column;
                min-width: 154px;
                text-align: center; font-style: italic;

                & .oxy-svg-icon > svg {
                    width: 2em; height: unset;
                    aspect-ratio: 1 / 1;
                    fill: var(--clr-brand-02-lgt);
                }
                &:hover .oxy-svg-icon > svg {
                    fill: var(--clr-brand-02);
                }
                & p {
                    display: inline-flex; justify-content: center;
                    //cursor: copy;

                    > span {
                        display: inline-block;
                        text-transform: none;
                        transition-property: transform, visibility;
                        transition-duration: 0.5s, 0s;
                        transition-delay: 0s, 0.5s;
                        transform-origin: center;
                        will-change: transform;
                    }
                }
                & p.trans-label > span {
                    transition-delay: 0.5s, 0s;
                }
                & p.trans-value {
                    position: absolute; top: 50%; left: 50%;
                    transform: translate(-50%, -50%);
                    > span {
                        transform: rotateY(90deg);
                        visibility: hidden;
                    }
                }
            }
            & a:hover p.trans-label > span {
                transform: rotateY(90deg);
                visibility: hidden;
                transition-delay: 0s, 0.5s;
            }
            & a:hover p.trans-value > span {
                transform: rotateY(0deg);
                visibility: visible;
                transition-delay: 0.5s;
            }
        }
    }
    & .txw-aside {
        flex-basis: 370px;
        overflow: clip;
        display: none;
        
        @media (min-width: 1100px) {
            display: flex;
        }
        & .txw-mask-shaper {
            transform: scale(1.5);
            transform-origin: top left;

            & img { transform: translateX(-25%); }
        }
    }
}

/* -------------------------------------------------------------------------------------------------------
    FOOTER
------------------------------------------------------------------------------------------------------- */

#top-layout-c2c footer {
    background-color: var(--clr-brand-03-drk);

    & .txw-footer-sec-content::before {
        background-image: url(/wp-content/uploads-m/c2c/svg/c2c_footer.svg);
        background-repeat: no-repeat;
        background-position: bottom;
    }

    & .txw-ftr-block-links {
        padding-inline-start: 24px;
        border-inline-start: 1px solid var(--clr-divider);
        > a { padding-inline-start: 9px; }
    }
}

/* -------------------------------------------------------------------------------------------------------
    STUFF
------------------------------------------------------------------------------------------------------- */

#top-layout-c2c {
    ul.txw-custom-bullets {
        display: flex; flex-direction: column;
        gap: calc( 0.2 * var(--lcl-single-line) );
        padding-inline-start: unset;
        padding-block: calc( 0.5 * var(--rt-single-line) );
        @media (min-width: 1100px) {
            padding-inline-start: var(--rt-single-line);
        }

        & li {
            position: relative;
            display: flex; align-items: flex-end;
            gap: calc( 0.2 * var(--lcl-single-line) );
            list-style: none;
            //padding-inline-start: calc( 1.5 * var(--lcl-single-line) );

            &::before {
                content: '';
                height: 1.75em; aspect-ratio: 1 / 1;
                background-image: url(/wp-content/uploads-m/c2c/svg/c2c-checkmark.svg);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
            }
        }
    }

    section[class*="txw-sec-divider"],
    .txw-box-full-w[class*="txw-sec-divider"] > section {
        &::before, &::after {
            width: 100vw;
        }
    }

    #sec_subscribe > .txw-s-line-flip {
        @media (min-width: 1100px) {
            flex-direction: row-reverse;
        }
    }
    #sec_intro {
        @media (max-width: 1000px) {
            & .txw-aside { display: none; }
        }
    }
    #sec_info {
        --sidebar-single-w: calc(var(--page-max-width) * 0.3);
        & .txw-aside > .txw-brick-outr {
            max-inline-size: min(calc(1 * var(--sidebar-single-w)), 100%);
            /*@media (max-width: 1000px) { margin-bottom: var(--local-spacing-ver); }*/
            &::before { box-shadow: var(--shp-box-shadow-def); }
        }
        &::after { background-image: url(/wp-content/uploads-m/c2c/svg/c2c_divider_usp.svg); }
    }

    #sec_usp::before { background-image: url(/wp-content/uploads-m/c2c/svg/c2c_divider_usp.svg); }

    & .txw-cards-row {

        & .txw-card {

            &::before {
                background-color: var(--clr-brand-01-lgt);
                border-radius: 50%; transform: rotate(4deg);
            }
            > * { padding: clamp(5rem, 13%, 7.2rem) !important; }
        }

        @media (min-width: 1100px) {  
            flex-wrap: wrap; align-items: flex-start; justify-content: center;
            gap: var(--local-spacing-ver) var(--local-spacing-hor);

            & .txw-card { width: 18em !important; }
        }

    }
    


    #sec_subscribe {
        & .txw-day {
            & form {
                & *:not(button) > input, textarea, select {
                    padding: 0.2em;
                    line-height: 1.2;
                    color: var(--clr-text);
                    background-color: var(--clr-brand-02-lgtr);
                    border: 1px solid var(--clr-text-head);
                    border-radius: 0px;
                }
            }
        }
    }
}
.c2c-highlight {
    font-family: var(--fnt-head-type);
    font-size: clamp(2.4rem, calc(2.2vw + 0.76rem), 4.6rem);
    font-weight: var(--fnt-head-wght-h2);
    line-height: 1.2;
    color: var(--clr-text);
}
.txw-mask-shaper.txw-brick-outr {
    &::before { content: unset; }
    & > * {
        mask-repeat: inherit;
        mask-size: inherit;
        mask-position: inherit;
    }
    &.c2c-mask-shape-01 > * { -webkit-mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_01.svg); mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_01.svg); }
    &.c2c-mask-shape-02 > * { -webkit-mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_02.svg); mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_02.svg); }
    &.c2c-mask-shape-03 > * { -webkit-mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_03.svg); mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_03.svg); }
    &.c2c-mask-shape-04 > * { -webkit-mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_04.svg); mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_04.svg); }
    &.c2c-mask-shape-05 > * { -webkit-mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_01-mirrored.svg); mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_01-mirrored.svg); }
    &.c2c-mask-shape-06 > * { -webkit-mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_02-mirrored.svg); mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_02-mirrored.svg); }
    &.c2c-mask-shape-07 > * { -webkit-mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_03-mirrored.svg); mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_03-mirrored.svg); }
    &.c2c-mask-shape-08 > * { -webkit-mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_04-mirrored.svg); mask-image: url(/wp-content/uploads-m/c2c/svg/c2c-shape_04-mirrored.svg); }
}