/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy-child
 */


/*	--- CUSTOM VARIABLES
	• wp:  WordPress
	• wpc: WordPress Customizer. Let op: Als er iets in de Customizer wordt aangepast, dan moet dat hieronder ook!
	• @media: Gebruik maken van Wordpress breakpoints
	  - max:    689.98px
	  - minmax: 690px / 999.89px
	  - min:    1000px
*/

:root {
	/* Customizer */
	--wpc-layout-max-breedte: 1400px;
	--wpc-layout-max-smalle-breedte: 700px;
	--wpc-layout-randafstand: 6vw; /* Niet uit Customizer, maar standaard small screen afstand */
	--wpc-layout-offset: 200px;
	--wpc-button-padding-horizontal: 1.5em;
	--wpc-button-padding-vertical: 1em;
	--wpc-button-radius: 5px;

	/* Breedte container en padding mbt body */
	--wp-content-width: calc(min(100%, 100vw) - (2 * var(--wpc-layout-randafstand)));
	--wp-body-padding: calc((min(100%, 100vw) - var(--wp-content-width)) / 2);

	/* Typografie */
	--wpc-font-family: 'Crimson Pro', serif;
	--wpc-font-size-p: 1em; /* In Customizer ingesteld met pixels, voor hier voldoet 1em */
	--wpc-font-size-h1: 2.5em;
	--wpc-font-size-h: 1.5em;

	--wpc-line-height-p: 1.4;
	--wpc-line-height-h: 1.1;

	--wpc-font-weight-p: 400;
	--wpc-font-weight-h1: 300;
	--wpc-font-weight-h: 300;

	/* Custom typografie, maar wordt ook gebruikt in Customizer bij Figcaption en buttons */
	--sans-font-family: 'Fira Sans', serif;
	--sans-font-size: 0.8em;
	--sans-line-height: 1.6;
	--sans-font-weight: 400;
	--hero-h1: 3em;
	--hero-quote: 1.5em;

	/* Custom CSS */
	--height-l: 80px;
	--height-m: 50px;
}


@media (min-width: 690px) and (max-width: 999.98px) {
	:root {
		/* Customizer */
		--wpc-layout-randafstand: 5vw;

		/* Typografie */
		--wpc-font-size-h1: 2.5em;
		--wpc-font-size-h: 1.5em;

		/* Custom typografie */
		--hero-h1: 2.5em;
		--hero-quote: 2em;

		/* Custom CSS */
		--height-l: 100px;
		--height-m: 60px;
	}
}

@media (min-width: 1000px) {
	:root {
		/* Customizer */
		--wpc-layout-randafstand: 5vw;

		/* Typografie */
		--wpc-font-size-h1: 2.5em;
		--wpc-font-size-h: 1.5em;

		/* Custom typografie */
		--hero-h1: 3em;
		--hero-quote: 2em;

		/* Custom CSS */
		--height-l: 120px;
		--height-m: 80px;
	}
}


/*	--- SPACERS */

.spacer-l {
	height: var(--height-l) !important;
	margin: 0 !important;
}

.spacer-m {
	height: var(--height-m) !important;
	margin: 0 !important;
}

.spacer-header {
	height: var(--header-sticky-height) !important;
	margin: 0 !important;
}

.spacer-title-kunstwerk {
	height: 120px !important;
	margin: 0 !important;
}

.hero-section:has(.spacer-title-kunstwerk) {
	margin-bottom: -120px !important;
	z-index: 1 !important;
}

.hero-section:has(.spacer-title-kunstwerk) + * {
	z-index: 2 !important;
	position: relative !important;
}


/*	TYPOGRAPHY */

h1, h2, h3, h4, h5, h6,
blockquote p {
	text-wrap: balance;
	hyphens: auto;
}

.hero-section blockquote {
	font-size: var(--wpc-font-size-h);
}

p > a {
	text-decoration: underline !important;
}

p > a:hover {
	text-decoration: none !important;
}

.sans-serif {
	font-family: var(--sans-font-family);
	font-size: var(--sans-font-size);
	line-height: var(--sans-line-height);
	font-weight: var(--sans-font-weight);
}

