/*
	Custom stylesheet door Stunned
*/

.mobile-offset .container {
	padding-top: 80px;
}

.flip-order-mobile {
	padding-top: 2rem;
}

.sticky-section {
	overflow: unset !important;
}

.sticky-top {
	top: 80px;
	position: sticky;
}

.has-divider-top {
	position: relative;
}

.has-divider-top::before {
	top: 0;
	left: 50%;
	height: 4px;
	content: " ";
	position: absolute;
	width: calc(100% + 2rem);
	transform: translateX(-50%);
	background: url('https://www.buitenland.com/media/buitenland-lijn-zwart.svg') center / 100% 100% no-repeat;
}

.has-divider-bottom::after {
	bottom: 0;
	left: 50%;
	height: 4px;
	content: " ";
	position: absolute;
	width: calc(100% + 2rem);
	transform: translateX(-50%);
	background: url('https://www.buitenland.com/media/buitenland-lijn-zwart.svg') center / 100% 100% no-repeat;
}

.position-relative {
	position: relative;
}

.praatpaal {
	bottom: 0;
	left: 33.333%;
	position: absolute;
}

@media only screen and (max-width: 768px) {
	
	.mobile-offset .container {
		padding-top: 50px;
	}
	
	.praatpaal {
		bottom: 0;
		left: auto;
		position: relative;
	}
	
	.praatpaal img {
		object-fit: contain !important;
		max-height: 33.333vh !important;
	}
	
	.flip-order-mobile {
		padding-top: 0;
	}
	
	.flip-order-mobile .column.two {
		order: 1;
	}
	
	.flip-order-mobile .column.one {
		order: 2;
	}
	
}

.align-cols-center .container-holder {
	align-items: center;
}

