/**
 * Inner pages — header image overlay, breadcrumb, page name H1
 */

:root {
	--itmonteur-page-banner-h: 256px;
	--itmonteur-page-name-size: 24px;
}

html body.site_wrapper:not(.home):not(.front-page) .itmonteur-page-header-stack {
	width: 100% !important;
	clear: both !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* ── 1) Header image + centered banner text ON image ── */
html body.site_wrapper:not(.home):not(.front-page) #breadcrumb.itmonteur-page-header-image,
html body.site_wrapper:not(.home):not(.front-page) .itmonteur-page-header-image#breadcrumb {
	width: 100% !important;
	min-height: var(--itmonteur-page-banner-h) !important;
	height: var(--itmonteur-page-banner-h) !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
	clear: both !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	position: relative !important;
}

html body.site_wrapper:not(.home):not(.front-page) #breadcrumb.itmonteur-page-header-image .itmonteur-page-banner-inner {
	width: 100% !important;
	max-width: 1170px !important;
	margin: 0 auto !important;
	padding: 0 15px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	box-sizing: border-box !important;
	min-height: var(--itmonteur-page-banner-h) !important;
}

html body.site_wrapper:not(.home):not(.front-page) .itmonteur-page-banner-text {
	display: block !important;
	visibility: visible !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 12px !important;
	font-family: 'Raleway', 'Roboto', sans-serif !important;
	font-size: 28px !important;
	line-height: 1.35 !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	text-align: center !important;
	text-transform: none !important;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.55) !important;
	max-width: 100% !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	white-space: normal !important;
}

/* ── 2) Breadcrumb only — flush below image, nothing under it ── */
html body.site_wrapper:not(.home):not(.front-page) .itmonteur-page-breadcrumb-bar {
	width: 100% !important;
	background: #ffffff !important;
	margin: 0 !important;
	padding: 10px 0 10px !important;
	float: none !important;
	clear: both !important;
	border-bottom: 1px solid #e8edf2 !important;
}

html body.site_wrapper:not(.home):not(.front-page) .itmonteur-page-breadcrumb-bar .container {
	max-width: 1170px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}

html body.site_wrapper:not(.home):not(.front-page) .itmonteur-page-breadcrumb-bar .itmonteur-breadcrumb-trail,
html body.site_wrapper:not(.home):not(.front-page) .itmonteur-page-breadcrumb-bar .pagenation {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	font-weight: 400 !important;
	color: #5f6b76 !important;
	text-align: left !important;
}

html body.site_wrapper:not(.home):not(.front-page) .itmonteur-page-breadcrumb-bar .pagenation a {
	color: #234a8c !important;
	font-size: 13px !important;
}

html body.site_wrapper:not(.home):not(.front-page) .itmonteur-page-breadcrumb-bar .pagenation a:hover {
	color: #86c724 !important;
}

html body.site_wrapper:not(.home):not(.front-page) .itmonteur-page-breadcrumb-bar .pagenation span {
	color: #5f6b76 !important;
	font-weight: 400 !important;
}

/* ── Content area — page name heading (first H1 in WPBakery intro) ── */
body:not(.home):not(.front-page) #primary.site-content {
	padding-top: 16px !important;
	padding-bottom: 72px !important;
}

html body.site_wrapper:not(.home):not(.front-page) h1.itmonteur-page-name-heading,
html body.site_wrapper:not(.home):not(.front-page) h2.itmonteur-page-name-heading,
html body.site_wrapper:not(.home):not(.front-page) h1.itmonteur-page-name-heading span,
html body.site_wrapper:not(.home):not(.front-page) h2.itmonteur-page-name-heading span,
html body.site_wrapper:not(.home):not(.front-page) h1.itmonteur-page-name-heading strong,
html body.site_wrapper:not(.home):not(.front-page) h2.itmonteur-page-name-heading strong,
html body.site_wrapper:not(.home):not(.front-page) h1.itmonteur-page-name-heading *,
html body.site_wrapper:not(.home):not(.front-page) h2.itmonteur-page-name-heading * {
	font-family: 'Raleway', 'Roboto', sans-serif !important;
	font-size: var(--itmonteur-page-name-size) !important;
	line-height: 1.35 !important;
	font-weight: 700 !important;
	color: #1a366f !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	text-align: left !important;
}

