/*
	Custom stylesheet door Stunned
*/


/* Studio Glitter edits */
.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');
}

.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;
	}
	
}



/* BuitenLanding landingspagina */
/* Keyframe animatie */
@keyframes infiniteSlideBuitenLanding {
	0% {
		background-position-x: 0px;
	}
	100% {
		background-position-x: -1885px;
	}
}

.animation-flipped {
	margin-top: -130px;
	margin-bottom: 70px;
}

.animation-overlay .column.one,
.animation-flipped .column.one {
	order: 2;
	background-size: cover !important;
	background-position-y: center !important;
	animation: infiniteSlideBuitenLanding 9s linear infinite !important;
}

.animation-overlay .column.two,
.animation-flipped .column.two {
	order: 1;
}

.animation-overlay {
	margin-bottom: 0 !important;
	margin-top: -160px !important;
}


/* Page header */
.buitenlanding-logo {
	max-width: 600px;
	margin: auto;
}

.buitenlanding-header h1 {
	margin-bottom: 0;
}

.buitenlanding-header .fg-white h1 {
	color: var(--w3-color-white) !important;
}


/* Slider */
.px-0 .w3-slider {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

main .collection.artiest .card,
main .collection.artiest .card-body,
main .collection.artiest .card img {
	background-color: transparent !important;
}

main .collection.artiest .card-body {
	padding: 3rem !important;
}


/* Overnachten op BuitenLanding */
.section-overnachten.grid-section .first-row .column.one {
	align-content: space-between;
}

.section-overnachten .collection.inspiration {
	column-count: 1;
}

.section-overnachten .collection.inspiration .card-subtitle {
	margin-top: auto !important;
	margin-bottom: 1rem !important;
}

.section-overnachten .column.one .collection.inspiration {
	padding: 10vh 5vw;
	text-align: left;
}

.custom-image-padding {
	padding-left: 5vw;
	padding-right: 5vw;
}

.container-with-overlay .column {
	position: relative;
}

	/* Mobile version */
	.section-overnachten-mobile {
		display: none;
	}


/* Image grid */
.grid-container-4-col .grid-container {
	gap: 1rem !important;
	padding-left: 1rem;
	padding-right: 1rem;
	grid-template-columns: repeat(4, minmax(9rem, 1fr)) !important;
}

.grid-container-4-col .grid-container .card,
.grid-container-4-col .grid-container .card-body {
	background-color: transparent !important;
}

.vector-overlay-grid {
	margin: 0 !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) !important;
	position: absolute;
}

.vector-overlay-grid img {
	width: 300px;
	height: auto;
}


/* Divider */
.bg-has-line {
	position: relative;
}

.bg-has-line::before {
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	content: " ";
	position: absolute;
	background-repeat: repeat-x;
	background-position: center;
	background: url('https://www.buitenland.com/media/buitenlanding-line-test.png');
}


/* Mobile CSS */
@media only screen and (max-width: 768px) {
	
	/* Keyframe animatie */
	.animation-overlay {
		margin-top: -1.5rem !important;
	}
	
	
	/* Page header */
	.buitenlanding-header {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	
	.buitenlanding-header .fg-white h1,
	.buitenlanding-header h3 span {
		color: var(--w3-color-primary) !important;
	}
	
	
	/* Overnachten op BuitenLanding */
	.section-overnachten {
		display: none;
	}
	
	.section-overnachten.section-overnachten-mobile {
		display: block;
	}
	
	.grid-section .container-two-columns .column.two.custom-padding {
		padding: 1.5rem !important;
	}
	
	.grid-section.section-overnachten-mobile .container-two-columns .column.two.custom-padding img {
		max-width: 100% !important;
	}
	
	.grid-section.section-overnachten-mobile .container-two-columns .column.two.custom-padding img {
		margin-bottom: 0 !important;
	}
	
}