/**
 * IT Monteur — readable typography (menu, boxes, page content)
 */

:root {
	--itmonteur-font: 'Roboto', 'Open Sans', Arial, sans-serif;
	--itmonteur-font-heading: 'Raleway', 'Roboto', sans-serif;
	--itmonteur-text: #2a363f;
	--itmonteur-text-muted: #5f6b76;
	--itmonteur-heading: #1a366f;
}

body,
.site_wrapper,
.site_wrapper .entry-content,
.site_wrapper .wpb_text_column,
.site_wrapper p {
	font-family: var(--itmonteur-font) !important;
	font-size: 16px;
	line-height: 1.6;
	color: var(--itmonteur-text);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.site_wrapper h1,
.site_wrapper h2,
.site_wrapper h3,
.site_wrapper h4,
.site_wrapper .itmonteur-infra-services__title {
	font-family: var(--itmonteur-font-heading) !important;
	color: var(--itmonteur-heading);
	line-height: 1.3;
}

.site_wrapper .entry-content p,
.site_wrapper .wpb_text_column p {
	font-size: 16px;
	line-height: 1.6;
	color: var(--itmonteur-text-muted);
	margin-bottom: 16px;
}

.site_wrapper .entry-content h1 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 14px;
}

.site_wrapper .entry-content h2 {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 12px;
}

.site_wrapper .entry-content h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 10px;
}

.site_wrapper .entry-content h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 8px;
}

.site_wrapper .entry-content a {
	color: var(--itmonteur-heading);
	text-decoration: none;
}

.site_wrapper .entry-content a:hover {
	color: #86c724;
}

/* Service box cards */
.itmonteur-service-card__title {
	font-family: var(--itmonteur-font-heading) !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
}

.itmonteur-service-card__text {
	font-family: var(--itmonteur-font) !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: #4a5563 !important;
}

.itmonteur-service-card__cta {
	font-family: var(--itmonteur-font) !important;
	font-size: 12px !important;
	letter-spacing: 0.04em;
}

.itmonteur-infra-services__title {
	font-family: var(--itmonteur-font-heading) !important;
}

.itmonteur-infra-services__subtitle {
	font-family: var(--itmonteur-font) !important;
	font-size: 17px !important;
	line-height: 1.5 !important;
}