.text-balance {
	text-wrap: balance;
}

.hyphen {
	hyphens: auto;
}


/*	CONTENT BLOCKS: HOOKS */

[data-block^="hook"] {
	margin-bottom: 0 !important;
}	


/*	FOOTER */

.ct-footer {
	margin-top: var(--height-l);
}

.footer-stichting {
	max-width: 600px;
	margin: 0 !important;
}

.footer-stichting > * {
	text-wrap: balance;
}


/* --- FILTERS */

.ct-dynamic-filter {
	position: relative;
	padding: 20px 0 !important;
	margin-top: -20px !important;
}

.ct-dynamic-filter::before {
	content: '';
	position: absolute;
	left: -1000rem;
	right: -1000rem;
	top: 0;
	bottom: 0;
	background-color: var(--theme-palette-color-12);
	z-index: -1;
}


/*	ARCHIEF: KUNSTWERKEN (BERICHTEN) */

.blog .ct-dynamic-filter + .entries,
.archive .ct-dynamic-filter + .entries,
.search .entries {
	margin-top: var(--height-m);
}

.blog .entries,
.archive .entries,
.search .entries,
.ct-related-posts-container .entries {
	row-gap: 40px !important;
	column-gap: min(var(--wp-body-padding), 40px) !important;
}

.blog .entry-card,
.archive .entry-card,
.search .entry-card,
.ct-related-posts-container .entry-card {
	padding: 0 !important;
	display: block !important;
}

nav.ct-pagination {
	font-size: var(--sans-font-size) !important;
	font-weight: var(--sans-font-weight) !important;
	font-family: var(--sans-font-family) !important;
	line-height: var(--sans-line-height) !important;
	margin-top: 40px !important;
}

.page-numbers {
	font-size: 1em !important;
	text-transform: none !important;
	background-color: var(--theme-palette-color-11) !important;
	color: var(--theme-palette-color-5) !important;
	border: none !important;
	padding: var(--wpc-button-padding-vertical) var(--wpc-button-padding-vertical) !important;
	height: auto !important;
	width: auto !important;
	min-width: calc(var(--sans-line-height) * 1em) !important;
	box-sizing: content-box !important;
	line-height: var(--sans-line-height) !important;
}

.page-numbers:hover {
	background-color: var(--theme-palette-color-5) !important;
	color: var(--theme-palette-color-2) !important;
}

.page-numbers.current {
	background-color: var(--theme-palette-color-5) !important;
	color: var(--theme-palette-color-2) !important;
}

.page-numbers.next, .page-numbers.prev {
	padding: var(--wpc-button-padding-vertical) var(--wpc-button-padding-horizontal) !important;
}


/*	ARCHIEF: TIJDLIJN */

:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entries {
	margin-top: var(--height-m);
	max-width: calc(var(--wpc-layout-max-smalle-breedte) + (2 * var(--wpc-layout-offset))) !important;
	margin: auto !important;
	margin-top: var(--height-m) !important;
}

:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card {
	width: 100% !important;
	max-width: var(--wpc-layout-max-smalle-breedte) !important;
	margin: auto !important;	
}

:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] {
	max-width: 100% !important;
}

:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card .entry-meta li:first-child {
	text-transform: initial !important;
}

.ct-dynamic-filter a[href*="uitgelicht"] {
	display: none;
}


/*	Cards */

:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card:not([class*="uitgelicht"]) {
	padding: 15px 0 !important;
	border-bottom: 1px solid var(--theme-palette-color-10) !important;
}

:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card:not([class*="uitgelicht"]):first-child, 
:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] + .entry-card:not([class*="uitgelicht"]),
:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] + .entry-card:not([class*="uitgelicht"]) {
	border-top: 1px solid var(--theme-palette-color-10) !important;
}

:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card:not([class*="uitgelicht"]) .entry-meta,
:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card:not([class*="uitgelicht"]) .entry-title,
:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card:not([class*="uitgelicht"]) .entry-excerpt {	
	margin: 0 !important;
}

:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card:not([class*="uitgelicht"]) .entry-meta,
:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card:not([class*="uitgelicht"]) .entry-excerpt {	
	color: var(--theme-palette-color-3);
}

:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card:not([class*="uitgelicht"]) .entry-title {
	margin-top: 0.25em !important;
}


/*	Uitgelicht cards */

:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] {
	background-color: var(--theme-palette-color-4);
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}

:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] .entry-meta,
:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] .entry-title,
:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] .entry-excerpt {
	color: #FFFFFF;
}

:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] .entry-title {
	font-size: var(--wpc-font-size-h);
	line-height: var(--wpc-line-height-h);
	font-weight: var(--wpc-font-weight-h);
	margin-bottom: 0.25em !important;
}

:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] .entry-excerpt * {
	margin: 0 !important;
}

:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] .entry-excerpt .sans-serif {
	margin-top: 1em !important;
}

:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] .entry-meta {
	margin-bottom: 40px !important;
}

:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] .entry-meta li {
	background-color: var(--theme-palette-color-5);
	padding: 0.25em 0.5em !important;
	border-radius: 3px;
	color: var(--theme-palette-color-10);
}

:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] .entry-meta li::after {
	content: '';
	display: none;
}	

:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] .entry-excerpt a {
	color: var(--theme-palette-color-10);
}

:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] .entry-excerpt a:hover {
	color: var(--theme-palette-color-2);
}


/*	Uitgelicht cards - Small screens */

@media (max-width: 689.98px) {
	:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] {
		width: 100vw !important;
		max-width: 100vw !important;
		background-color: var(--theme-palette-color-4);
		padding: 40px var(--wp-body-padding) 0 var(--wp-body-padding) !important;
		margin-top: 40px !important;
		margin-bottom: 40px !important;
		margin-left: calc(var(--wp-body-padding) * -1) !important;
		margin-right: calc(var(--wp-body-padding) * -1) !important;
	}

	:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] figure {
		aspect-ratio: 3/2 !important;
		position: relative;
		width: 100vw !important;
		max-width: 100vw !important;
		margin-left: calc(var(--wp-body-padding) * -1) !important;
		margin-right: calc(var(--wp-body-padding) * -1) !important;
		margin-top: 40px !important;
	}

	:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] figure img {
		position: absolute;
		top: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		max-width: 100%;
		object-fit: cover;
		object-position: center center;
	}
}

/*	Uitgelicht cards - Big screens */

@media (min-width: 690px) {
	:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] {
		padding: 40px calc(50% + min(var(--wp-body-padding), 40px)) 40px min(var(--wp-body-padding), 40px) !important;
		border: 0px solid red;
		position: relative;
	}

	:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] .ct-media-container {
		position: absolute;
		left: 50% !important;
		right: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		width: 50% !important;
		max-width: 50% !important;
		height: 100% !important;
	}

	:is(.post-type-archive-gebeurtenis, .tax-gebeurtenis-categorie) .entry-card[class*="uitgelicht"] .ct-media-container img {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		aspect-ratio: auto !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center center;
	}
}

/*	KUNSTWERK */

.kunstwerk-hero {
	padding-top: var(--header-height) !important;
}

.kunstwerk-hero__meta {
	font-size: var(--sans-font-size) !important;
	font-weight: var(--sans-font-weight) !important;
	font-family: var(--sans-font-family) !important;
	line-height: var(--sans-line-height) !important;
	text-align: center;

}

.kunstwerk-hero__meta > * {
	display: inline !important;
	position: relative;
	width: auto !important;
}

.kunstwerk-hero__meta > *:not(:last-child)::after {
	content: ' ●';
	font-size: 0.35em;
	margin: 0 5px;
	position: relative;
    top: -0.1em;
    vertical-align: middle;
}

.kunstwerk-hero__meta a {
	text-decoration: underline;
}

.kunstwerk-hero__meta a:hover {
	text-decoration: none;
}

.kunstwerk-hero__meta .taxonomy-category a {
	color: inherit !important;
	pointer-events: none;
	text-decoration: none;
}

