/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* Default values for standard classes we use */
:root {
	--ws-border-radius: 10px;
}

body .color-white {
	color: #fff !important;
}

body .rounded, body .rounded * {
	border-radius: var(--ws-border-radius);
}

.copyright-bar {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
}

.copyright-bar p {
	margin-bottom: 0;
}

.subfooter-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.subfooter-container .subfooter-item {
	display: flex;
	gap: 25px;
	align-items: center;
}

.subfooter-container .subfooter-item__icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45px;
	height: 45px;
	background-color: white;
	border-radius: 10px;
}

.subfooter-container .subfooter-item_text {
	display: flex;
	flex-direction: column;
}

/* Alternative header */
body.ws-alternativeheader header#masthead {
	height: 450px;
	margin-bottom: -390px;
}

body .home-banner {
	mask-image: url("/wp-content/uploads/2025/05/home-banner-mask.png") !important;
	mask-repeat: no-repeat !important;
	mask-size: 1820px !important;
	mask-position: center 0 !important;
}


body .achterliggende-banner {
	mask-image: url("/wp-content/uploads/2025/05/project-banner-mask.png") !important;
	mask-repeat: no-repeat !important;
	mask-size: 1805px 100% !important;
	mask-position: center 0 !important;
	border-radius: 10px;
	position: relative;
}

body .achterliggende-banner > div {
	position: static;
}

body .achterliggende-banner > div::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.25);
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	border-radius: 10px;
}

a.ws-button {
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center;
	width: max-content;
	background-color: #A89E0C;
	color: #fff;
	padding: 13px 25px;
	mask-image: url("/wp-content/uploads/2025/05/button-mask.png");
	mask-size: cover;
	mask-position: bottom right;
	mask-repeat: no-repeat;
	transition: 150ms;
	font-size: 18px;
	font-weight: 600;
}

a.ws-button.ws-arrow::after {
	content: "";
	width: 15px;
	height: 15px;
	background: url("/wp-content/uploads/2025/05/arrow-button.png") no-repeat;
	background-size: cover;
}

a.ws-button.style-2 {
	background-color: #fff;
	color: #A89E0C;
}

/*#3B403A*/
a.ws-button:hover {
	background-color: #3B403A;
	color: #fff;
}

