/********************************************************/
/*
/*      Signature project CSS
/*
/********************************************************/
.wp-block-cke-signature-project {
	display: flex;
	flex-direction: column;
	align-items: center;
	/* justify-content: center; */
	position: relative;
	width: var(--wp--style--global--wide-size);
	max-width: var(--wp--style--global--wide-size) !important;
	padding-block: var(--wp--preset--spacing--7-5) var(--wp--preset--spacing--12);
	opacity: 1 !important;
}

.wp-block-cke-signature-project > * {
	margin-block: unset !important;
	opacity: 1;
}

.wp-block-cke-signature-project > :is(span, p) {
	position: absolute;
	left: 50%;
	font-family: var(--wp--preset--font-family--aeonik-fono);
	translate: -50% 0;
}

.wp-block-cke-signature-project > span {
	font-size: calc(var(--wp--preset--font-size--omega) * 1.6);
	line-height: .75;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--wp--preset--color--shady-lady-gray);
	transition: font-size .5s .25s cubic-bezier(0.35, 1, 0.875, 1), translate .5s .25s cubic-bezier(0.35, 1, 0.875, 1), opacity .3s .25s;
	z-index: -1;
}

.wp-block-cke-signature-project > span:first-of-type {
	top: var(--wp--preset--spacing--7-5);
	translate: -50% -90%;
}

.wp-block-cke-signature-project > span:last-of-type {
	bottom: var(--wp--preset--spacing--12);
	translate: -50% 90%;
}

.wp-block-cke-signature-project > p {
	bottom: 0;
	max-width: calc(100% * (2/3));
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1;
	font-weight: 400;
	text-align: center;
	color: var(--wp--preset--color--shady-lady-gray);
	transition: opacity .6s 1s;
}

.wp-block-cke-signature-project > .wp-block-cover {
	--wp--custom--inline-start-offset: 60%;
	
	width: calc(var(--wp--style--global--wide-size) * .6) !important;
	min-height: 55svh !important;
	margin-inline-start: unset !important;
	scale: 1;
	transition: scale 1s, opacity .3s;
}

.wp-block-cke-signature-project > .wp-block-cover > .wp-block-cover__inner-container > * {
	margin-block: unset;
}

.wp-block-cke-signature-project > .wp-block-cover > .wp-block-cover__inner-container > * + * {
	margin-block-start: 1em;
}

.wp-block-cke-signature-project > .wp-block-cover > .wp-block-cover__inner-container > :is(.project-title, .project-location) {
	max-width: 80%;
	font-weight: 400;
	color: var(--wp--custom--color--default--accent);
}

.wp-block-cke-signature-project > .wp-block-cover > .wp-block-cover__inner-container > .project-title {
	font-size: var(--wp--preset--font-size--large);
}

.wp-block-cke-signature-project > .wp-block-cover > .wp-block-cover__inner-container > .project-location {
	font-size: var(--wp--preset--font-size--medium);
}

.wp-block-cke-signature-project > .wp-block-cover > .wp-block-cover__image-background {
	scale: 1;
	transition: scale .6s;
}

.wp-block-cke-signature-project > .wp-block-cover:is(:hover, :focus, :active) > .wp-block-cover__image-background {
	scale: 1.0175;
}

/* Animation (frontend only) */
body:not(.wp-admin) {
	.wp-block-cke-signature-project:not(.active, .revealed) > :is(.wp-block-cover, span, p) {
		opacity: 0;
	}
	
	.wp-block-cke-signature-project:not(.active, .revealed) > span {
		font-size: calc(var(--wp--preset--font-size--omega) * 1.2);
		translate: -50% 0%;
	}
	
	.wp-block-cke-signature-project:not(.active, .revealed) > .wp-block-cover {
		scale: .75;
	}
}

/* Backend style */
body.wp-admin .wp-block-cke-signature-project > .wp-block-cover {
	width: 75% !important;
}

body.wp-admin .wp-block-cke-signature-project > .wp-block-cke-signature-project {
	display: contents;
}

body.wp-admin .wp-block-cke-signature-project > span {
	font-size: calc(var(--wp--preset--font-size--omega) * 1.6);
}

body.wp-admin .wp-block-cke-signature-project > span:first-of-type {
	translate: -50% -90%;
}

body.wp-admin .wp-block-cke-signature-project > span:last-of-type {
	translate: -50% 90%;
}

body.wp-admin .wp-block-cke-signature-project .acf-block-fields .acf-input {
	min-width: 300px !important;
}

/* Responsive */
@media (width <= 1600px) {
	.wp-block-cke-signature-project > .wp-block-cover {
		width: 70% !important;
	}
}

@media (width <= 1300px) {
	.wp-block-cke-signature-project > .wp-block-cover {
		width: 85% !important;
	}
}

@media (width <= 1000px) {
	.wp-block-cke-signature-project > .wp-block-cover {
		width: 95% !important;
	}
}

@media (width <= 850px) {
	.wp-block-cke-signature-project > .wp-block-cover {
		width: var(--wp--custom--viewport-width) !important;
		margin-inline: calc(var(--wp--custom--outer-pad) * -1) !important;
	}
}

@media (width <= 700px) {
	.wp-block-cke-signature-project > .wp-block-cover {
		min-height: 50svh !important;
	}
}

@media (width <= 600px) {
	.wp-block-cke-signature-project > span {
		font-size: calc(var(--wp--preset--font-size--omega) * 1.4);
	}
}

@media (width <= 500px) {
	.wp-block-cke-signature-project > .wp-block-cover {
		min-height: 45svh !important;
	}
	
	.wp-block-cke-signature-project > span {
		font-size: calc(var(--wp--preset--font-size--omega) * 1.3);
	}
}

@media (width <= 450px) {
	.wp-block-cke-signature-project > span {
		font-size: calc(var(--wp--preset--font-size--omega) * 1.2);
	}
}

@media (width <= 400px) {
	.wp-block-cke-signature-project > span {
		font-size: calc(var(--wp--preset--font-size--omega) * 1.1);
	}
}

@media (width <= 350px) {
	.wp-block-cke-signature-project > span {
		font-size: var(--wp--preset--font-size--omega);
	}
}

@media (width <= 300px) {
	.wp-block-cke-signature-project > span {
		font-size: calc(var(--wp--preset--font-size--omega) * .9)
	}
}