/**
 * 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 {}

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

.o-form__row {

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

.o-form__row--split {
	@include flex(wrap flex-start);
	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: 20px;
	border-color: palette('action');
	color: palette('action');
	@include mq(null, 900) {
		text-align: right;
	}
}