a.ws-button.ws-arrow:hover::after {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

a.ws-button-inline.ws-arrow {
	font-weight: 700;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	margin-top: -10px;
}

a.ws-button-inline.ws-arrow::after {
	content: "";
	width: 13px;
	height: 12px;
	background: url("/wp-content/uploads/2025/05/inline-arrow.png") no-repeat;
	background-size: cover;
	transition: 150ms;
}

a.ws-button-inline.ws-arrow:hover::after {
	filter: brightness(0) saturate(100%);
}

a.ws-button.centered {
	margin: 0 auto !important;
}

.ws_events-list, .ws_news-list {
	display: flex;
	flex-direction: column;
}

.ws_events-list .ws_event-item:not(:last-child), .ws_news-list .ws_news-item:not(:last-child) {
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(112, 112, 112, 0.2);
	margin-bottom: 20px;
}

.ws_events-list .ws_event-item > a, .ws_news-list .ws_news-item > a {
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center;
}

.ws_events-list .ws_event-item .ws_event-item__text, .ws_news-list .ws_news-item .ws_news-item__text {
	display: flex;
	flex-direction: column;
}

.ws_events-list .ws_event-item span.ws_event-item__number {
	display: flex;
	width: 48px;
	height: 48px;
	align-items: center;
	justify-content: center;
	border: 1px solid #A89E1B;
	border-radius: 50px;
	font-weight: bold;
	min-width: 48px;
}

.ws_news-list .ws_news-item span.ws_news-item__number {
	display: flex;
	width: 48px;
	height: 48px;
	align-items: center;
	justify-content: center;
	border: 1px solid #fff;
	border-radius: 50px;
	font-weight: bold;
	min-width: 48px;
}

.ws_events-list .ws_event-item > a span.ws_event-item__number {
	color: #A89E1B;
}

.ws_news-list .ws_news-item > a span.ws_news-item__number {
	color: #fff;
}

span.ws_event-item__title {
	color: #3B403A;
	font-weight: bold;
	font-size: 18px;
}

span.ws_news-item__title {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}

span.ws_event-item__location {
	color: #919191;
	font-size: 16px;
}

.ws_events-list .ws_event-item > a:hover span.ws_event-item__title,
.ws_events-list .ws_event-item > a:hover span.ws_event-item__location,
.ws_events-list .ws_event-item > a:hover span.ws_event-item__number {
	color: #A89E1B;
}

.ws_news-list .ws_news-item > a:hover span.ws_news-item__title,
.ws_news-list .ws_news-item > a:hover span.ws_news-item__number {
	color: #e1e1e1;
}

body .inspireert-bg {
	background-position: left top !important;
	position: relative;
}

body .inspireert-bg > div:first-child {
	position: static;
}

body .inspireert-bg > div:first-child::after {
	content: "";
	width: 299px;
	height: 392px;
	position: absolute;
	background: url("/wp-content/uploads/2025/05/inspireert.png") no-repeat;
	bottom: 0;
	left: 41vw;
}

.borderr-top img {
	border-radius: 10px 10px 0 0;
}

.borderr-bottom {
	border-radius: 0 0 10px 10px;
}

.kunnenhelpen-container h3 {
	margin-bottom: 0;
}

.kunnenhelpen-container h3::before {
	content: "";
	display: block;
	width: 22px;
	height: 3px;
	background-color: #A89E1C;
	margin-bottom: 10px;
}

body .success-mask {
	mask-image: url("/wp-content/uploads/2025/05/success-slider-mask.png") !important;
	mask-repeat: no-repeat !important;
	mask-size: 1804px !important;
	mask-position: center 0 !important;
	border-radius: 10px !important;
}

body .success-text h5 {
	text-transform: uppercase;
	font-size: 16px;
	color: #A89E0C;
	margin-bottom: 0;
}

body .success-text h2 {
	font-size: 30px;
}

body .success-text p {
	color: #3B403A;
}

body .success-text .success-quote {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
}

.success-slider button.slick-prev, .success-slider button.slick-next {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #F4F4F4;
	border-radius: 10px;
	border: 5px solid #A89E0C;
}

.success-slider button.slick-prev {
	left: -25px;
	margin-top: -12.5px;
}

.success-slider button.slick-next {
	right: -25px;
	margin-top: -12.5px;
}

.success-slider button.slick-prev:active, .success-slider button.slick-next:active {
	background-color: #A89E0C;
	border-color: #F4F4F4;
}

body .overflow-visible {
	overflow: visible !important;
}

.ws_projects-list {
	display: grid;
	flex-direction: row;
	gap: 30px;
}

.ws_projects-list a.ws_project-item__image img {
	width: 100%;
	height: 215px;
	object-fit: cover;
	border-radius: 10px;
	margin-bottom: -5px;
}

.ws_projects-list a.ws_project-item__image {
	position: relative;
	display: block;
}

.ws_projects-list .ws_project-item__image__arrow {
	position: absolute;
	display: flex;
	bottom: 10px;
	right: 10px;
	width: 43px;
	height: 25px;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 50px;
	z-index: 2;
}

.ws_projects-list h3.ws_project-item__title {
	font-size: 18px;
	margin-top: 10px;
}

.ws_projects-list p.ws_project-item__omschrijving {
	width: 100%;
	line-height: 1.2em;
	height: 3.6em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

a.ws_project-item__image:hover .ws_project-item__image__arrow {
	background-color: #A89E0C;
	transition: 150ms;
}

a.ws_project-item__image:hover .ws_project-item__image__arrow svg {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
	transition: 150ms;
}

.nieuwsbrief-container div#field_4_1 {
	grid-column: span 5;
	-ms-grid-column-span: 5;
	position: relative;
}

.nieuwsbrief-container div#gform_fields_4 {
	gap: 0;
	width: 75%;
	margin: auto;
	grid-template-columns: repeat(7, 1fr);
}

.nieuwsbrief-container div#field_4_1, .nieuwsbrief-container div#field_4_1 * {
	height: 100%;
}

.nieuwsbrief-container div#field_4_1 label {
	display: none;
}

.nieuwsbrief-container input[type=submit] {
	width: 100%;
	background-color: #A89E0C;
	font-weight: 600;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	height: 100%;

}

.nieuwsbrief-container input[type=submit]::placeholder {
	color: #BABABA;
}

.nieuwsbrief-container input[type=email] {
	border: 0;
	padding: 15px 25px !important;
	color: #3B403A;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.nieuwsbrief-container input[type=submit]:hover {
	background-color: #3B403A;
	transition: 150ms;
}

.nieuwsbrief-container .gform-footer.gform_footer.top_label {
	padding: 0;
	margin: 0;
}

.nieuwsbrief-container .validation_message {
	position: absolute;
	line-height: 30px !important;
}

/* Project page */
body.single-project .site.grid-container {
	max-width: 100%;
}

body.single-project .site-content {
	padding-left: 0;
	padding-right: 0;
}

.project__banner {
	display: block;
	padding: 0 50px;
	min-height: 519px;
	position: relative;
	height: 519px;
}

#project {
	position: relative;
	z-index: 1;
}

.project__banner__content {
	max-width: 1220px;
	margin: auto;
}

.project__banner__wrapper {
	height: 100%;
	mask-image: url("/wp-content/uploads/2025/05/project-banner-mask.png") !important;
	mask-repeat: no-repeat !important;
	mask-size: 1805px 100% !important;
	mask-position: center 0 !important;
	border-radius: 10px;
}

