/* =============================================================================
   ECR — the six "Our vision" pages (COOPERATING, PROTECTING, …)
   Client feedback, September 2026. Scoped by body.ecr-vision-item, set in
   inc/home/vision-blocks.php for these six portfolio slugs only.
   ========================================================================== */

/* "Take out the grey line under 'COOPERATING'" — Salient's 1px #DDD rule under
   the project title. */
body.ecr-vision-item .project-title .title-wrap {
	border-bottom: 0 !important;
}

/* "Make titles a bit smaller and normal bold typeface and not extra bold":
   the page title 62px/600 and the section headings 44px/900. */
body.ecr-vision-item .project-title h1 {
	font-weight: 700 !important;
	font-size: 52px;
	line-height: 1.15;
}

body.ecr-vision-item #portfolio-extra h2 {
	font-weight: 700;
	font-size: 34px;
	line-height: 1.25;
	color: #444444;
}

/* "Text should not exceed the photo block. Also, put bigger margins": one
   reading column, centred, the photographs filling it, so text and image have
   the same width by construction. 900px leaves wide margins at 1440 and is
   still the full width on a phone. */
body.ecr-vision-item .container.main-content > .row > .post-area {
	width: 100%;
	max-width: 900px;
	/* !important: Salient's column grid gives every .col a 4% right margin
	   with a rule that otherwise wins, which pushed the column 50px right. */
	margin-left: auto !important;
	margin-right: auto !important;
	float: none;
}

body.ecr-vision-item .post-area > img.wp-post-image {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 28px;
}

body.ecr-vision-item #portfolio-extra .img-with-aniamtion-wrap,
body.ecr-vision-item #portfolio-extra .img-with-aniamtion-wrap .inner,
body.ecr-vision-item #portfolio-extra .img-with-aniamtion-wrap img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto;
}

/* "Check distance between big image block and title ... the title is too
   close to the image": every heading the same 28px below the photograph. */
body.ecr-vision-item #portfolio-extra .img-with-aniamtion-wrap {
	margin-bottom: 28px !important;
}

body.ecr-vision-item #portfolio-extra .nectar-responsive-text h2 {
	margin-top: 0;
	margin-bottom: 14px;
}

@media only screen and (max-width: 999px) {
	body.ecr-vision-item .project-title h1 { font-size: 40px; }
	body.ecr-vision-item #portfolio-extra h2 { font-size: 28px; }
}

@media only screen and (max-width: 690px) {
	body.ecr-vision-item .project-title h1 { font-size: 32px; }
	body.ecr-vision-item #portfolio-extra h2 { font-size: 24px; }
	body.ecr-vision-item #portfolio-extra .img-with-aniamtion-wrap { margin-bottom: 20px !important; }
}