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

.wp-block-cke-cta {
	position: relative;
	padding-block: var(--wp--preset--spacing--7-5) var(--wp--preset--spacing--4-5);
	margin-inline: auto;
}

.wp-block-cke-cta > .acf-innerblocks-container {
	display: contents;
}

.wp-block-cke-cta > .acf-innerblocks-container > * {
	text-align: center;
	margin-block: unset;
}

.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-heading {
	font-size: var(--wp--preset--font-size--omega);
	line-height: .8;
}

.wp-block-cke-cta > .acf-innerblocks-container > .wp-block-cke-image-fan {
	position: absolute;
	top: 50%;
	text-align: unset;
	margin-inline: auto;
	translate: 0 -50%;
}

.wp-block-cke-cta > .acf-innerblocks-container > .wp-block-heading {
	user-select: none;
}

.wp-block-cke-cta > .acf-innerblocks-container > .wp-block-buttons {
	margin-block-start: var(--wp--preset--spacing--5-5);
}

/* Dark style variation */
.wp-block-cke-cta.is-style-dark {
	background-color: var(--wp--custom--color--default--text);
}

.wp-block-cke-cta.is-style-dark::before {
	content: '';
	position: absolute;
	top: 0;
	left: calc((var(--wp--custom--viewport-width) - 100%) / 2 * -1);
	width: var(--wp--custom--viewport-width);
	height: 100%;
	background-color: inherit;
	z-index: -1;
}

.wp-block-cke-cta.is-style-dark > .acf-innerblocks-container > .wp-block-heading {
	color: var(--wp--custom--color--default--accent);
	white-space: nowrap;
}

.wp-block-cke-cta.is-style-dark > .acf-innerblocks-container > .wp-block-buttons .wp-element-button {
	--text-color: var(--wp--custom--color--default--accent);
	--text-color-active: var(--wp--custom--color--default--text);
	--bg-color: var(--wp--custom--color--rgb-values--yellow);
	--arrow-svg: url(../../assets/images/arrow-light.svg);
	--arrow-bg-color: var(--wp--custom--color--rgb-values--astral-blue);
}

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

.wp-block-cke-cta.alt {
	padding-block: 0 var(--wp--preset--spacing--5);
}

.wp-block-cke-cta.alt:not([style*="margin-top"]) {
	margin-block-start: calc(var(--wp--preset--spacing--15) * 1.5) !important;
}

.wp-block-cke-cta.alt::before {
	content: '';
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-color: var(--wp--custom--color--default--text);
	border-radius: 40px;
	overflow: clip;
}

.wp-block-cke-cta.alt > .acf-innerblocks-container > * {
	position: relative;
	color: var(--wp--preset--color--white);
	margin-inline: auto;
	z-index: 1;
}

.wp-block-cke-cta.alt > .acf-innerblocks-container > :not(.wp-block-cke-image-fan) {
	max-width: 30%;
}

.wp-block-cke-cta.alt > .acf-innerblocks-container > * + * {
	margin-block-start: 1em;
}

.wp-block-cke-cta.alt > .acf-innerblocks-container > .wp-block-heading {
	color: var(--wp--custom--color--default--accent);
}

.wp-block-cke-cta.alt > .acf-innerblocks-container > .wp-block-cke-image-fan {
	position: relative;
	text-align: unset;
	margin-block-end: calc(var(--wp--preset--spacing--8-5) * -0.7) !important;
	margin-inline: auto;
	translate: 0 calc(var(--wp--preset--spacing--8-5) * -1);
}

.wp-block-cke-cta.alt > .acf-innerblocks-container > .wp-block-buttons .wp-element-button {
	--text-color: var(--wp--custom--color--default--accent);
	--text-color-active: var(--wp--custom--color--default--text);
	--bg-color: var(--wp--custom--color--rgb-values--yellow);
	--arrow-svg: url(../../assets/images/arrow-light.svg);
	--arrow-bg-color: var(--wp--custom--color--rgb-values--astral-blue);
}

/******************************/
/* Responsive
/******************************/
@media (width <= 1500px) {
	/* Alternative variation style */
	.wp-block-cke-cta.alt > .acf-innerblocks-container > :not(.wp-block-cke-image-fan) {
		max-width: 50%;
	}
}

