/* blocks/columns-section
 *
 * The section also carries a .columns-N class (N = number of repeater rows),
 * so a specific count can be styled without touching the template.
 */

.section-iconed-column {
	padding-bottom: 50px;
}
.section-iconed-column .section-title {}

.section-iconed-column .columns-grid {
	/* display: grid; */
	/* grid-template-columns: repeat(3, 1fr); */
	/* gap: 30px; */
}

.section-iconed-column.columns-1 .columns-grid { grid-template-columns: 1fr; }
.section-iconed-column.columns-2 .columns-grid { grid-template-columns: repeat(2, 1fr); }
.section-iconed-column.columns-4 .columns-grid { grid-template-columns: repeat(4, 1fr); }

.section-iconed-column .column {}
.section-iconed-column .column-icon {}
.section-iconed-column .column-title {}
.section-iconed-column .column-content {}

.section-iconed-column .btn-group {}

@media (max-width: 1024px) {
	.section-iconed-column .columns-grid,
	.section-iconed-column.columns-4 .columns-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
	.section-iconed-column .columns-grid,
	.section-iconed-column.columns-2 .columns-grid,
	.section-iconed-column.columns-4 .columns-grid { grid-template-columns: 1fr; }
}