.kunstwerk-hero__featured {
	position: relative;
	z-index: 2;
}

.ct-related-posts-container {
	margin-top: var(--height-l);
}

@media (max-width: 689.98px) {
	.ct-related-posts-items {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.ct-related-posts-items article:nth-child(n + 3) {
		display: none !important;
	}
}

@media (min-width: 690px) and (max-width: 999.98px){
	.ct-related-posts-items {
		grid-template-columns: repeat(3, 1fr) !important;
	}

	.ct-related-posts-items article:nth-child(n + 4) {
		display: none !important;
	}
}

@media (min-width: 1000px) {
	.ct-related-posts-items {
		grid-template-columns: repeat(4, 1fr) !important;
	}
}


/*	--- HALF (text) HALF (img) */

.halfhalf {
	--width-half: calc(var(--wpc-layout-max-breedte) / 2);
	--width-small: calc(var(--wpc-layout-max-breedte) / 5 * 2);
	--width-large: calc(var(--wpc-layout-max-breedte) / 5 * 3);
	display: grid;
	background-color: var(--theme-palette-color-12);
}

.halfhalf *:not(a) {
	color: inherit;
}

.halfhalf__text {
	grid-area: text;
	padding: var(--height-l) 0 !important;
	margin: 0 !important;
	z-index: 2;
}

.halfhalf--hero .halfhalf__text {
	padding: var(--height-m) 0 !important;
}

.halfhalf__img {
	grid-area: img;
	margin: 0 !important;
	z-index: 1;
}

.halfhalf__img figure,
.halfhalf__img img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center center;
}

.halfhalf .wp-block-buttons {
	gap: 0.5em;
}

.halfhalf blockquote {
	font-size: var(--hero-quote);
}


/*	Smallest screens */

@media (max-width: 689.98px) {
	.halfhalf {
		grid-template-columns: var(--wp-body-padding) 1fr var(--wp-body-padding);
		grid-template-rows: auto auto;
		grid-template-areas: '. text .' 'img img img';
	}

	.halfhalf__img {
		grid-area: img;
		width: 100% !important;
		aspect-ratio: 4/3;
	}
}


/*	Smallest screens: Hero */

@media (max-width: 689.98px) {
	.halfhalf--hero {
		grid-template-rows: auto minmax(200px, 1fr);
		min-height: 100vh;
	}

	.halfhalf--hero .halfhalf__img {
		align-self: stretch;
		aspect-ratio: auto !important;
		margin-top: -58px !important;
	}

	.halfhalf--hero .halfhalf__text {
		padding-bottom: 0 !important;
	}

	.halfhalf--hero .halfhalf__img::after {
		content: '';
		background: linear-gradient(
			rgb(from var(--theme-palette-color-12) r g b / 1) 0%,
			rgb(from var(--theme-palette-color-12) r g b / 0.738) 19%,
			rgb(from var(--theme-palette-color-12) r g b / 0.541) 34%,
			rgb(from var(--theme-palette-color-12) r g b / 0.382) 47%,
			rgb(from var(--theme-palette-color-12) r g b / 0.278) 56.5%,
			rgb(from var(--theme-palette-color-12) r g b / 0.194) 65%,
			rgb(from var(--theme-palette-color-12) r g b / 0.126) 73%,
			rgb(from var(--theme-palette-color-12) r g b / 0.075) 80.2%,
			rgb(from var(--theme-palette-color-12) r g b / 0.042) 86.1%,
			rgb(from var(--theme-palette-color-12) r g b / 0.021) 91%,
			rgb(from var(--theme-palette-color-12) r g b / 0.008) 95.2%,
			rgb(from var(--theme-palette-color-12) r g b / 0.002) 98.2%,
			rgb(from var(--theme-palette-color-12) r g b / 0) 100%
		);
		color: white;		
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: -0.5px;
		height: min(100%, 200px);
	}
}	


/*	Larger screens */