.project__banner__wrapper::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	border-radius: 10px;
}

.project__banner__content {
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

h1.project__banner_title {
	color: #fff;
	font-size: 84px;
	font-weight: bold;
	line-height: 84px;
}

.project__banner__content > * {
	flex: 1;
}

.project__banner__logo {
	text-align: right;
}

.content-padding {
	padding: 50px 40px 0;
}

.project__doel {
	background-color: #F4F4F4;
	border-radius: 10px;
	padding: 45px 250px;
	text-align: center;
}

h2.project__doel_title {
	font-size: 26px;
}

p.project__doel_text {
	font-size: 18px;
	margin-bottom: 0;
}

.project__doelstellingen {
	margin-top: 75px;
	display: flex;
	flex-direction: row;
	gap: 75px;
}

.project__doelstellingen_text {
	width: 60%;
}

.project__doelstellingen_image {
	width: 40%;
}

h2.project__doelstellingen_title {
	font-size: 26px;
	margin-bottom: 25px;
}

ul.project__doelstellingen__lijst {
	list-style: none;
	margin-left: 0;
	margin-bottom: 25px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

li.project__doelstellingen__lijst__item::before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: url("/wp-content/uploads/2025/05/inline-arrow.png") no-repeat;
	background-size: contain;
	min-width: 15px;
	margin-top: 5px;
}

li.project__doelstellingen__lijst__item {
	display: flex;
	flex-direction: row;
	gap: 25px;
	font-size: 18px;
}

.project__verloop {
	margin-top: 75px;
}

h2.project__verloop__title {
	font-size: 26px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 30px;
}

h2.project__verloop__title::after {
	content: "";
	display: block;
	background-color: rgb(112 112 112 / 30%);
	width: 100%;
	height: 1px;
}

span.project__verloop__title__text {
	flex: none;
}

.project__verloop__steps {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 30px;
	font-size: 18px;
	margin-top: 35px;
}

.project__verloop__step {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.project__verloop_heading {
	display: flex;
	flex-direction: row;
	gap: 15px;
	color: #3B403A;
	align-items: center;
}

.project__verloop__step__icon {
	display: flex;
	width: 52px;
	height: 52px;
	background-color: #A89E0C;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
}

.project__verloop__step__heading__text p {
	margin: 0;
}

p.project__verloop__step__count {
	font-weight: bold;
}

.project__participants_container {
	background-color: #A89E0C;
	margin-top: 50px;
}

.project__participants_container > div {
	padding-top: 85px;
	padding-bottom: 85px;
}

.project__participants__heading {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	align-items: flex-end;
	margin-bottom: 35px;
}

.project__participants__heading > a {
	flex: 23%;
}

.project__participants__heading p {
	margin-bottom: 0;
}

.project__participants {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.project__participant {
	display: flex;
	flex-direction: column;
}

.project__participant__text {
	background-color: #fff;
	padding: 20px 30px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.project__participant > picture img {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-bottom: -5px;
}

p.project__participant_name {
	font-size: 20px;
	font-weight: bold;
	color: #3B403A;
	margin-bottom: 10px;
}

p.project__participant_description {
	margin-bottom: 15px;
}

p.project__participant_description.short {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
}

span.project__read-more {
	color: #A89E0C;
	font-weight: 500;
	font-size: 16px;
	display: flex;
	align-items: baseline;
	gap: 7px;
	cursor: pointer;
	transition: 150ms;
}

span.project__read-more:hover {
	color: #3B403A;
}

span.project__read-more:hover svg {
	filter: brightness(0) saturate(100%) invert(22%) sepia(13%) saturate(309%) hue-rotate(64deg) brightness(90%) contrast(86%);
	transition: 150ms;
}

span.project__read-more svg.rotate {
	transform: rotate(180deg);
	transition: 150ms;
}

.project__whatwedo__container {
	display: flex;
	gap: 150px;
}

.project__whatwedo__container > div {
	flex: 1;
}

.project__whatwedo__items {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.project__whatwedo__item {
	display: flex;
	gap: 25px;
}

.project__whatwedo__item p {
	margin-bottom: 0;
}

p.project__whatwedo__item__title {
	font-weight: bold;
	color: #3B403A;
}

.project__whatwedo__text > h3 {
	margin-bottom: 15px;
}

.project__results__container {
	display: flex;
	flex-direction: row;
	margin-top: 50px;
	background-color: #3B403A;
	padding: 35px;
	border-radius: 10px;
	gap: 30px;
	align-items: center;
	position: relative;
}

.project__results__container::after {
	content: "";
	width: 159px;
	height: 239px;
	background: url("/wp-content/uploads/2025/06/persoon.png") no-repeat;
	background-size: cover;
	position: absolute;
	right: 20px;
	bottom: 0;
}

.project__results__container > div {
	flex: 50%;
}

.project__results__idea {
	background-color: #A89E0C;
	padding: 30px 40px;
	border-radius: 10px;
}

.project__results__text {
	padding: 0 40px;
}

p.project__results__idea__text {
	padding-right: 100px;
}

.project__participantlogos__container {
	margin-top: 50px;
}

.project__participantlogos {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 30px;
}

.project__eventsandnews__container {
	margin-top: 50px;
}

.project__eventsandnews__container {
	display: flex;
	gap: 30px;
	background-color: #F4F4F4;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 60px 60px 50px;
}

.project__eventsandnews__container > div {
	width: 50%;
}

#project .ws_news-list .ws_news-item > a span.ws_news-item__number {
	color: #A89E0C;
	border: 1px solid #A89E0C;
}

#project .ws_news-list .ws_news-item > a:hover span.ws_news-item__title {
	color: #A89E0C;
}

#project span.ws_news-item__title {
	color: #3B403A;
}

#project .ws_events-list .ws_event-item, #project .ws_news-list .ws_news-item {
	min-height: 72px;
}

.project__newsbrief__container {
	background: #3B403A;
	padding: 60px 260px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	text-align: center;
}

.project__newsbrief__container .gform-body {
	position: relative;
}

.project__newsbrief__container input[type=email] {
	padding: 15px 200px 15px 25px !important;
	border-radius: 5px;
}

.project__newsbrief__container #field_4_1 {
	grid-column: span 12;
	-ms-grid-column-span: 12;
}

