/**
 * List Block Columns.
 * Column count and gap are driven by classes, not inline styles,
 * so Gutenberg can validate core/list markup.
 */
.has-list-columns {
	column-gap: 4.5rem;
	-webkit-column-fill: balance;
	column-fill: balance;
}

.has-list-columns-2 {
	column-count: 2;
}

.has-list-columns-3 {
	column-count: 3;
}

.has-list-columns li {
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
}

@media ( max-width: 1199px ) {
	.has-list-columns-3 {
		column-count: 2;
	}
}

@media ( max-width: 767px ) {
	.has-list-columns {
		column-count: 1;
	}
}

@media ( max-width: 992px ) {
	.has-list-columns-2  {
		column-count: 1;
	}
}