@media (width <= 1400px) {
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan > .wp-block-image.small
																				{ width: 280px; min-width: 280px; max-width: 280px; }
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan > .wp-block-image.medium
																				{ width: 380px; min-width: 380px; max-width: 380px; }
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan > .wp-block-image.large
																				{ width: 500px; min-width: 500px; max-width: 500px; }
}

@media (width <= 1300px) {
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan > .wp-block-image.small
																				{ width: 240px; min-width: 240px; max-width: 240px; }
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan > .wp-block-image.medium
																				{ width: 320px; min-width: 320px; max-width: 320px; }
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan > .wp-block-image.large
																				{ width: 400px; min-width: 400px; max-width: 400px; }
}

@media (width <= 1200px) {
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan {
		margin-inline: 20% !important;
	}
}

@media (width <= 1000px) {
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan {
		margin-inline: 15% !important;
	}
	
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan > .wp-block-image.small
																				{ width: 220px; min-width: 220px; max-width: 220px; }
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan > .wp-block-image.medium
																				{ width: 280px; min-width: 280px; max-width: 280px; }
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan > .wp-block-image.large
																				{ width: 340px; min-width: 340px; max-width: 340px; }

	/* Alternative variation style */
	.wp-block-cke-cta.alt > .acf-innerblocks-container > :not(.wp-block-cke-image-fan) {
		max-width: calc(100% * (2/3));
	}
}

@media (width <= 800px) {
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan {
		translate: 0 -66%;
	}
	
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan > .wp-block-image.small
																				{ width: 200px; min-width: 200px; max-width: 200px; }
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan > .wp-block-image.medium
																				{ width: 240px; min-width: 240px; max-width: 240px; }
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan > .wp-block-image.large
																				{ width: 300px; min-width: 300px; max-width: 300px; }

	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan > .wp-block-image img {
		border: 8px solid var(--wp--preset--color--white);
	}
}

@media (width <= 700px) {
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan {
		margin-inline: 10% !important;
	}
}

@media (width <= 600px) {
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-heading {
		position: relative;
		left: 50%;
		width: max-content;
		font-size: calc(var(--wp--preset--font-size--omega) * .9);
		translate: -50%;
	}
	
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan {
		margin-inline: 5% !important;
		translate: 0 -60%;
	}
	
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan > .wp-block-image.small
																				{ width: 160px; min-width: 160px; max-width: 160px; }
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan > .wp-block-image.medium
																				{ width: 200px; min-width: 200px; max-width: 200px; }
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan > .wp-block-image.large
																				{ width: 240px; min-width: 240px; max-width: 240px; }
	
	/* Alternative variation style */
	.wp-block-cke-cta.alt > .acf-innerblocks-container > :not(.wp-block-cke-image-fan) {
		max-width: 75%;
	}
}

@media (width <= 500px) {
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan > .wp-block-image.small
																				{ width: 140px; min-width: 140px; max-width: 140px; }
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan > .wp-block-image.medium
																				{ width: 180px; min-width: 180px; max-width: 180px; }
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan > .wp-block-image.large
																				{ width: 200px; min-width: 200px; max-width: 200px; }
	
	/* Alternative variation style */
	.wp-block-cke-cta.alt {
		padding-block: 0 var(--wp--preset--spacing--2-5);
	}
	
	.wp-block-cke-cta.alt > .acf-innerblocks-container > :not(.wp-block-cke-image-fan) {
		max-width: 90%;
	}
}

@media (width <= 400px) {
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-cke-image-fan {
		margin-inline: unset !important;
	}
	
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-heading {
		font-size: calc(var(--wp--preset--font-size--omega) * .8);
	}
	
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-buttons {
		margin-block-start: calc(var(--wp--preset--spacing--5-5) * 1.5);
	}
}

@media (width <= 320px) {
	.wp-block-cke-cta:not(.alt) > .acf-innerblocks-container > .wp-block-heading {
		font-size: calc(var(--wp--preset--font-size--omega) * .75);
	}
}