/* Add padding to elements with background color */
.has-background,
[class*="is-style-section-"] {
    padding: var(--wp--custom--global--spacing--padding--background);
    border-radius: var(--wp--custom--global--border--radius--base);
}

header {
    position: absolute;
    z-index: 999;
    width: 100%;
	.wp-block-navigation .current-menu-item{
		font-weight: 300;
	}
}

:where(.wp-site-blocks)>*,
.is-layout-constrained .alignfull {
    margin-block-start: 0px;
}

.has-donkergroen-background-color {
    color: #fff;

    & h1,
    & h2,
    & h3,
    & h4,
    & h5,
    & h6,
    & p {
        color: #fff;
    }

    & buton {
        color: #fff;
    }
}

.has-Lichtgrijs-background-color {

    & h1,
    & h2,
    & h3,
    & h4,
    & h5,
    & h6 {
        color: var(--wp--preset--color--donkergroen);
    }
}

.vacature-specificatie {
    gap: 8px;

    .wp-block-sowmedia-icon,
    wp-block-sowmedia-uren,
    wp-block-sowmedia-locatie {
        display: flex;
        flex-direction: column;
        justify-items: center;
        justify-content: space-around;
    }
}

.content-en-widget {
    display: block;
    position: relative;

    .content {
        width: 100%;
    }

    .widget {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: calc((100vw - (var(--wp--style--global--content-size) + 100px)) / 2);
        z-index: 10;
        padding: 24px;
        margin-top: 0 !important;

        .hoe-kan-ik-helpen {
            top: 72px;
        }
    }
}

.wp-block-group.is-vertical > .readmore-button{
	width:auto;
}
.vacature .wp-block-read-more {
    position: absolute;
    top: 0;
    color: transparent;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: -9999px;
    margin-top: 0px;
}
.single-post h1 + .entry-content p:first-of-type{
		margin-top: 24px;
		font-size: var(--wp--preset--font-size--large);
	}
.single-vacature-header {
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: calc((100vw - var(--wp--style--global--wide-size)) / 2);

    & h1,
    & h2 {
        font-weight: 600;
        color: #fff
    }

    & p {
        color: #fff
    }

    .wp-block-buttons {
        font-weight: 600;

        .wp-block-button:first-of-type .wp-element-button {
            background-color: var(--wp--preset--color--lightgroen);
            color: var(--wp--preset--color--donkergroen);
            border-color: var(--wp--preset--color--lightgroen);
        }

        .wp-block-button .wp-element-button {
            background-color: var(--wp--preset--color--donkergroen);
            color: var(--wp--preset--color--wit);
            border-color: var(--wp--preset--color--wit);
            border-width: 1px;
            border-style: solid;
            padding: 0.75rem 1.5rem;
            border-radius: 0 12px 12px 12px;
        }
    }
}

.lead-in-block {
    max-width: 75vw;
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: calc((75vw - 40px) - var(--wp--style--global--content-size));

    & h1,
    & h2,
    & h3,
    & h4,
    & h5,
    & h6 {
        font-weight: 600;
    }
}