/* CSS Document */

/*------------------------------------------------------
	>>> TABLE OF CONTENTS:
--------------------------------------------------------
1.0		Standard
2.0	

3.0		Email Optin
			3.1 - Slim signup form with single input field
			3.2 - Slim signup form with two input fields
			3.3 - Slim signup form with three input fields
	
99.0 	Media Query

--------------------------------------------------------- */

/*--------------------------------------------------------------
	3.1 - Slim signup form with single input field
--------------------------------------------------------------*/
		
	.l2nm-slim-optin1 .et_pb_newsletter_footer {
		flex-basis: 100%;
		margin-top: 0;
		font-size: 80%;
	}	
	.l2nm-slim-optin1 .et_pb_newsletter_field,
	.l2nm-slim-optin1 .et_pb_newsletter_button_wrap {
		flex-basis:49%;
	}
	
/*--------------------------------------------------------------
	3.2 - Slim signup form with two input fields
--------------------------------------------------------------*/
	.l2nm-slim-optin2 .et_pb_newsletter_form {
		width: 50vw !important;
	}
		
	 /*set the width of the button*/
	.l2nm-slim-optin2 .et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
		flex-basis: 20vw !important;
	}
	/*set the width of the input fields minus the width of the button*/
	.l2nm-slim-optin2 .et_pb_newsletter_form .et_pb_newsletter_field {
		flex-basis: calc((100% - 22vw) / 2) !important;
	}
		
/* ------------------------------------------------------
	99.0 Mobile @media
------------------------------------------------------ */

/* Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ) { 
	
}
/* Laptops and desktops (1100-1405px) */

@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { 

	/*--------------------------------------------------------------
		3.2 - Slim signup form with two input fields
	--------------------------------------------------------------*/
		.l2nm-slim-optin2 .et_pb_newsletter_form {
			width: 60vw !important;
		}
	
			 /*set the width of the button*/
		.l2nm-slim-optin2 .et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
			flex-basis: 27vw !important;
		}
		/*set the width of the input fields minus the width of the button*/
		.l2nm-slim-optin2 .et_pb_newsletter_form .et_pb_newsletter_field {
			flex-basis: calc((100% - 28vw) / 2) !important;
		}
}

/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 

	/*--------------------------------------------------------------
		3.2 - Slim signup form with two input fields
	--------------------------------------------------------------*/

	.l2nm-slim-optin2 .et_pb_newsletter_form {
		width: auto !important;
	}

		 /*set the width of the button*/
	.l2nm-slim-optin2 .et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
		flex-basis: 100% !important;
	}
	/*set the width of the input fields minus the width of the button*/
	.l2nm-slim-optin2 .et_pb_newsletter_form .et_pb_newsletter_field {
		flex-basis: calc((100% - 2vw) / 2) !important;
	}
	
	
} /* END: @media only screen and ( min-width: 981px ) and ( max-width: 1100px ) */

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
	
	
	/*--------------------------------------------------------------
		3.2 - Slim signup form with two input fields
	--------------------------------------------------------------*/

	.l2nm-slim-optin2 .et_pb_newsletter_form {
		width: auto !important;
	}

		 /*set the width of the button*/
	.l2nm-slim-optin2 .et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
		flex-basis: 100% !important;
	}
	/*set the width of the input fields minus the width of the button*/
	.l2nm-slim-optin2 .et_pb_newsletter_form .et_pb_newsletter_field {
		flex-basis: calc((100% - 2vw) / 2) !important;
	}
	
			
} /* END: @media only screen and ( min-width: 768px ) and ( max-width: 980px ) */

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
    
	/*--------------------------------------------------------------
		3.2 - Slim signup form with two input fields
	--------------------------------------------------------------*/

	.l2nm-slim-optin2 .et_pb_newsletter_form {
		width: auto !important;
	}

		 /*set the width of the button*/
	.l2nm-slim-optin2 .et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
		flex-basis: 100% !important;
	}
	/*set the width of the input fields minus the width of the button*/
	.l2nm-slim-optin2 .et_pb_newsletter_form .et_pb_newsletter_field {
		flex-basis: 100% !important;
	}	

} /* END: @media only screen and ( min-width: 480px ) and ( max-width: 767px ) */

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
    
 
	/*--------------------------------------------------------------
		3.1 - Slim signup form with single input field
	--------------------------------------------------------------*/
  		.l2nm-slim-optin1 .et_pb_newsletter_field,
		.l2nm-slim-optin1 .et_pb_newsletter_button_wrap {
			flex-basis:100%;
		}	
		
	/*--------------------------------------------------------------
		3.2 - Slim signup form with two input fields
	--------------------------------------------------------------*/

	.l2nm-slim-optin2 .et_pb_newsletter_form {
		width: auto !important;
	}

		 /*set the width of the button*/
	.l2nm-slim-optin2 .et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
		flex-basis: auto !important;
	}
	/*set the width of the input fields minus the width of the button*/
	.l2nm-slim-optin2 .et_pb_newsletter_form .et_pb_newsletter_field {
		flex-basis: 100% !important;
	}		
 
} /* END: @media only screen and ( max-width: 479px ) */