
@import '../../../styles/grid.scss';
@import '../../../styles/definitions/mixins';
@import '../../../styles/definitions/placeholders';
@import '../../../styles/definitions/breakpoints';
@import '../../../styles/definitions/forms';

.leadform {
	&_content {
        position: relative;
        @include media-lg-up {
            @include grid-width(10);
            @include grid-offset(1);
        }
        @include media-xl-up {
            @include grid-width(8);
            @include grid-offset(2);
        }
	}
	&_header {
		display: flex;
	}
	&_header + &_form {
		margin-top: 45px;
	}
	&_title {
		@include title-2;
		margin: 0;
		flex-grow: 1;
	}
	&_formGroup {
		margin-bottom: $grid-gutter-height;
	}
	&_buttons {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin: 10px -15px 0;
	}
	&_submit {
		margin-top: 10px;
		padding: 0 15px;
	}
	&_error{
		@extend %input-error;
	}
	&_row {
		display: flex;
			margin-right: $grid-gutter-width * -1;
			margin-left: $grid-gutter-width * -1;
	}
	&_col {
		padding-right: $grid-gutter-width;
		padding-left: $grid-gutter-width;

		@for $i from 1 through 12 {
			&--#{$i} {
				@include grid-width($i);
			}
		}
    }
    &_closeButton {
        display: flex;
        position: absolute;
        top: 0;
        right: $grid-gutter-width;

        &Text {
            @extend %sr-only;
        }
        &Icon {
            width: 24px;
        }

    }
}