@media (min-width: 690px) {
	.halfhalf {	
		grid-template-columns:
			minmax(var(--wp-body-padding), 1fr)
			minmax(auto, var(--width-large))
			minmax(auto, var(--width-small))
			minmax(var(--wp-body-padding), 1fr);
		grid-template-rows: 1fr;
		grid-template-areas: '. text img img';
		align-items: center;
	}

		.halfhalf--text-img {	
			grid-template-areas: '. text img img';
		}

		.halfhalf--img-text {
			grid-template-columns:
				minmax(var(--wp-body-padding), 1fr)
				minmax(auto, var(--width-small))
				minmax(auto, var(--width-large))
				minmax(var(--wp-body-padding), 1fr);
			grid-template-areas: 'img img text .';
		}

	.halfhalf__text {
		align-self: center;
		padding-left: 0px !important;
		padding-right: 40px !important;
	}

		.halfhalf--text-img .halfhalf__text {
			padding-left: 0px !important;
			padding-right: 40px !important;
		}

		.halfhalf--img-text .halfhalf__text {
			padding-left: 40px !important;
			padding-right: 0px !important;
		}

	.halfhalf__img {
		align-self: stretch;
		position: relative;
	}

	.halfhalf__img figure,
	.halfhalf__img img {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
	}

	.halfhalf__img img {
		object-fit: cover;
		object-position: center center;
	}

	.home .halfhalf--hero {
		min-height: 100vh;
	}

	.halfhalf--hero .halfhalf__img::after {
		content: '';
		background: linear-gradient(
			rgb(from var(--theme-palette-color-12) r g b / 1) 0%,
			rgb(from var(--theme-palette-color-12) r g b / 0.738) 19%,
			rgb(from var(--theme-palette-color-12) r g b / 0.541) 34%,
			rgb(from var(--theme-palette-color-12) r g b / 0.382) 47%,
			rgb(from var(--theme-palette-color-12) r g b / 0.278) 56.5%,
			rgb(from var(--theme-palette-color-12) r g b / 0.194) 65%,
			rgb(from var(--theme-palette-color-12) r g b / 0.126) 73%,
			rgb(from var(--theme-palette-color-12) r g b / 0.075) 80.2%,
			rgb(from var(--theme-palette-color-12) r g b / 0.042) 86.1%,
			rgb(from var(--theme-palette-color-12) r g b / 0.021) 91%,
			rgb(from var(--theme-palette-color-12) r g b / 0.008) 95.2%,
			rgb(from var(--theme-palette-color-12) r g b / 0.002) 98.2%,
			rgb(from var(--theme-palette-color-12) r g b / 0) 100%
		);
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: min(100%, 300px);
	}
}

@media (min-width: 1000px) {
	.halfhalf {	
		grid-template-columns: 
			minmax(var(--wp-body-padding), 1fr)
			minmax(1px, var(--width-half))
			minmax(1px, var(--width-half))
			minmax(var(--wp-body-padding), 1fr);
	}
}	


/*	Base color */

.halfhalf .wp-block-button a {
	background-color: var(--theme-palette-color-5);
	color: #FFFFFF;
}

.halfhalf .wp-block-button a:hover {
	background-color: var(--theme-palette-color-10);
	color: var(--theme-palette-color-4);
}

	.halfhalf .wp-block-button.button-secundary a {
		background-color: var(--theme-palette-color-10);
		color: var(--theme-palette-color-4);
	}

	.halfhalf .wp-block-button.button-secundary a:hover {
		background-color: var(--theme-palette-color-5);
		color: #FFFFFF;
	}


/*	Mos */

.halfhalf--mos {
	background-color: var(--theme-palette-color-4);
	color: #FFFFFF;
}

.halfhalf--mos p a {
	color: var(--theme-palette-color-10);
}

.halfhalf--mos p a:hover {
	color: inherit;
}

.halfhalf--mos .wp-block-button a {
	background-color: var(--theme-palette-color-10);
	color: var(--theme-palette-color-4);
}

.halfhalf--mos .wp-block-button a:hover {
	background-color: var(--theme-palette-color-5);
	color: #FFFFFF;
}

	.halfhalf--mos .wp-block-button.button-secundary a {
		background-color: var(--theme-palette-color-5);
		color: #FFFFFF;
	}

	.halfhalf--mos .wp-block-button.button-secundary a:hover {
		background-color: var(--theme-palette-color-10);
		color: var(--theme-palette-color-4);
	}


