@font-face{
    font-family: 'fkscreamer';
    src: url('../fonts/FKScreamer-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

html:has(.page-template-template-connect-2030) {
	--connect--border: 1.5rem;
	--wp--preset--font-size--large: clamp(4rem, calc(4rem + ((10vw - 0.5rem) * 0.196)), 6.4rem) !important;
	--wp--preset--font-size--x-large: clamp(6rem, calc(6rem + ((18vw - 0.5rem) * 0.196)), 9.6rem) !important;
	--wp--style--global--content-size: 154rem;
	background: none;
}

.page-template-template-connect-2030 {
	box-shadow: none;
	line-height: 1.3;
	max-width: none;
}


.page-template-template-connect-2030 .header__logo {
	position: absolute;
	margin-left: -7vw;
	top: 0;
	z-index: 2;
}

@media screen and (max-width: 1700px) {
	.page-template-template-connect-2030 .header__logo {
		margin-left: -58px;
	}
}

@media screen and (max-width: 1560px) {
	.page-template-template-connect-2030 {
		--wp--style--global--content-size: calc(100% - 2rem);
	}
	.page-template-template-connect-2030 .header__logo {
		margin-left: -4rem;
	}
}

.page-template-template-connect-2030 .header__logo svg {
	fill: #FFF;
	height: auto;
	width: 232px;
}
.page-template-template-connect-2030 .header__logo .square {
	fill: transparent;
}
.page-template-template-connect-2030 .header__logo .slug {
	fill: #fbe216;
}

.page-template-template-connect-2030 .wp-block-cover.alignfull {
	margin-left: calc(50% - 50vw);
	width: 100vw;
}

.page-template-template-connect-2030 .wp-block-cover.alignfull .wp-block-cover__background {
	background: linear-gradient(77.3deg, #000000 14.25%, rgba(0, 0, 0, 0.09) 53.33%, rgba(255, 255, 255, 0) 77.79%) !important;
	opacity: 1;
}

.page-template-template-connect-2030 .wp-block-cover__inner-container {
	bottom: 8vw;
	position: absolute;
}

.page-template-template-connect-2030 h1,
.page-template-template-connect-2030 h2{
	font-weight: 900;
	line-height: 100%;
}

.page-template-template-connect-2030 h1 {
	margin-bottom: 0.25em;
}

.page-template-template-connect-2030 .wp-block-cover.alignfull p {
	font-size: clamp(1.8rem, calc(2rem + ((1vw - 0.5rem) * 0.196)), 2.4rem);
	width: 440px;
}

.page-template-template-connect-2030 .wp-block-buttons {
	gap: 2rem;
}

.page-template-template-connect-2030 .wp-block-button {
	border-radius: var(--connect--border);
	font-size: 3.2rem !important;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.contenu--connect2030 {
	margin-top: 80px;
}

.contenu--connect2030 p {
	font-size: clamp(1.8rem, calc(1.8rem + ((1vw - 0.5rem) * 0.196)), 2.4rem);
}

.contenu--connect2030 .wp-block-separator {
	border-color: #000;
	width: 254px;
}

.wp-block-group:has(> .is-style-title-cesi-underline) {
	text-align: center;
}

.contenu--connect2030 h2.is-style-title-cesi-underline {
	display: inline-block;
	margin: 0.5em 0 1em 0;
}

/* Souligné jaune calé sur le contenu du titre (1er mot) et non sur le bloc h2.
   On désactive la bande ancrée au <h2> (pleine largeur) et on la réancre sur
   le <span> qui entoure exactement le texte (déjà en position: relative). */
.contenu--connect2030 .is-style-title-cesi-underline::before {
	content: none;
}

.contenu--connect2030 .is-style-title-cesi-underline span::before {
	background: #fbe216;
	border-radius: var(--connect--border);
	bottom: 0;
	content: "";
	height: 1rem;
	left: 0;
	position: absolute;
	width: 12rem;
	z-index: -1;
}

.contenu--connect2030 .wp-block-group .wp-block-image {
	border-radius: var(--connect--border);
	overflow: hidden;
}

.contenu--connect2030 .wp-block-group .wp-block-image + .has-background {
	border-radius: var(--connect--border);
	box-shadow: 6px 7px 13.6px -2px #00000012;
	padding: 6rem 4rem 6rem 7vw;
}

@media screen and (max-width: 1100px) {
	.contenu--connect2030 .wp-block-group.is-content-justification-right {
		flex-direction: column;
	}
	.contenu--connect2030 .wp-block-group .wp-block-image + .has-background {
		padding: 2rem;
	}
}

.contenu--connect2030 .editorial__quote blockquote.wp-block-quote cite {
	font-size: clamp(1.8rem, calc(1.8rem + ((1vw - 0.5rem) * 0.196)), 2.2rem);
	font-style: normal;
	margin: 1em 0 2em;
}

.contenu--connect2030 .editorial__quote blockquote.wp-block-quote p {
	border-bottom: none;
	font-family: var(--wp--preset--font-family--fkscreamer);
	font-size: clamp(3.5rem, calc(3rem + ((10vw - 0.5rem) * 0.196)), 4.8rem);
	font-weight: 900;
}

.contenu--connect2030 .editorial .editorial__quote .icon {
	color: #fbe216;
	margin-left: -8px;
	position: static;
}

@media screen and (min-width:1101px) {
	.contenu--connect2030 .wp-block-group .wp-block-image {
		left: 0;
		position: absolute;
		width: calc(50% + 8vw);
		z-index: 1;
	}
	.contenu--connect2030 .wp-block-group .wp-block-image + .has-background {
		width: 46%;
	}
	.contenu--connect2030 .wp-block-group.is-content-justification-right:has(.editorial__quote) {
		margin-top: 120px;
	}
	.contenu--connect2030 .wp-block-group.is-content-justification-right:has(.editorial__quote) .wp-block-image {
		top: -60px;
	}
	.contenu--connect2030 .editorial:has(> .editorial__quote)::before {
		content: '';
		position: absolute;
		width: calc(100% + 75vw);
		height: 100%;
		background-color: #f5f5f5;
		left: -75vw;
		top: 0;
		box-shadow: 6px 7px 13.6px -2px #00000012;
		border-radius: var(--connect--border);
	}
	.contenu--connect2030 .wp-block-group .wp-block-image + .has-background.editorial {
		box-shadow: none;
	}
	.contenu--connect2030 .wp-block-separator {
		margin: 120px 0 60px;
	}
	.contenu--connect2030 .wp-block-group.is-content-justification-right {
		padding-top: 60px;
	}
}

@media screen and (max-width: 1400px) and (min-width:1101px) {
	.contenu--connect2030 .wp-block-group.is-content-justification-right {
		padding-top: calc(6rem - ((50vw - 0.5rem) * 0.196));
	}
}

.contenu--connect2030 .editorial .editorial__quote {
	max-width: 100%;
}