/* Shared portfolio page introductions. Scoped to explicit markup in pages 606 and 760. */
.mps-portfolio-page-intro {
	margin: 0 auto 38px;
	max-width: 1180px;
	color: #2b2b2b;
	font-family: Roboto, Arial, sans-serif;
}

.mps-portfolio-page-intro__crumbs {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0 0 18px;
	color: #5e5e5e;
	font-size: 14px;
	line-height: 1.4;
}

.mps-portfolio-page-intro__crumbs a {
	color: inherit;
	text-decoration: none;
}

.mps-portfolio-page-intro__crumbs a:hover,
.mps-portfolio-page-intro__crumbs a:focus-visible {
	text-decoration: underline;
}

.mps-portfolio-page-intro__crumbs span {
	color: #fcaf3b;
	font-size: 18px;
}

.mps-portfolio-page-intro h1 {
	max-width: 760px;
	margin: 0;
	font-size: clamp(38px, 5vw, 64px);
	font-weight: 700;
	line-height: 1.06;
	letter-spacing: -0.035em;
}

@media (max-width: 480px) {
	.mps-portfolio-page-intro {
		margin-bottom: 28px;
	}
}

/* Elementor introductions on the contextual advertising and SEO portfolio pages. */
body.page-id-606 .elementor-element-82f1bb9,
body.page-id-760 .elementor-element-e6956d3,
body.page-id-606 .elementor-element-15dd601,
body.page-id-760 .elementor-element-7fdf8eb {
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
}

body.page-id-606 .elementor-element-82f1bb9,
body.page-id-760 .elementor-element-e6956d3 {
	margin-bottom: 18px;
}

body.page-id-606 .hfe-breadcrumbs,
body.page-id-760 .hfe-breadcrumbs {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	padding: 0;
	color: #5e5e5e;
	font-family: Roboto, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4;
	list-style: none;
}

body.page-id-606 .hfe-breadcrumbs li,
body.page-id-760 .hfe-breadcrumbs li {
	margin: 0;
}

body.page-id-606 .hfe-breadcrumbs a,
body.page-id-760 .hfe-breadcrumbs a {
	color: inherit;
	text-decoration: none;
}

body.page-id-606 .hfe-breadcrumbs a:hover,
body.page-id-606 .hfe-breadcrumbs a:focus-visible,
body.page-id-760 .hfe-breadcrumbs a:hover,
body.page-id-760 .hfe-breadcrumbs a:focus-visible {
	text-decoration: underline;
}

body.page-id-606 .hfe-breadcrumbs-separator,
body.page-id-760 .hfe-breadcrumbs-separator {
	color: #fcaf3b;
	font-size: 18px;
}

body.page-id-606 .elementor-element-15dd601,
body.page-id-760 .elementor-element-7fdf8eb {
	text-align: left;
}

body.page-id-606 .elementor-element-15dd601 .elementor-heading-title,
body.page-id-760 .elementor-element-7fdf8eb .elementor-heading-title {
	max-width: 760px;
	margin: 0;
	color: #2b2b2b;
	font-family: Roboto, Arial, sans-serif;
	font-size: clamp(38px, 5vw, 64px);
	font-weight: 700;
	line-height: 1.06;
	letter-spacing: -0.035em;
}

/* Retain the Elementor card for Opex but do not show it until its destination is verified. */
body.page-id-760 .elementor-element-ea55632 {
	display: none !important;
}

/* Elementor sets these two heading properties inline in its generated stylesheet. */
body.page-id-606 .elementor-element-15dd601 .elementor-heading-title,
body.page-id-760 .elementor-element-7fdf8eb .elementor-heading-title {
	text-align: left !important;
	font-weight: 700 !important;
}
