/********************************************************/
/*
/*      Laureate projects CSS
/*
/********************************************************/
.wp-block-cke-laureate-projects,
:is(.edit-post-visual-editor, .editor-styles-wrapper) .is-root-container > .wp-block-cke-laureate-projects {
	width: 100% !important;
	max-width: var(--wp--style--global--wide-size) !important;
}

.wp-block-cke-laureate-projects,
.wp-block-cke-laureate-projects > :is(.project-filters, #project-items) {
	display: flex;
}

.wp-block-cke-laureate-projects,
.wp-block-cke-laureate-projects > #project-items {
	row-gap: var(--wp--preset--spacing--6-5);
}

.wp-block-cke-laureate-projects > :is(.project-filters, #project-items) {
	flex-wrap: wrap;
}

.wp-block-cke-laureate-projects {
	flex-direction: column;
	align-items: center;
	position: relative;
	margin-inline: auto;
	background-color: var(--wp--custom--color--default--text);
	padding: var(--wp--preset--spacing--7) var(--wp--preset--spacing--11) var(--wp--preset--spacing--6-5) var(--wp--preset--spacing--7-5);
	border-radius: 40px;
	box-sizing: border-box;
	overflow: clip;
}

.wp-block-cke-laureate-projects > #spinner {
	display: none;
	position: absolute;
	top: 25svh;
	left: 50%;
	translate: -50% 50%;
	filter: var(--wp--custom--color--filter--white);
	pointer-events: none;
}

.wp-block-cke-laureate-projects:has(.htmx-request) > #spinner {
	display: block;
}

.wp-block-cke-laureate-projects > .project-filters {
	justify-content: center;
	align-items: end;
	column-gap: var(--wp--preset--spacing--4-5);
	row-gap: var(--wp--preset--spacing--0-75);
	max-width: calc(100% * (2/3));
}

.wp-block-cke-laureate-projects > .project-filters > a,
.wp-block-cke-laureate-projects > #project-items > .project-item > :is(.project-candidate, .project-institute, .project-title),
.wp-block-cke-laureate-projects .no-content {
	color: var(--wp--custom--color--default--bg);
}

.wp-block-cke-laureate-projects > .project-filters > a {
	order: -1;
	cursor: pointer;
	user-select: none;
	transition: color .3s, font-size .3s .3s, font-weight .3s .3s;
}

.wp-block-cke-laureate-projects > .project-filters > a:is(:hover, :focus, .active) {
	color: var(--wp--custom--color--default--accent);
}

.wp-block-cke-laureate-projects:has(.htmx-request) > #project-items,
.wp-block-cke-laureate-projects > .project-filters > a.active {
	pointer-events: none;
}

.wp-block-cke-laureate-projects > .project-filters > a.active {
	font-size: var(--wp--preset--font-size--x-large) !important;
	font-weight: 900 !important;
	transition: color .3s, font-size .3s, font-weight .3s;
}

.wp-block-cke-laureate-projects > .project-filters > .project-year-introduction {
	width: 100%;
	max-height: 0px;
	text-align: center;
	opacity: 0;
	pointer-events: none;
	transition: max-height .3s, opacity .3s;
}

.wp-block-cke-laureate-projects:not(:has(.htmx-request)) > .project-filters > a.active + .project-year-introduction {
	max-height: 100%;
	opacity: 1;
	transition: max-height .3s .3s, opacity .3s .3s;
}

.wp-block-cke-laureate-projects > .project-filters > .project-year-introduction > * {
	color: var(--wp--custom--color--default--bg);
}

.wp-block-cke-laureate-projects > .project-filters > .project-year-introduction > h2:first-child {
	color: var(--wp--custom--color--default--accent);
}

.wp-block-cke-laureate-projects > #project-items {
	justify-content: space-between;
	column-gap: 20%;
	width: 100%;
}

.wp-block-cke-laureate-projects:has(.htmx-request) > #project-items {
	opacity: .5;
	pointer-events: none;
}

