// ============================================================================
// :: FORM
// ============================================================================
.o-form {
	position: relative;
}

// ============================================================================
// :: Components
// ============================================================================
.o-form__section {
	padding-right: 0;
	padding-left: 0;

	border: none;

	& + .o-form__section {
		margin-top: 3rem;
	}
}

.o-form__section__title {
	font-family: $font-family-roboto;
	font-weight: $font-weight-bold;
	font-size: $font-size;
	line-height: $line-height-2x-large;

	color: $text-color;

	small {
		font-family: $font-family-roboto;
		font-weight: $font-weight-thin;
		font-size: $font-size-1x-small;
		line-height: $line-height;

		color: $text-color-grey;
	}
}

.o-form__section__sub {

	+ .o-form__section__sub {
		margin-top: 3rem;
	}
}

// ============================================================================
// :: Modifiers
// ============================================================================
.o-form__section__title--large {
	font-family: $font-family-beausans;
	font-weight: $font-weight-thin;
	font-size: $font-size-2x-large;
	line-height: $line-height-3x-large;

	color: $text-color;

	@include respond-to($screen-small-base) {
		font-size: $font-size-1x-large;
		line-height: $line-height-3x-large;
	}
}