/* WPBakery intro row — title, hide separator, gap before paragraph */
html body.site_wrapper:not(.home):not(.front-page) #primary .entry-content > .wpb_row:first-child .wpb_column > .wpb_wrapper > .wpb_text_column:first-child,
html body.site_wrapper:not(.home):not(.front-page) #primary .blog_postcontent > .wpb_row:first-child .wpb_column > .wpb_wrapper > .wpb_text_column:first-child {
	margin-bottom: 20px !important;
}

html body.site_wrapper:not(.home):not(.front-page) #primary .entry-content > .wpb_row:first-child .wpb_column > .wpb_wrapper > .vc_separator,
html body.site_wrapper:not(.home):not(.front-page) #primary .blog_postcontent > .wpb_row:first-child .wpb_column > .wpb_wrapper > .vc_separator {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	line-height: 0 !important;
}

html body.site_wrapper:not(.home):not(.front-page) .wpb_text_column:has(> .wpb_wrapper > h1.itmonteur-page-name-heading),
html body.site_wrapper:not(.home):not(.front-page) .wpb_text_column:has(> .wpb_wrapper > h2.itmonteur-page-name-heading) {
	margin-bottom: 20px !important;
}

html body.site_wrapper:not(.home):not(.front-page) .wpb_text_column:has(> .wpb_wrapper > h1.itmonteur-page-name-heading) + .vc_separator,
html body.site_wrapper:not(.home):not(.front-page) .wpb_text_column:has(> .wpb_wrapper > h2.itmonteur-page-name-heading) + .vc_separator {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	visibility: hidden !important;
	overflow: hidden !important;
}

html body.site_wrapper:not(.home):not(.front-page) .itmonteur-page-intro-header {
	margin: 0 0 20px !important;
	padding: 0 !important;
}

html body.site_wrapper:not(.home):not(.front-page) .itmonteur-page-intro-header .itmonteur-infra-services__subtitle {
	margin: 10px 0 0 !important;
	padding: 0 !important;
}

html body.site_wrapper:not(.home):not(.front-page) #primary .entry-content > .wpb_row:first-child h1,
html body.site_wrapper:not(.home):not(.front-page) #primary .blog_postcontent > .wpb_row:first-child h1,
html body.site_wrapper:not(.home):not(.front-page) #primary .entry-content .wpb_text_column .wpb_wrapper > h1:first-child,
html body.site_wrapper:not(.home):not(.front-page) #primary .entry-content > .wpb_row:first-child h1 span,
html body.site_wrapper:not(.home):not(.front-page) #primary .entry-content > .wpb_row:first-child h1 strong,
html body.site_wrapper:not(.home):not(.front-page) #primary .blog_postcontent > .wpb_row:first-child h1 span,
html body.site_wrapper:not(.home):not(.front-page) #primary .blog_postcontent > .wpb_row:first-child h1 strong,
html body.site_wrapper:not(.home):not(.front-page) #primary .entry-content .wpb_text_column .wpb_wrapper > h1:first-child span,
html body.site_wrapper:not(.home):not(.front-page) #primary .entry-content .wpb_text_column .wpb_wrapper > h1:first-child strong {
	font-family: 'Raleway', 'Roboto', sans-serif !important;
	font-size: var(--itmonteur-page-name-size) !important;
	line-height: 1.35 !important;
	font-weight: 700 !important;
	color: #1a366f !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
}

html body.site_wrapper:not(.home):not(.front-page) #primary .entry-content > .wpb_row:first-child h1 + p,
html body.site_wrapper:not(.home):not(.front-page) #primary .blog_postcontent > .wpb_row:first-child h1 + p,
html body.site_wrapper:not(.home):not(.front-page) #primary .entry-content .wpb_text_column .wpb_wrapper > h1:first-child + p {
	margin-top: 0 !important;
	margin-bottom: 18px !important;
}