.project__newsbrief__container #field_submit {
	position: absolute;
	right: 4px;
	top: 4px;
}

.project__newsbrief__container input[type=submit] {
	background-color: #A89E0C;
	border-radius: 5px;
	font-weight: 600;
	padding: 10px 45px;
}

.project__newsbrief__container input[type=submit]:hover {
	background-color: #3B403A;
	transition: 150ms;
}

.project__newsbrief__container .gform-footer {
	padding: 0 !important;
	margin-top: 15px;
}

.project__eventsandnews__container h3 {
	margin-bottom: 25px;
}

.ws_newest_project-item {
	display: flex;
	flex-direction: row;
	gap: 30px;
}

.ws_newest_project-item > * {
	width: 50%;
}

.ws_newest_project-item__image {
	position: relative;
}

.ws_newest_project-item__image img {
	height: 400px;
	object-fit: cover;
	margin-bottom: -5px;
}

.ws_newest_project-item__text {
	background-color: #F4F4F4;
	border-radius: 10px;
	padding: 45px 50px;
}

.ws_newest_project-item__text {
	background-color: #F4F4F4;
	border-radius: 10px;
	padding: 45px 50px;
	display: flex;
	flex-direction: column;
}

.ws_newest_project-item__omschrijving {
	margin-bottom: auto;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 9;
}

span.ws_project-item__category, span.ws_newest_project-item__category {
	position: absolute;
	bottom: 10px;
	left: 8px;
	background: #FFFFFF;
	padding: 5px 10px;
	border-radius: 5px;
	text-transform: uppercase;
	font-size: 13px;
	color: #A89E0C;
	z-index: 2;
	font-weight: 600;
}

.ws_project-item__image:has(.ws_project-item__category)::after, .ws_newest_project-item__image:has(.ws_newest_project-item__category)::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #3B403A;
	background: linear-gradient(180deg,rgba(59, 64, 58, 0) 0%, rgba(12, 13, 12, 0.6) 100%);
	z-index: 1;
	border-radius: 10px;
}

.ws_projects-list.projectspage_styling a.ws_project-item__image img {
	height: 183px;
	border-radius: 10px 10px 0 0;
}

.ws_projects-list.projectspage_styling .ws_project-item__image:has(.ws_project-item__category)::after {
	border-radius: 10px 10px 0 0;
}

.ws_projects-list.projectspage_styling .ws_project-item__text {
	background-color: #F4F4F4;
	padding: 10px 20px 20px;
	border-radius: 0 0 10px 10px;
}

.full-button-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.full-button-list > a {
	display: flex;
	width: 100%;
	height: 65px;
	align-items: center;
	gap: 40px;
	background-color: #F4F4F4;
	padding-right: 45px;
	border-radius: 10px 0 0 10px;
	mask-image: url("/wp-content/uploads/2025/06/fullbutton-mask.png");
	mask-repeat: no-repeat !important;
	mask-size: 582px 100% !important;
	mask-position: center right !important;
	color: #3B403A;
	font-weight: bold;
	font-size: 18px;
	transition: 150ms;
}

.full-button-list > a::after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: url("/wp-content/uploads/2025/05/inline-arrow.png") no-repeat;
	background-size: cover;
	margin-left: auto;
}

