/*
 * Sustainability - SDG goals.
 *
 * Read from cp-all-designer css/sustain-cpall-and-the-sustainable-development-
 * goals.css:19-52 (.susdg-wall, .susdg-goals__note).
 *
 * Colour, type, padding and the measures arrive from the Style tab and are not
 * repeated here.
 */

.custom-sustainability-sdg-goals .custom-sustainability-sdg-goals__inner .custom-sustainability-sdg-goals__wall {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.custom-sustainability-sdg-goals .custom-sustainability-sdg-goals__inner .custom-sustainability-sdg-goals__goal {
	margin: 0;
	padding: 0;
	overflow: hidden;
	box-shadow: 0 6px 18px -6px rgba(22, 65, 140, 0.14);   /* --sh-sm */
	transition: transform 450ms cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 450ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.custom-sustainability-sdg-goals .custom-sustainability-sdg-goals__goal:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 44px -14px rgba(22, 65, 140, 0.2);   /* --sh */
}

.custom-sustainability-sdg-goals .custom-sustainability-sdg-goals__goal img {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 0;
}

.custom-sustainability-sdg-goals .custom-sustainability-sdg-goals__inner .custom-sustainability-sdg-goals__note {
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-weight: 400;
	line-height: 1.7;
	text-align: center;
	text-wrap: balance;
}

@media (max-width: 767px) {
	.custom-sustainability-sdg-goals .custom-sustainability-sdg-goals__inner .custom-sustainability-sdg-goals__note {
		line-height: 1.5;
	}
}

@media (prefers-reduced-motion: reduce) {
	.custom-sustainability-sdg-goals .custom-sustainability-sdg-goals__goal {
		transition: none;
	}
}