@import "layouts/common/style/outer.scss";

$border_radius: 0;
$fold_size: 10px;

div.fca_eoi_layout_2,
form.fca_eoi_layout_2 {
	@import "layouts/common/style/inner.scss";

	div.fca_eoi_layout_headline_copy_wrapper {
		position: relative;
		margin: $content_large_padding -( $content_large_padding + $fold_size + 1 ) $content_large_padding;
		padding: $content_large_padding;
	}

	svg {
		&.fca_eoi_layout_fold {
			position: absolute;
			width: $fold_size;
			height: $fold_size;
			bottom: -( $fold_size );
			fill: #595959;
		}

		&.fca_eoi_layout_fold_left {
			left: 0;
		}

		&.fca_eoi_layout_fold_right {
			right: 0;
		}
	}

	div.fca_eoi_layout_inputs_wrapper {
		@include fca_eoi_layout_inputs_wrapper( false );
	}

	@import "layouts/common/style/icons_left.scss";

	div.fca_eoi_layout_field_wrapper {
		border-radius: $border_radius;
	}

	div.fca_eoi_layout_submit_button_wrapper {
		width: 100%;
		padding-bottom: 5px;
		border: 0;
		input {
			border: 0;
			border-radius: $border_radius;
			box-shadow: none;
			font-weight: bold;
			padding: .5em;
			width: 100%;
			white-space: normal;
		
		}

	}
	
	@media ( min-width: 1px ) and ( max-width: $content_small_breakpoint ),
	       ( min-height: 1px ) and ( max-height: $content_small_breakpoint ) {
		div.fca_eoi_layout_headline_copy_wrapper {
			position: relative;
			margin: -( $content_small_padding_vertical + 1 ) -( $content_small_padding_horizontal + 1 );
			padding: ( $content_small_padding_vertical + 1 ) ( $content_small_padding_horizontal + 1 );
		}

		svg.fca_eoi_layout_fold {
			display: none;
		}

		div.fca_eoi_layout_description_copy_wrapper {
			margin: round( $content_small_padding_vertical * 2 ) 0 0;
		}
	}
}