/**
 * 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 {
	max-width: 36em;
}

.o-form__title {
	@include font-size(xl);
	@include font-weight(extraBold);
	margin: space(1) 0;
	color: palette(primary, 500);
}

.o-form__subtitle {
	@include font-size(16);
	font-weight: 400;
	color: palette(secondary, 500);
	margin: space(-0.5) 0 space(2);
}


.o-form__row {
	& + & {
		margin-top: space(2);
	}
}


.o-form__row--split {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 0 !important;
	margin-right: space(-2);

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


.o-form__submit {
	margin-top: space(5);
}