/*
 * Sustainability - Community.
 *
 * Read from cp-all-designer css/sustain-dna-goodness.css (.sudnalist,
 * .sudnagal).
 *
 * Colour, type, padding and the measures arrive from the Style tab and are not
 * repeated here.
 */

.custom-sustainability-community .custom-sustainability-community__inner .custom-sustainability-community__items {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 0;
	padding: 0;
	list-style: none;
}

.custom-sustainability-community .custom-sustainability-community__inner .custom-sustainability-community__item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin: 0;
}

.custom-sustainability-community .custom-sustainability-community__icon {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: color-mix(in srgb, var(--custom-sustainability-community-accent, #5CA13F) 12%, #FFFFFF);
	color: var(--custom-sustainability-community-accent, #5CA13F);
}

.custom-sustainability-community .custom-sustainability-community__icon svg {
	display: block;
	width: 22px;
	height: 22px;
}

.custom-sustainability-community .custom-sustainability-community__words {
	min-width: 0;
	margin-top: 2px;
	line-height: 1.7;
}

.custom-sustainability-community .custom-sustainability-community__inner .custom-sustainability-community__words p {
	margin: 0;
	color: inherit;
}

.custom-sustainability-community .custom-sustainability-community__words b,
.custom-sustainability-community .custom-sustainability-community__words strong {
	font-weight: 600;
}

/* the pictures: three to a row, every other turned */
.custom-sustainability-community .custom-sustainability-community__pictures {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-right: auto;
	margin-left: auto;
}

.custom-sustainability-community .custom-sustainability-community__picture img {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: var(--custom-sustainability-community-curl, 46px) 0 var(--custom-sustainability-community-curl, 46px) 0;
	box-shadow: 0 6px 18px -6px rgba(22, 65, 140, 0.14);   /* --sh-sm */
}

.custom-sustainability-community .custom-sustainability-community__picture:nth-child(even) img {
	border-radius: 0 var(--custom-sustainability-community-curl, 46px) 0 var(--custom-sustainability-community-curl, 46px);
}

@media (max-width: 640px) {
	.custom-sustainability-community .custom-sustainability-community__inner .custom-sustainability-community__items {
		grid-template-columns: minmax(0, 1fr);
	}
	.custom-sustainability-community .custom-sustainability-community__pictures {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 460px) {
	.custom-sustainability-community .custom-sustainability-community__pictures {
		grid-template-columns: minmax(0, 1fr);
	}
}