.wp-block-cke-laureate-projects > #project-items > .project-item {
	width: 38.5%;
	min-width: 38.5%;
	max-width: 38.5%;
}

.wp-block-cke-laureate-projects > #project-items > .project-item > * {
	margin-block: unset;
}

.wp-block-cke-laureate-projects > #project-items > .project-item > .capsule + .capsule {
	margin-block-start: var(--wp--preset--spacing--0-75);
}

.wp-block-cke-laureate-projects > #project-items > .project-item > .project-title {
	margin-block-start: var(--wp--preset--spacing--1-5);
}

.wp-block-cke-laureate-projects > #project-items > .project-item > .project-institute {
	line-height: 1.2;
}

.wp-block-cke-laureate-projects > #project-items > .project-item > .project-thumbnail {
	position: relative;
	margin-block-start: var(--wp--preset--spacing--2-5);
}

.wp-block-cke-laureate-projects > #project-items > .project-item > .project-thumbnail > img {
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 546/367;
	object-fit: cover;
	z-index: 2;
}

.wp-block-cke-laureate-projects > #project-items > .project-item > .project-thumbnail > img:not(:last-of-type) {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.wp-block-cke-laureate-projects > #project-items > .project-item > .project-thumbnail > img:nth-child(1) { rotate: -4deg; }
.wp-block-cke-laureate-projects > #project-items > .project-item > .project-thumbnail > img:nth-child(2) { rotate: 4deg; }

.wp-block-cke-laureate-projects > #project-items > .project-item > .project-candidate {
	margin-block-start: var(--wp--preset--spacing--3);
}

.wp-block-cke-laureate-projects > #project-items > .project-item > .wp-block-buttons {
	margin-block-start: var(--wp--preset--spacing--2);
}

.wp-block-cke-laureate-projects > #project-items > .project-item > .wp-block-buttons .wp-element-button {
	--arrow-bg-color: var(--wp--custom--color--rgb-values--astral-blue);
}

.wp-block-cke-laureate-projects .no-content {
	text-align: center;
}

/******************************/
/* Responsive
/******************************/
@media (width <= 1400px) {
	.wp-block-cke-laureate-projects {
		padding-inline: var(--wp--preset--spacing--5);
	}
	
	.wp-block-cke-laureate-projects > .project-filters {
		max-width: 80%;
	}
	
	.wp-block-cke-laureate-projects,
	.wp-block-cke-laureate-projects > #project-items {
		row-gap: var(--wp--preset--spacing--5);
	}
	
	.wp-block-cke-laureate-projects > #project-items {
		column-gap: 10%;
	}
	
	.wp-block-cke-laureate-projects > #project-items > .project-item {
		width: 45%;
		min-width: 45%;
		max-width: 45%;
	}
}

@media (width <= 1000px) {
	.wp-block-cke-laureate-projects {
		padding-block: var(--wp--preset--spacing--6);
		padding-inline: var(--wp--preset--spacing--4);
	}
}

@media (width <= 900px) {
	.wp-block-cke-laureate-projects > .project-filters {
		max-width: 90%;
	}
	
	.wp-block-cke-laureate-projects > #project-items > .project-item {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
}

@media (width <= 750px) {
	.wp-block-cke-laureate-projects > .project-filters {
		column-gap: var(--wp--preset--spacing--3);
		max-width: 100%;
	}
}

@media (width <= 500px) {
	.wp-block-cke-laureate-projects {
		width: var(--wp--custom--viewport-width);
		min-width: var(--wp--custom--viewport-width);
		max-width: var(--wp--custom--viewport-width);
		padding-block: var(--wp--preset--spacing--6);
		padding-inline: var(--wp--preset--spacing--2);
		border-radius: unset;
	}
	
	/* Override default Gutenberg style */
	.is-layout-constrained > .wp-block-cke-laureate-projects:where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		margin-left: calc(var(--wp--custom--outer-pad) * -1) !important;
	}
}