/*	Aubergine */	

.halfhalf--aubergine {
	background-color: var(--theme-palette-color-6);
	color: #FFFFFF;
}

.halfhalf--aubergine p a {
	color: var(--theme-palette-color-10);
}

.halfhalf--aubergine p a:hover {
	color: inherit;
}

.halfhalf--aubergine .wp-block-button a {
	background-color: var(--theme-palette-color-10);
	color: var(--theme-palette-color-6);
}

.halfhalf--aubergine .wp-block-button a:hover {
	background-color: var(--theme-palette-color-7);
	color: #FFFFFF;
}

.halfhalf--aubergine .wp-block-button.button-secundary a {
	background-color: var(--theme-palette-color-7);
	color: #FFFFFF;
}

.halfhalf--aubergine .wp-block-button.button-secundary a:hover {
	background-color: #FFFFFF;
	color: var(--theme-palette-color-7);
}


/*	Home */
@media (min-width: 1000px) {
	.home-intro :is(h1, h2, h3, h4, h5, h6) {
		font-size: var(--hero-h1);
		line-height: 1;
	}
}

.home-intro__lifespan {
	font-family: 'Fira Sans', serif;
	font-size: 1em;
	line-height: 1.6;
	font-weight: 400;
}

.home-intro > * {
	text-wrap: balance;
}


/*	--- GALLERY GIETERIJ */

@media (max-width: 689.98px) {
	.gallery-gieterij {
		grid-template-columns: repeat(2, 1fr) !important;
		grid-template-rows: repeat(3, 1fr) !important;
		width: max(100%, 100vw) !important;
	}
}

@media (minn-width: 690px) {
	.gallery-gieterij {
		grid-template-columns: repeat(3, 1fr) !important;
		grid-template-rows: repeat(2, 1fr) !important;
	}
}


/*	--- GALLERY OEVRE */

.gallery-oevre {
	display: grid;
	gap: min(20px, var(--wp-body-padding)) !important;
}

.gallery-oevre figure {
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
}

.gallery-oevre figure img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	object-fit: cover;
	object-position: 50% 50%;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

@media (max-width: 689.98px) {
	.gallery-oevre {
		grid-template-columns: repeat(5, 1fr);
		grid-template-rows: repeat(4, 1fr);
		aspect-ratio: 1/2;
	}

	.gallery-oevre figure:nth-child(1) {
		grid-column: 1/3;
		grid-row: 1/2;
	}

	.gallery-oevre figure:nth-child(2) {
		grid-column: 3/6;
		grid-row: 1/2;
	}

	.gallery-oevre figure:nth-child(3) {
		grid-column: 1/4;
		grid-row: 2/4;
	}

	.gallery-oevre figure:nth-child(4) {
		grid-column: 4/6;
		grid-row: 2/4;
	}

	.gallery-oevre figure:nth-child(5) {
		grid-column: 1/3;
		grid-row: 4/5;
	}

	.gallery-oevre figure:nth-child(6) {
		grid-column: 3/6;
		grid-row: 4/5;
	}

	.gallery-oevre figure:nth-child(7) {
		display: none;
	}
}

@media (min-width: 690px) {
	.gallery-oevre {
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(5, 1fr);
		aspect-ratio: 3/2;
	}

	.gallery-oevre figure:nth-child(1) {
		grid-column: 1/2;
		grid-row: 1/4;
	}

	.gallery-oevre figure:nth-child(2) {
		grid-column: 2/4;
		grid-row: 1/3;
	}

	.gallery-oevre figure:nth-child(3) {
		grid-column: 4/5;
		grid-row: 1/4;
	}

	.gallery-oevre figure:nth-child(4) {
		grid-column: 1/2;
		grid-row: 4/6;
	}

	.gallery-oevre figure:nth-child(5) {
		grid-column: 2/3;
		grid-row: 3/6;
	}

	.gallery-oevre figure:nth-child(6) {
		grid-column: 3/4;
		grid-row: 3/6;
	}

	.gallery-oevre figure:nth-child(7) {
		grid-column: 4/5;
		grid-row: 4/6;
	}
}