.full-button-list span.full-button-list__image {
	display: flex;
	height: 65px;
	width: 66px;
	background-color: #A89E0C;
	align-items: center;
	justify-content: center;
	border-radius: 10px 0 0 10px;
}

.full-button-list > a {
	display: flex;
	width: 100%;
	height: 65px;
	align-items: center;
	gap: 40px;
	background-color: #F4F4F4;
	padding-right: 45px;
	border-radius: 10px 0 0 10px;
}

.full-button-list > a:hover {
	background-color: #A89E0C;
	color: #fff;
	transition: 150ms;
}

.full-button-list > a:hover::after {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
	transition: 150ms;
}

.bij-elkaar-img img {
	width: 100%;
	height: 100%;
}

.ws_projects-load-more {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 20px;
	margin-top: 50px;
}

.ws-button--load-more {
	display: block;
	min-width: 130px;
	background-color: #A89E0C;
}

.ws-button--load-more:hover {
	background-color: #3B403A;
	transition: 150ms;
}

.ws_projects-load-more::after, .ws_projects-load-more::before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: rgba(112, 112, 112, 0.3);
}

.ws_medewerkers-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 30px;
	row-gap: 50px;
}

.ws_medewerker-item__image {
	background-color: #A89E0C;
	padding: 0 20px 40px;
	border-radius: 10px;
}

.ws_medewerker-item__text {
	background-color: #F4F4F4;
	padding: 25px 20px;
	border-radius: 10px;
	margin: -60px 20px 0;
	z-index: 2;
	position: relative;
}

h3.ws_medewerker-item__name {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0;
}

p.ws_medewerker-item__functie {
	font-size: 16px;
	color: #A89E0C;
	margin-bottom: 0;
}

.ws_medewerker-item__header {
	display: flex;
	flex-direction: row;
	margin-bottom: 15px;
}

.ws_medewerker-item__name-functie {
	flex: 1;
}

a.ws_medewerker-email {
	display: flex;
	width: 45px;
	height: 45px;
	background-color: #A89E0C;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	transition: 150ms;
}

a.ws_medewerker-linkedin {
	display: flex;
	width: 45px;
	height: 45px;
	background-color: #fff;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	transition: 150ms;
}

a.ws_medewerker-email svg {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
	transition: 150ms;
}

a.ws_medewerker-email:hover {
	background-color: #3B403A;
	transition: 150ms;
}

a.ws_medewerker-linkedin:hover {
	background-color: #3B403A;
	transition: 150ms;
}

a.ws_medewerker-email:hover svg, a.ws_medewerker-linkedin:hover svg {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
	transition: 150ms;
}

.ws_medewerker-item__contact {
	display: flex;
	flex-direction: row;
	gap: 8px;
}

div.ws_medewerker-item__omschrijving.short {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	max-height: 72px;
	margin-bottom: 10px;
}

span.ws_medewerker-item__readmore {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #A89E0C;
	font-weight: 600;
	cursor: pointer;
	width: max-content;
	transition: 150ms;
}

span.ws_medewerker-item__readmore svg {
	transform: rotate(180deg);
	margin-bottom: -3px;
	transition: 150ms;
}

span.ws_medewerker-item__readmore:hover {
	color: #3B403A;
}

span.ws_medewerker-item__readmore:hover svg {
	filter: brightness(0) saturate(100%) invert(22%) sepia(13%) saturate(309%) hue-rotate(64deg) brightness(90%) contrast(86%);
	transition: 150ms;
}

body .nieuwsbrief-wrapper div.gform_confirmation_message {
    text-align: center;
    font-weight: bold;
}

body .social-icons {
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: center;
}

body .social-icons > a {
	display: flex;
	background-color: rgb(255 255 255 / 30%);
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	transition: 150ms;
}

body .social-icons > a:hover {
	background-color: #3B403A;
}

.actueelgrid__textcontainer {
	background-color: #F4F4F4;
	border-radius: 0 0 10px 10px;
}

.actueelgrid__imagecontainer {
	border-radius: 10px 10px 0 0;
}

.actueelgrid__textcontainer .vc_col-sm-12 {
	padding: 10px 20px 20px !important;
}

.actueelgrid__title h3{
	font-size: 18px;
	margin-top: 10px;
}