.img-glitter {
	position: relative;
	-webkit-mask-image: url('https://www.buitenland.com/media/boxed.svg');
	mask-image: url('https://www.buitenland.com/media/boxed.svg');

	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;

	-webkit-mask-position: center;
	mask-position: center;

	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.img-glitter::before {
	inset: 0;
	z-index: 2;
	content: " ";
	position: absolute;
	background: url('https://www.buitenland.com/media/boxed-outline.svg') center / 100% 100% no-repeat;
}

.slider-workations .w3-slider {
	padding-bottom: 0 !important;
}

.slider-workations .w3-slider-wrapper {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.slider-workations .w3-slider-wrapper .card-body .card-caption {
	height: auto !important;
}

.slider-workations .w3-slider-wrapper .card-body .card-description {
	display: none !important;
}

.slider-workations .w3-slider-navs {
	top: 50% !important;
	bottom: auto !important;
	transform: translateY(-50%) !important;
	justify-content: space-between !important;
}


/* BuitenLand 10 jaar label */
.logo {
	position: relative;
}

.logo::before {
	top: 0;
	right: 0;
	width: 59px;
	height: 53px;
	content: " ";
	position: absolute;
	pointer-events: none;
	background-size: contain;
	transform: translate(25%, -33.333%);
	background-image: url(https://www.buitenland.com/media/buitenland-10-jaar-label.png);
}

@media only screen and (max-width: 767px) {
	.logo::before {
		top: 0;
		right: 0;
		width: 29px;
		height: auto;
		aspect-ratio: 59/53;
	}
}


/* Reviews */
.review-slider .w3-slider-wrapper {
	padding: 0 !important;
}

.review-slider .w3-slider-navs,
.review-slider .card-subtitle {
	display: none !important;
}

.review-slider .card-title {
	max-width: 100% !important;
	font-size: 28px !important;
	line-height: 1.1 !important;
}

.review-slider .card-title::before {
	width: 100%;
	display: flex;
	font-size: 16px;
	content: "⭐⭐⭐⭐⭐";
	margin-bottom: 0.5rem;
}

.review-slider .card-description p {
	font-size: 16px !important;
}

.review-slider .w3-slider-item:nth-child(4n + 1) .card {
	background-color: var(--w3-color-red);
}

.review-slider .w3-slider-item:nth-child(4n + 2) .card {
	background-color: var(--w3-color-sky);
}

.review-slider .w3-slider-item:nth-child(4n + 3) .card {
	background-color: var(--w3-color-yellow);
}

.review-slider .w3-slider-item:nth-child(4n + 4) .card {
	background-color: var(--w3-color-green);
}

.review-slider .w3-slider-item:nth-child(4n + 1) .card,
.review-slider .w3-slider-item:nth-child(4n + 4) .card,
.review-slider .w3-slider-item:nth-child(4n + 1) .card .card-description,
.review-slider .w3-slider-item:nth-child(4n + 4) .card .card-description {
	color: var(--w3-color-white);
}

.review-slider .nav-next,
.review-slider .nav-prev {
	cursor: pointer;
}


/* Studio Glitter edits */
.footer div.social-media ul.social-media {
	margin-top: 1rem;
	justify-content: flex-start !important;
}

.loader-overlay,
.card.card-overlay .card-title:after,
.collection.slider.orange-controls .card .card-title:before {
	display: none !important;
}

.collection.slider.orange-controls .w3-slider-navs,
.collection.slider.multi-colors .w3-slider-navs {
	bottom: 50% !important;
	transform: translateY(50%);
	justify-content: space-between;
}

.w3-slider-navs .nav-next,
.w3-slider-navs .nav-prev {
	width: 50px !important;
	height: 50px !important;
	font-size: 18px !important;
	border-radius: 0 !important;
}


.event-highlights-block .w3-slider.navs-active:not(.dots-active) {
	padding-top: calc(var(--w3-slider-navs-height));
	padding-bottom: calc(var(--w3-slider-navs-height));
}

.slider .w3-slider-item,
.event-highlights-block .w3-slider-item,
.event-highlights-block .w3-slider-item .card-image picture,
.inspiration.page-block .card-overlay,
.event_post_overview .content-section .collection.grid .grid-container .item,
.service-overview .grid-container .item { 
	padding: 0.333rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url('https://www.buitenland.com/media/buitenland-kader-zwart.svg');
	
	box-shadow: none !important;
}

.service-overview .grid-container .item:nth-child(4n + 1),
.slider .w3-slider-item:nth-child(4n + 1),
.event-highlights-block .w3-slider-item:nth-child(4n + 1),
.event-highlights-block .w3-slider-item:nth-child(4n + 1) .card-image picture {
	background-image: url('https://www.buitenland.com/media/buitenland-kader-zwart-2.svg');
}

.service-overview .grid-container .item:nth-child(4n + 2),
.slider .w3-slider-item:nth-child(4n + 2),
.event-highlights-block .w3-slider-item:nth-child(4n + 2),
.event-highlights-block .w3-slider-item:nth-child(4n + 2) .card-image picture {
	background-image: url('https://www.buitenland.com/media/buitenland-kader-zwart-3.svg');
}

.service-overview .grid-container .item:nth-child(4n + 3),
.slider .w3-slider-item:nth-child(4n + 3),
.event-highlights-block .w3-slider-item:nth-child(4n + 3),
.event-highlights-block .w3-slider-item:nth-child(4n + 3) .card-image picture {
	background-image: url('https://www.buitenland.com/media/buitenland-kader-zwart-4.svg');
}

.slider .w3-slider-item .card,
.slider .w3-slider-item .card.card-overlay .card-body,
.slider .w3-slider-item .card-image picture,
.event-highlights-block .w3-slider-item .card-image picture,
.event-highlights-block .w3-slider-item .card.card-event,
.inspiration.page-block .card-overlay .card-image picture,
.event_post_overview .content-section .collection.grid .grid-container .card,
.event_post_overview .content-section .collection.grid .grid-container .card-image picture {
	border-radius: 0;
}

.service-overview .grid-container .item,
.inspiration.page-block .card-overlay {
	padding: 0.5rem;
	display: flex;
}

.service-overview .grid-container .card-overlay,
.inspiration.page-block .card-overlay .card-image {
	width: 100%;
	flex: 1;
	height: auto;
}

.inspiration.page-block .card-overlay .card-body {
	margin: 0.5rem;
	border-radius: 0;
}

.row-accordion,
.grid-accordion .item,
.events .events-overview .events-group,
.events .events-overview .events-group-list-item {
	position: relative;
}

.row-accordion::before,
.grid-accordion .item::before,
.events .events-overview .events-group::before,
.events .events-overview .events-group-list-item:not(:first-child)::before {
	top: 0;
	left: 0;
	right: 0;
	height: 8px;
	content: " ";
	display: block;
	position: absolute;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('https://www.buitenland.com/media/buitenland-lijn-zwart.svg');
	
	transform: translateY(-50%);
}

.template-vacatures .row-accordion {
	overflow: visible !important;
}

.events .events-overview .events-group,
.events .events-overview .events-group-list-item:not(:first-child) {
	border-top: 0;
}

.events .events-overview .events-group-list-item:not(:first-child)::before {
	max-height: 4px;
}


/* Buttons */
.btn {
	text-decoration: none !important;
}

.btn.btn-primary,
.btn.btn-secondary {
	text-transform: uppercase;
}


/* Lists */
.wysiwyg p + ul {
	margin-top: -25px !important;
}


/* Hyperlinks aanpassen voor specifieke kleuren */
.template-vacatures .row-accordion p a,
.service_category_detail .bundle-overview-section .service-category-overview .item .card-content p a {
	text-decoration: underline;
}

.bg-blue.content-section p a,
.template-vacatures .row-accordion:nth-child(1) p a,
.template-vacatures .row-accordion:nth-child(8n+9) p a,
.template-vacatures .row-accordion:nth-child(2) p a,
.template-vacatures .row-accordion:nth-child(8n+10) p a,
.template-vacatures .row-accordion:nth-child(6) p a,
.template-vacatures .row-accordion:nth-child(8n+14) p a,
.template-vacatures .row-accordion:nth-child(7) p a,
.template-vacatures .row-accordion:nth-child(8n+15) p a,
.template-vacatures .row-accordion:nth-child(8) p a,
.template-vacatures .row-accordion:nth-child(8n+16) p a,
.service_category_detail .bundle-overview-section .service-category-overview .item:nth-child(1) .card-content p a,
.service_category_detail .bundle-overview-section .service-category-overview .item:nth-child(8n+9) .card-content p a,
.service_category_detail .bundle-overview-section .service-category-overview .item:nth-child(2) .card-content p a,
.service_category_detail .bundle-overview-section .service-category-overview .item:nth-child(8n+10) .card-content p a,
.service_category_detail .bundle-overview-section .service-category-overview .item:nth-child(5) .card-content p a,
.service_category_detail .bundle-overview-section .service-category-overview .item:nth-child(8n+13) .card-content p a,
.service_category_detail .bundle-overview-section .service-category-overview .item:nth-child(6) .card-content p a,
.service_category_detail .bundle-overview-section .service-category-overview .item:nth-child(8n+14) .card-content p a,
.service_category_detail .bundle-overview-section .service-category-overview .item:nth-child(7) .card-content p a,
.service_category_detail .bundle-overview-section .service-category-overview .item:nth-child(8n+15) .card-content p a,
.service_category_detail .bundle-overview-section .service-category-overview .item:nth-child(8) .card-content p a,
.service_category_detail .bundle-overview-section .service-category-overview .item:nth-child(8n+16) .card-content p a {
	color: var(--w3-color-white);
	text-decoration: underline;
}


/* Perskit landingspagina */
#presskit .container {
	margin-bottom: 2rem;
}

#presskit .container .column {
	padding: 3rem;
}

@media only screen and (max-width: 768px) {
	
	#presskit .container .column {
		padding: 1.5rem;
	}
	
}


@media only screen and (max-width: 768px) {
	
	footer .container-five-columns .container-holder .column.five {
		flex-direction: column;
		align-items: flex-start !important;
	}
	
	.review-slider .w3-slider-dots {
		display: none !important;
	}
	
	.review-slider .w3-slider.navs-active.dots-active {
		padding-bottom: 0 !important;
	}
	
}