/**
 * EdiX frontend layout: sections full width, columns in a row (flex).
 *
 * @package EdiX
 */

.edix-content {
	width: 100%;
	box-sizing: border-box;
}

.edix-layout-section {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 1.5rem;
}

.edix-layout-section__columns {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 1rem;
	width: 100%;
	box-sizing: border-box;
}

.edix-layout-column {
	flex: 1 1 0;
	min-width: min( 100%, 12rem );
	box-sizing: border-box;
}

.edix-layout-column__widgets {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	width: 100%;
	box-sizing: border-box;
}

@media ( max-width: 768px ) {
	.edix-layout-section__columns {
		flex-direction: column;
	}

	.edix-layout-column {
		flex: 1 1 100%;
		min-width: 100%;
	}
}