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

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

	padding: 0;
	padding-top: 48px;
	
	&.fca_eoi_layout_popup {
		max-width: 680px;		
	}
		
	div.fca_eoi_layout_content_wrapper {
		margin: 0;
	}
	div.fca_eoi_layout_headline_copy_wrapper {
		padding: 0 32px;
		font-weight: normal;
		line-height: 1.3;
		margin-bottom: 16px;

		@media ( min-width: 1px ) and ( max-width: $content_small_breakpoint ),
		       ( min-height: 1px ) and ( max-height: $content_small_breakpoint ) {
			margin-bottom: 0;
		}
	}
	
	div.fca_eoi_layout_description_copy_wrapper {
		padding: 0 32px;
		line-height: 1.5;
		margin-bottom: 48px;
	}

	div.fca_eoi_layout_inputs_wrapper {
		background-color: #3b3b3b;
		padding: 32px 32px 16px;
		line-height: 1;
	}
	
	div.fca_eoi_layout_field_wrapper {
		border-radius: 3px;
		margin-right: 14px;
		margin-bottom: 16px;
		box-sizing: border-box;
	}

	div.fca_eoi_layout_field_inner {
		padding: 3px 8px;
	}

	div.fca_eoi_layout_submit_button_wrapper {
		vertical-align: top;
		display: inline-block;
		box-sizing: border-box;
		border-radius: 3px;
		padding: 0 !important;
		margin-bottom: 16px;
		text-align: center;
		width: 100%;
	}

	div.fca_eoi_layout_submit_button_wrapper input {
		border: 0 !important;
		line-height: 1;
		padding: 12px;
		border-radius: 3px;
		font-weight: bold;
		margin: 0;
		white-space: normal;
		width: 100%;
	}
	div.fca_eoi_layout_privacy_copy_wrapper {
		clear: both;
		margin-bottom: 8px;
	}

}


@media ( max-width: 680px ) {

	div.fca_eoi_layout_16,
	form.fca_eoi_layout_16 {

		div.fca_eoi_layout_field_wrapper {
			max-width: 100%;
		}
		
		div.fca_eoi_layout_submit_button_wrapper {
			margin-left: 0;
		}
	}
	
}