.actueelgrid__excerpt > div {
	width: 100%;
	line-height: 1.2em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

.actueelgrid__button > a {
	background: none !important;
	border: 0 !important;
	color: #A89E0C !important;
	font-weight: 700;
	display: flex !important;
	flex-direction: row !important;
	gap: 10px !important;
	align-items: center !important;
	padding: 0 !important;
	font-size: 16px !important;
	transition: 150ms !important;
}

.actueelgrid__button > a::after {
	content: "";
	display: block;
	width: 13px;
	height: 12px;
	background: url("/wp-content/uploads/2025/05/inline-arrow.png") no-repeat;
	background-size: cover;
	transition: 150ms;
}

.actueelgrid__button > a:hover {
	color: #3B403A !important;
}

.actueelgrid__button > a:hover::after {
	filter: brightness(0) saturate(100%);
	transition: 150ms;
}

body .actueelgrid__button {
	margin-bottom: 0 !important;
}

body .actueelgrid__container .vc_grid-btn-load_more a {
	background-color: #A89E0C !important;
	font-weight: 600;
	font-size: 14px;
	transition: 150ms;
}

body .actueelgrid__container .vc_grid-btn-load_more a:hover {
	background-color: #3B403A !important;
	transition: 150ms;
}

body .ws_medewerker-item {
    overflow: hidden;
    min-width: 0;
}

body .borderr-bottom h4 {
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: 500;
}


/* Only desktop */
@media only screen and (min-width: 1280px) {
	#menu-hoofdmenu > li:last-child a {
		background: url("/wp-content/uploads/2025/05/contact-border.svg") no-repeat;
		background-size: contain;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 43px;
		margin-left: 15px;
	}

	#menu-hoofdmenu > li:last-child a::after {
		content: "";
		display: block;
		width: 15px;
		height: 14px;
		background: url("/wp-content/uploads/2025/05/contact-arrow.svg") no-repeat;
		background-size: contain;
		filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
		transition: 150ms;
	}

	#menu-hoofdmenu > li:last-child a:hover::after {
		filter: brightness(0) saturate(100%) invert(99%) sepia(4%) saturate(377%) hue-rotate(316deg) brightness(113%) contrast(76%);
	}
}

/* 110% size */
@media (min-width: 1701px) and (max-width: 1919px) {
	body .home-banner {
		min-height: 628px !important;
		mask-size: 1660px 100% !important;
		mask-position: center center !important;
	}
	body .achterliggende-banner {
		min-height: 519px !important;
		mask-size: 1632px 100% !important;
		mask-position: center center !important;
	}
	body .success-mask {
		mask-position: center right !important;
	}

	.project__banner__wrapper {
		mask-position: center right !important;
	}
}

/* Laptop L (120%) size */
@media (min-width: 1501px) and (max-width: 1700px) {
	body .home-banner {
		min-height: 558px !important;
		mask-size: 1460px 100% !important;
		mask-position: center center !important;
	}
	body .achterliggende-banner {
		min-height: 519px !important;
		mask-size: 1425px 100% !important;
		mask-position: center center !important;
	}
	body .success-mask {
		mask-size: 1804px 100% !important;
		mask-position: center right !important;
	}
	.project__banner__wrapper {
		mask-position: center right !important;
	}
}

/* Macbook screens size (1440x768) */
@media (min-width: 1401px) and (max-width: 1500px) {
	body .home-banner {
		min-height: 518px !important;
		mask-size: 1350px 100% !important;
		mask-position: center center !important;
	}
	body .achterliggende-banner {
		min-height: 519px !important;
		mask-size: 1321px 100% !important;
		mask-position: center center !important;
	}
	body .success-mask {
		mask-size: 1804px 100% !important;
		mask-position: center right !important;
	}
	.project__banner__wrapper {
		mask-position: center right !important;
		padding: 0 100px !important;
	}
}

/* Laptop S/M (150%) sizes */
@media (min-width: 1200px) and (max-width: 1400px) {
	body .home-banner {
		min-height: 458px !important;
		mask-size: 1220px 100% !important;
		mask-position: center center !important;
		border-left-width: 25px !important;
		border-right-width: 25px !important;
		padding-left: 75px !important;
		padding-right: 75px !important;
	}
	body .achterliggende-banner {
		min-height: 458px !important;
		mask-size: 1220px 100% !important;
		mask-position: center center !important;
		border-left-width: 25px !important;
		border-right-width: 25px !important;
		padding-left: 75px !important;
		padding-right: 75px !important;
	}
	body .success-mask {
		mask-size: 1804px 100% !important;
		mask-position: center right !important;
	}
	.project__banner__wrapper {
		mask-position: center right !important;
		padding: 0 100px !important;
	}
	h1.project__banner_title {
		font-size: 74px;
		line-height: 74px;
	}
}

