/* ============================================================
   Footer testimonials -- 4th grid column (Rob 2026-08-07: "it should live
   in line with the other items in the footer and not expand the footer and
   the wording should be the same colour as the existing wording"). Replaces
   the old full-width band above the grid. Dedicated file -- style.css is a
   HOT shared file and is not touched for this feature. Only linked (from
   includes/footer.php) when there is at least one APPROVED testimonial;
   the column and the grid change render nothing otherwise.
   ============================================================ */

/* The grid normally has 3 columns (style.css). When the testimonial column
   is present, footer.php adds .ec-has-testi and the grid makes room. */
.ec-footer-grid.ec-has-testi{
	grid-template-columns:minmax(320px,2.05fr) repeat(3,minmax(170px,1fr));
}

/* One testimonial shows at a time (rotation in footer.php, 10s) so the
   column can never expand the footer. */
.ec-footer-testi .ec-testi-slide{
	display:none;
}
.ec-footer-testi .ec-testi-slide.ec-testi-active{
	display:block;
	animation:ecTestiFade .8s ease;
}

/* Wording matches the neighbouring footer link text exactly (#53607a, 14px). */
.ec-footer-testi .ec-testi-q{
	margin:0 0 6px;
	color:#53607a;
	font-size:14px;
	line-height:1.45;
	font-style:italic;
	max-height:61px; /* ~3 lines -- a long quote clips so the column never outgrows its neighbours */
	overflow:hidden;
	word-wrap:break-word;
	overflow-wrap:break-word;
}
.ec-footer-testi .ec-testi-who{
	color:#53607a;
	font-size:13px;
	line-height:1.2;
}

@keyframes ecTestiFade{
	from{opacity:0;}
	to{opacity:1;}
}