/**
 * NOTE:
 * To prevent the honey pot from working
 * the o-form can't have a position property.
 *
 *
 * Min-width for elements
 * Used for automatic wrapping of rows
 */
$o-form-element-min-width: 225px;


.o-form {
	padding: space(2) space(6) space(6) space(6);
	color: palette(neutral, 0);
	background-color: palette(neutral, 800);
}

.o-form__title {
	margin: 20px 0;
}

.o-form__row {

	& + & {
		margin-top: 20px;
	}
}

.o-form__row--split {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 0;
	margin-right: -20px;

	// Direct children
	& > * {
		flex-grow: 1;
		flex-basis: $o-form-element-min-width;
		margin-top: 20px;
		margin-right: 20px;
	}
}

.o-form__submit {
	margin-top: 60px;
}