/* Tablet/iPad landscape mode */
@media (min-width: 901px) and (max-width: 1199px) {
	body .home-banner {
		min-height: 418px !important;
		mask-size: 1110px 100% !important;
		mask-position: center center !important;
		border-left-width: 25px !important;
		border-right-width: 25px !important;
		padding-left: 100px !important;
		padding-right: 100px !important;
	}
	body .achterliggende-banner {
		min-height: 418px !important;
		mask-size: 1110px 100% !important;
		mask-position: center center !important;
		border-left-width: 25px !important;
		border-right-width: 25px !important;
		padding-left: 100px !important;
		padding-right: 100px !important;
	}
	body .success-mask {
		mask-size: 1809px 100% !important;
		mask-position: center right !important;
		padding-top: 75px !important;
		padding-bottom: 75px !important;
	}
	body .inspireert-bg > div:first-child::after {
		left: 36vw !important;
	}
	.project__banner__wrapper {
		mask-position: center right !important;
		padding: 0 100px !important;
	}
	.project__doelstellingen {
		gap: 35px;
	}
	.project__participants__heading > a {
		flex: 29%;
	}
	.project__whatwedo__container {
		gap: 50px;
	}
}

/* Tablet/iPad portrait mode */
@media (min-width: 501px) and (max-width: 900px) {
	/* Default tablet flex rules for WPBakery Rows. Use class tab-flexcol or tab-flexcol-rev on a row to have it below each other. */
	body .tab-flexcol {
		display: flex;
		flex-direction: column;
	}
	body .tab-flexcol-custom {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	body .tab-flexcol-rev {
		display: flex;
		flex-direction: column-reverse;
	}
	body .tab-flexcol > div, body .tab-flexcol-rev > div {
		width: 100%;
	}
	/* Footer */
	.subfooter-container {
		flex-wrap: wrap;
		row-gap: 20px;
	}
	.subfooter-container .subfooter-item {
		width: 50%;
	}
	body .tab-col12 {
		width: 100%;
	}
	body .tab-col4 {
		width: 33.33%;
	}
	body .tab-col6 {
		width: 50%;
	}
	body .home-banner {
		min-height: 488px !important;
		mask-size: 740px 100% !important;
		mask-position: center center !important;
		border-left-width: 25px !important;
		border-right-width: 25px !important;
		padding-left: 100px !important;
		padding-right: 100px !important;
		padding-bottom: 35px !important;
	}
	body .achterliggende-banner {
		min-height: 488px !important;
		mask-size: 740px 100% !important;
		mask-position: center center !important;
		border-left-width: 25px !important;
		border-right-width: 25px !important;
		padding-left: 100px !important;
		padding-right: 100px !important;
		padding-bottom: 35px !important;
	}
	body .success-mask {
		mask-size: 709px 100% !important;
		mask-position: center right !important;
		padding-top: 75px !important;
		padding-bottom: 75px !important;
	}
	body .success-mask > div > div {
		width: 100% !important;
	}
	body .tab-textcenter {
		text-align: center;
	}
	body .inspireert-bg > div:first-child::after {
		display: none;
	}
	body .tab-fullwidth, body .tab-fullwidth * {
		width: 100%;
	}
	body .ws_projects-list {
		flex-direction: column;
	}
	body .nieuwsbrief-container div#gform_fields_4 {
		width: 100%;
	}
	.project__banner__wrapper {
		mask-position: center left !important;
		padding: 0 75px !important;
	}
	.project__banner {
		min-height: 409px;
		height: 409px;
	}
	h1.project__banner_title {
		font-size: 64px;
		line-height: 64px;
	}
	.project__doel {
		padding: 45px 100px;
	}
	.project__verloop__steps {
		grid-template-columns: repeat(3, 1fr);
	}
	.project__participants__heading > a {
		flex: 73%;
	}
	.project__participants {
		grid-template-columns: repeat(1, 1fr);
	}
	.project__participant > picture img {
		width: 100%;
		height: 300px;
		object-fit: cover;
	}
	.project__whatwedo__container {
		gap: 35px;
	}
	.project__results__text {
		padding: 0;
	}
	.project__newsbrief__container {
		padding: 60px 50px;
	}
	body .ws_projects-list.projectspage_styling {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.full-button-list > a {
		mask-repeat: no-repeat !important;
		mask-size: 100% 100% !important;
		mask-position: center right !important;
	}
	body .ws_projects-load-more-enabled {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.ws_medewerkers-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Mobile general */
@media (max-width: 500px) {
	body .mob-flexcol {
		display: flex;
		flex-direction: column;
	}
	body .mob-flexcol-custom {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	body .mob-flexcol-rev {
		display: flex;
		flex-direction: column-reverse;
	}
	body .mob-flexcol > div, body .mob-flexcol-rev > div {
		width: 100%;
	}
	/* Footer */
	.subfooter-container {
		flex-direction: column;
		gap: 20px;
	}
	.subfooter-container .subfooter-item {
		width: 100%;
	}
	.copyright-bar {
		flex-direction: column;
		gap: 10px;
	}
	body .home-banner {
		min-height: 488px !important;
		mask-size: 390px 100% !important;
		mask-position: center center !important;
		border-left-width: 0 !important;
		border-right-width: 0 !important;
		padding-left: 65px !important;
		padding-right: 65px !important;
		padding-bottom: 35px !important;
	}
	body .achterliggende-banner {
		min-height: 488px !important;
		mask-position: center center !important;
		border-left-width: 0 !important;
		border-right-width: 0 !important;
		padding-left: 65px !important;
		padding-right: 65px !important;
		padding-bottom: 35px !important;
		mask-size: 140% 100% !important;
	}
	.home-banner h1 {
		font-size: 40px;
	}
	body .success-mask {
		mask-size: 709px 100% !important;
		mask-position: center right !important;
		padding: 0 !important;
		mask-image: none !important;
		background-image: none !important;
	}
	body .success-mask > div > div {
		width: 100% !important;
	}
	body .success-slider {
		padding: 0 !important;
	}
	.success-slider button.slick-next {
		right: -9px;
		border-width: 3px;
	}
	.success-slider button.slick-prev {
		left: -9px;
		border-width: 3px;
	}
	body .success-text {
		padding: 25px 35px !important;
	}
	h2 {
		font-size: 28px;
	}
	body .inspireert-bg > div:first-child::after {
		display: none;
	}
	body .ws_projects-list {
		flex-direction: column;
	}
	body .nieuwsbrief-container div#gform_fields_4 {
		width: 100%;
	}
	body .nieuwsbrief-container div#field_4_1 {
		grid-column: span 7;
		-ms-grid-column-span: 7;
	}
	body .nieuwsbrief-container input[type=email] {
		border-radius: 8px 8px 0 0 !important;
		text-align: center;
	}
	body .nieuwsbrief-container input[type=submit] {
		border-radius: 0 0 8px 8px !important;
	}
	body .nieuwsbrief-wrapper {
		padding: 25px 15px !important;
	}
	.project__banner {
		min-height: 509px;
		height: 509px;
	}
	h1.project__banner_title {
		font-size: 44px;
		line-height: 44px;
		margin-bottom: 35px;
	}
	.project__doel {
		padding: 35px;
	}
	.project__verloop__steps {
		grid-template-columns: repeat(1, 1fr);
	}
	.project__participants__heading > a {
		flex: 100%;
		width: 100%;
		justify-content: space-between;
	}
	.project__participants {
		grid-template-columns: repeat(1, 1fr);
	}
	.project__participant > picture img {
		width: 100%;
		height: 300px;
		object-fit: cover;
	}
	.project__whatwedo__container {
		gap: 35px;
	}
	.project__results__text {
		padding: 0;
	}
	.project__newsbrief__container {
		padding: 60px 50px;
	}
	p.project__results__idea__text {
		padding-right: 0;
	}
	.project__results__container::after {
		display: none;
	}
	.project__results__idea > a {
		width: 100%;
	}
	.project__results__idea > a::after {
		width: 30px !important;
	}
	.project__participantlogos {
		grid-template-columns: repeat(2, 1fr);
	}
	.project__eventsandnews__container {
		padding: 35px 35px 25px;
	}
	.project__newsbrief__container {
		padding: 35px 35px;
	}
	.project__newsbrief__container #field_submit {
		position: relative;
		margin-top: -20px;
		grid-column: 1 / 24;
		margin-right: -5px;
		margin-left: 5px;
	}
	.project__newsbrief__container input[type=submit] {
		width: 100%;
	}
	.project__newsbrief__container input[type=email] {
		padding: 15px 25px 15px 25px !important;
	}
	.project__banner {
		min-height: 509px;
		height: 509px;
		padding: 0;
	}
	.project__banner__wrapper {
		mask-position: center left !important;
		padding: 75px !important;
		text-align: center;
	}
	.project__banner__logo {
		display: flex;
		justify-content: center;
	}
	body .ws_projects-list.projectspage_styling {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.full-button-list > a {
		mask-repeat: no-repeat !important;
		mask-size: 100% 100% !important;
		mask-position: center right !important;
	}
	body .ws_projects-load-more-enabled {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	body .ws_newest_project-item {
		flex-direction: column;
		gap: 0;
	}
	body .ws_newest_project-item > * {
		width: 100%;
	}
	body .ws_newest_project-item__text {
		padding: 10px 20px 20px;
		border-radius: 0 0 10px 10px;
	}
	.ws_newest_project-item__image img {
		height: 180px;
		border-radius: 10px 10px 0 0 !important;
	}
	body .ws_newest_project-item__image:has(.ws_newest_project-item__category)::after {
		border-radius: 10px 10px 0 0 !important;
	}
	h3.ws_newest_project-item__title {
		font-size: 18px;
		margin-top: 10px;
	}
	p.ws_newest_project-item__omschrijving {
		margin-bottom: 25px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}
	.ws_medewerkers-list {
		grid-template-columns: repeat(1, 1fr);
	}
	body.home .ws_projects-list {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	nav#site-navigation {
		background-color: #A89E0C;
	}
}

/* iPhone X en kleiner */
@media (max-width: 380px) {}