/*	--- GALLERY ATELIER */

.gallery-atelier {
	display: grid !important;
	gap: min(20px, var(--wp-body-padding)) !important;
}

.gallery-atelier figure {
	position: relative;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

.gallery-atelier figure img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	object-fit: cover;
	object-position: 50% 50%;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

@media (max-width: 689.98px) {
	.gallery-atelier {
		grid-template-columns: repeat(5, 1fr);
		grid-template-rows: repeat(4, 1fr);
		aspect-ratio: 1/2;
	}

	.gallery-atelier figure:nth-child(1) {
		grid-column: 1/3;
		grid-row: 1/2;
	}

	.gallery-atelier figure:nth-child(2) {
		grid-column: 3/6;
		grid-row: 1/2;
	}

	.gallery-atelier figure:nth-child(3) {
		grid-column: 1/4;
		grid-row: 2/4;
	}

	.gallery-atelier figure:nth-child(4) {
		grid-column: 4/6;
		grid-row: 2/4;
	}

	.gallery-atelier figure:nth-child(5) {
		grid-column: 1/3;
		grid-row: 4/5;
	}

	.gallery-atelier figure:nth-child(6) {
		grid-column: 3/6;
		grid-row: 4/5;
	}

	.gallery-atelier figure:nth-child(7) {
		display: none;
	}
}

@media (min-width: 690px) {
	.gallery-atelier {
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(2, 1fr);
		aspect-ratio: 2/1;
	}

	.gallery-atelier figure:nth-child(1) {
		grid-column: 1/2;
		grid-row: 1/2;
	}

	.gallery-atelier figure:nth-child(2) {
		grid-column: 2/3;
		grid-row: 1/1;
	}

	.gallery-atelier figure:nth-child(3) {
		grid-column: 3/5;
		grid-row: 1/2;
	}

	.gallery-atelier figure:nth-child(4) {
		grid-column: 1/3;
		grid-row: 2/3;
	}

	.gallery-atelier figure:nth-child(5) {
		grid-column: 3/4;
		grid-row: 2/3;
	}

	.gallery-atelier figure:nth-child(6) {
		grid-column: 4/5;
		grid-row: 2/3;
	}
}	


/*	--- FLIPBOOK OVERRIDES */

/*	Popup */

.wp-theme-blocksy .df-lightbox-close::before,
.wp-theme-blocksy .df-ui-btn::before {
	filter: initial !important;
	color: var(--theme-palette-color-3) !important;

}

.wp-theme-blocksy .df-lightbox-close:hover {
	background-color: transparent !important;
}

.wp-theme-blocksy .df-popup-thumb {
	width: 100% !important;
	margin: 0 !important;
}

/*	Thumbnail */

.df-popup-thumb,
.df-popup-thumb::before,
.df-popup-thumb::after,
.df-popup-thumb:hover,
.df-popup-thumb *,
.df-popup-thumb *::before,
.df-popup-thumb *::after,
.df-popup-thumb:hover * {
	transform: none !important;
    transition: none !important;
    box-shadow: none !important;
    filter: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: auto !important;
    display: block !important;
}

.df-popup-thumb img {
	display: block !important;
	aspect-ratio: 760/538 !important;
}

.df-popup-thumb .df-book-title,
.df-popup-thumb .df-book-page1,
.df-popup-thumb .df-book-page2 {
	display: none !important;
}

.boek-mos .df-popup-thumb .df-book-wrapper {
	background-color: var(--theme-palette-color-4) !important;
}

.boek-aubergine .df-popup-thumb .df-book-wrapper {
	background-color: var(--theme-palette-color-6) !important;
}

.boek-indigo .df-popup-thumb .df-book-wrapper {
	background-color: var(--theme-palette-color-8) !important;
}

.df-popup-thumb img.df-lazy {
 	opacity: 0 !important;
}