/**
 * Styles utilitaires front — ISSI La Confection
 *
 * Typo .font-h* : Salient (issimag.fr), oct. 2026.
 * Classe sur le bloc (ex. .nectar-split-heading.font-h1) → style sur h1–h6 enfants.
 */

.no-display,
body :is(h1, h2, h3, h4, h5, h6).no-display {
	display: none !important;
}

body :is(h1, h2, h3, h4, h5, h6).font-h1,
body .font-h1 :is(h1, h2, h3, h4, h5, h6),
.font-h1,
body :is(h1, h2, h3, h4, h5, h6).font-h2,
body .font-h2 :is(h1, h2, h3, h4, h5, h6),
.font-h2,
body :is(h1, h2, h3, h4, h5, h6).font-h3,
body .font-h3 :is(h1, h2, h3, h4, h5, h6),
.font-h3,
body :is(h1, h2, h3, h4, h5, h6).font-h4,
body .font-h4 :is(h1, h2, h3, h4, h5, h6),
.font-h4,
body :is(h1, h2, h3, h4, h5, h6).font-h5,
body .font-h5 :is(h1, h2, h3, h4, h5, h6),
.font-h5 {
	font-style: normal !important;
	letter-spacing: normal !important;
	margin-bottom: 8px !important;
}

body :is(h1, h2, h3, h4, h5, h6).font-h1,
body .font-h1 :is(h1, h2, h3, h4, h5, h6),
.font-h1 {
	font-family: EditorsNoteDisplay, serif !important;
	font-weight: 200 !important;
	text-transform: none !important;
	font-size: 80px !important;
	line-height: 80px !important;
}

body :is(h1, h2, h3, h4, h5, h6).font-h2,
body .font-h2 :is(h1, h2, h3, h4, h5, h6),
.font-h2 {
	font-family: EditorsNoteDisplay, serif !important;
	font-weight: 200 !important;
	text-transform: none !important;
	font-size: 46px !important;
	line-height: 50px !important;
}

body :is(h1, h2, h3, h4, h5, h6).font-h3,
body .font-h3 :is(h1, h2, h3, h4, h5, h6),
.font-h3 {
	font-family: NeueSwiss, sans-serif !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	font-size: 28px !important;
	line-height: 34px !important;
}

body :is(h1, h2, h3, h4, h5, h6).font-h4,
body .font-h4 :is(h1, h2, h3, h4, h5, h6),
.font-h4 {
	font-family: NeueSwiss, sans-serif !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	font-size: 22px !important;
	line-height: 28px !important;
}

body :is(h1, h2, h3, h4, h5, h6).font-h5,
body .font-h5 :is(h1, h2, h3, h4, h5, h6),
.font-h5 {
	font-family: NeueSwiss, sans-serif !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	font-size: 18px !important;
	line-height: 30px !important;
}

@media only screen and (max-width: 1300px) and (min-width: 1000px) {
	body :is(h1, h2, h3, h4, h5, h6).font-h1,
	body .font-h1 :is(h1, h2, h3, h4, h5, h6),
	.font-h1 {
		font-size: 60px !important;
		line-height: 60px !important;
	}

	body :is(h1, h2, h3, h4, h5, h6).font-h2,
	body .font-h2 :is(h1, h2, h3, h4, h5, h6),
	.font-h2 {
		font-size: 39.1px !important;
		line-height: 42.5px !important;
	}

	body :is(h1, h2, h3, h4, h5, h6).font-h3,
	body .font-h3 :is(h1, h2, h3, h4, h5, h6),
	.font-h3 {
		font-size: 34px !important;
		line-height: 41px !important;
	}

	body :is(h1, h2, h3, h4, h5, h6).font-h4,
	body .font-h4 :is(h1, h2, h3, h4, h5, h6),
	.font-h4 {
		font-size: 22px !important;
		line-height: 28px !important;
	}

	body :is(h1, h2, h3, h4, h5, h6).font-h5,
	body .font-h5 :is(h1, h2, h3, h4, h5, h6),
	.font-h5 {
		font-size: 18px !important;
		line-height: 30px !important;
	}
}

@media only screen and (max-width: 999px) and (min-width: 691px) {
	body :is(h1, h2, h3, h4, h5, h6).font-h1,
	body .font-h1 :is(h1, h2, h3, h4, h5, h6),
	.font-h1 {
		font-size: 56px !important;
		line-height: 56px !important;
	}

	body :is(h1, h2, h3, h4, h5, h6).font-h2,
	body .font-h2 :is(h1, h2, h3, h4, h5, h6),
	.font-h2 {
		font-size: 32.2px !important;
		line-height: 35px !important;
	}

	body :is(h1, h2, h3, h4, h5, h6).font-h3,
	body .font-h3 :is(h1, h2, h3, h4, h5, h6),
	.font-h3 {
		font-size: 28px !important;
		line-height: 34px !important;
	}

	body :is(h1, h2, h3, h4, h5, h6).font-h4,
	body .font-h4 :is(h1, h2, h3, h4, h5, h6),
	.font-h4 {
		font-size: 20px !important;
		line-height: 26px !important;
	}

	body :is(h1, h2, h3, h4, h5, h6).font-h5,
	body .font-h5 :is(h1, h2, h3, h4, h5, h6),
	.font-h5 {
		font-size: 17px !important;
		line-height: 27px !important;
	}
}

@media only screen and (max-width: 690px) {
	body :is(h1, h2, h3, h4, h5, h6).font-h1,
	body .font-h1 :is(h1, h2, h3, h4, h5, h6),
	.font-h1 {
		font-size: 52px !important;
		line-height: 52px !important;
	}

	body :is(h1, h2, h3, h4, h5, h6).font-h2,
	body .font-h2 :is(h1, h2, h3, h4, h5, h6),
	.font-h2 {
		font-size: 27.6px !important;
		line-height: 30px !important;
	}

	body :is(h1, h2, h3, h4, h5, h6).font-h3,
	body .font-h3 :is(h1, h2, h3, h4, h5, h6),
	.font-h3 {
		font-size: 26px !important;
		line-height: 32px !important;
	}

	body :is(h1, h2, h3, h4, h5, h6).font-h4,
	body .font-h4 :is(h1, h2, h3, h4, h5, h6),
	.font-h4 {
		font-size: 20px !important;
		line-height: 26px !important;
	}

	body :is(h1, h2, h3, h4, h5, h6).font-h5,
	body .font-h5 :is(h1, h2, h3, h4, h5, h6),
	.font-h5 {
		font-size: 17px !important;
		line-height: 27px !important;
	}
}

.issimag-midscroll-slot {
	margin-bottom: 30px;
}