html body.site_wrapper:not(.home):not(.front-page) .entry-content .wpb_wrapper > h1:not(:first-child),
html body.site_wrapper:not(.home):not(.front-page) .blog_postcontent .wpb_wrapper > h1:not(:first-child) {
	font-size: 22px !important;
	margin: 0 0 16px !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	font-weight: 600 !important;
	color: #1a366f !important;
}

/* ── WPBakery tables (sidebar pages) ── */
#content > .col-md-9 .entry-content .wpb_row > .container,
#content > .col-md-9 .blog_postcontent .wpb_row > .container {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
}

#content > .col-md-9 .entry-content .wpb_row,
#content > .col-md-9 .blog_postcontent .wpb_row {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	clear: both !important;
	overflow: visible !important;
}

#content > .col-md-9 .entry-content .wpb_column,
#content > .col-md-9 .entry-content .wpb_wrapper,
#content > .col-md-9 .entry-content .wpb_text_column {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	box-sizing: border-box !important;
}

#content > .col-md-9 .entry-content table,
#content > .col-md-9 .blog_postcontent table {
	width: 100% !important;
	max-width: 100% !important;
	table-layout: fixed !important;
	border-collapse: collapse !important;
	margin: 0 0 28px !important;
}

#content > .col-md-9 .entry-content table td,
#content > .col-md-9 .entry-content table th,
#content > .col-md-9 .blog_postcontent table td,
#content > .col-md-9 .blog_postcontent table th {
	vertical-align: top !important;
	padding: 12px 16px !important;
	box-sizing: border-box !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
}

#content > .col-md-9 .entry-content table img,
#content > .col-md-9 .blog_postcontent table img {
	display: block !important;
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;
	float: none !important;
	margin: 0 !important;
}

#content > .col-md-9 .entry-content table h1,
#content > .col-md-9 .entry-content table h2,
#content > .col-md-9 .entry-content table h3,
#content > .col-md-9 .blog_postcontent table h1,
#content > .col-md-9 .blog_postcontent table h2,
#content > .col-md-9 .blog_postcontent table h3 {
	margin-top: 0 !important;
	border: none !important;
	padding: 0 !important;
	background: transparent !important;
}

#content > .col-md-9 .entry-content table ul,
#content > .col-md-9 .blog_postcontent table ul {
	margin: 0 0 12px !important;
	padding-left: 1.2em !important;
}

@media (max-width: 991px) {
	html body.site_wrapper:not(.home):not(.front-page) #primary .entry-content > .wpb_row:first-child h1,
	html body.site_wrapper:not(.home):not(.front-page) #primary .blog_postcontent > .wpb_row:first-child h1 {
		white-space: normal !important;
	}
}

@media (max-width: 767px) {
	html body.site_wrapper:not(.home):not(.front-page) #breadcrumb.itmonteur-page-header-image {
		--itmonteur-page-banner-h: 220px;
	}

	html body.site_wrapper:not(.home):not(.front-page) .itmonteur-page-banner-text {
		font-size: 20px !important;
		line-height: 1.3 !important;
	}

	html body.site_wrapper:not(.home):not(.front-page) #primary .entry-content > .wpb_row:first-child h1,
	html body.site_wrapper:not(.home):not(.front-page) #primary .blog_postcontent > .wpb_row:first-child h1 {
		font-size: 24px !important;
	}

	body:not(.home):not(.front-page) #primary.site-content {
		padding-top: 20px !important;
		padding-bottom: 48px !important;
	}

	#content > .col-md-9 .entry-content table,
	#content > .col-md-9 .blog_postcontent table,
	#content > .col-md-9 .entry-content table tbody,
	#content > .col-md-9 .blog_postcontent table tbody,
	#content > .col-md-9 .entry-content table tr,
	#content > .col-md-9 .blog_postcontent table tr,
	#content > .col-md-9 .entry-content table td,
	#content > .col-md-9 .blog_postcontent table td {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	#content > .col-md-9 .entry-content table td,
	#content > .col-md-9 .blog_postcontent table td {
		padding: 10px 0 !important;
	}
}