/* Young Impact template styling */
:where(body.page-template-young-impact) {
    h1 {
        margin-bottom: 0;
    }

    .wp-block-column.has-background {
        padding: 40px;
        border-radius: 32px;
    }

    .has-groot-font-size {
        font-size: 24px !important;
        line-height: 36px !important;
    }

    .fotoquote cite {
        display: flex;
        gap: 0px 80px;
        color: #727092;
        font-weight: bold;
        flex-wrap: wrap;
    }

    .fotoquote cite strong {
        color: #010040;
    }

    .wp-block-cover.is-style-young-impact-hero .wp-block-cover__inner-container {
        max-width: 1312px;
        width: 100%;
    }

    .contactcta {
        background: #EE8226 !important;
    }

    .contactcta h2 {
        color: #fff;
    }

    .contactcta p {
        color: #fff;
    }

    .uspsectie h2 {
        max-width: 360px;
    }

    h2 {
        font-size: 64px;
        line-height: 72px;
    }

    .is-style-young-impact-hero {
        align-items: flex-end;
    }

    .is-style-young-impact-hero .wp-block-column {
        position: relative;
        transition: all .2s ease-in-out;
    }

    .is-style-young-impact-hero h2 {
        font-size: 48px;
        line-height: 56px;
    }

    .is-style-young-impact-hero .wp-block-column.has-background:hover {
        transform: translateY(-10px);
    }

    .is-style-young-impact-hero .wp-block-column .wp-block-button__link:first-child:after {
        content: '';
        position: absolute;
        inset: 0;
    }

    .is-style-young-impact-hero .wp-block-cover__inner-container {
        margin-bottom: 60px;
    }

    .is-style-young-impact-hero .is-style-omlijnd .wp-block-button__link {
        color: #fff;
        border: 2px solid #fff;
    }

    .is-style-young-impact-hero .is-style-omlijnd .wp-block-button__link:hover {
        color: #fff;
        background: #19398a;
        border: 2px solid #19398a;
    }

    h2:has(+ .verhalennav) {
        max-width: 640px;
    }

    footer.footer {
        margin-top: 80px;
    }

    @media screen and (max-width: 930px) {
        .page-template-young-impact .wp-block-cover .wp-block-column.has-background {
            padding: 32px;
        }

        .is-style-young-impact-hero {
            height: calc(100dvh - 130px) !important;
        }

        .is-style-young-impact-hero .wp-block-cover__inner-container {
            margin-bottom: 0;
        }

        .is-style-young-impact-hero .wp-block-columns {
            gap: 20px;
        }

        .is-style-young-impact-hero .wp-block-button {
            margin-top: 0 !important;
        }

        .is-style-young-impact-hero .wp-block-column {
            margin-bottom: 0 !important;
        }

        .is-style-young-impact-hero .wp-block-column .wp-block-heading {
            font-size: 24px;
            line-height: 150%;
            margin-bottom: 16px !important;
        }

        h2 {
            font-size: 52px;
            line-height: 58px;
        }
    }

    @media screen and (max-width: 660px) {
        .page-template-young-impact .wp-block-cover .wp-block-column.has-background {
            padding: 20px 32px;
        }

        .is-style-young-impact-hero .wp-block-columns {
            margin-bottom: 20px;
        }

        .is-style-young-impact-hero .wp-block-column {
            display: flex;
            gap: 8px;
            justify-content: space-between;
            align-items: center;
        }

        .is-style-young-impact-hero .wp-block-column .wp-block-heading {
            font-size: 20px;
            margin-bottom: 0 !important;
        }

        h2 {
            font-size: 48px;
            line-height: 56px;
        }
    }

    @media screen and (max-width: 560px) {

        .is-style-young-impact-hero .wp-block-column {
            flex-direction: column;
            padding: 20px;
            text-align: center;
        }

        .is-style-young-impact-hero .wp-block-columns {
            gap: 8px;
        }

        .is-style-young-impact-hero .wp-block-buttons,
        .is-style-young-impact-hero .wp-block-button {
            width: 100%;
        }

        h2 {
            font-size: 32px;
            line-height: 38px;
        }
    }
}