

/** COLOURS **/
.mailing-list-banner,
.mailing-list-header							{ background:#000000; color:#BCD24D; }
.mailing-list-banner .mailing-list-title,
.mailing-list-header .mlh-title					{ color:#FFFFFF; }
.mailing-list-btn								{ border:3px solid #FFFFFF; background:transparent; color:#FFFFFF; }
.mailing-list-btn:hover							{ border:3px solid #FFFFFF; background:#FFFFFF; color:#BCD24D; }
.mailing-list-steps .spacing					{ background:#FAFAFA; }
.mailing-list-steps .image						{ border:5px solid #FAFAFA; }
.mailing-list-steps .title						{ color:#BCD24D; border-bottom:2px solid #CCCCCC; }
.mailing-list-steps .title span					{ color:#BCD24D; }



/** GENERAL **/
.mailing-list-margins							{ max-width:960px; margin:0px auto; }
.mailing-list-padding							{ padding:0px 10px; }
.mailing-list-btn								{ padding:10px; text-transform:uppercase; font-size:16px; text-align:center; }



/** BANNER **/
.mailing-list-banner							{ padding:20px 0px; }
.mailing-list-banner .left						{ float:left; width:540px; }
.mailing-list-banner .mailing-list-title		{ text-transform:uppercase; font-size:18px; }
.mailing-list-banner p							{ margin:0px; padding:0px; font-size:14px; }
.mailing-list-banner .right						{ float:right; width:160px; text-align:right; margin:7px 0px 0px 0px; }



/** MAILING LIST **/
.mailing-list-header							{ padding:20px 0px; font-size:1.3em; }
.mailing-list-header .mlh-title					{ text-transform:uppercase; font-size:18px; margin:0px; padding:0px; }
.mailing-list-header .sub-header				{ margin:0px; padding:0px; font-size:14px; }
.mailing-list-steps								{ padding:30px 0px; }
.mailing-list-steps .mailing-step				{ width:48%; margin:0px 0px 30px 0px; }
.mailing-list-steps .mailing-step-left			{ float:left; }
.mailing-list-steps .mailing-step-right			{ float:right; }
.mailing-list-steps .spacing					{ padding:10px; }
.mailing-list-steps .image						{ margin:0px 0px 20px 0px; }
.mailing-list-steps .image img					{ width:100%; max-width:670px; max-height:400px; }
.mailing-list-steps .title						{ text-transform:uppercase; margin:0px 0px 20px 0px; padding:0px 0px 10px 0px; font-size:18px; }
.mailing-list-steps .title span					{ display:block; }
.mailing-list-steps .text						{ padding:0px 0px 20px 0px; }



/** MAILING LIST FORM **/
.mailing-list-form								{ padding:30px 0px; }
.mailing-list-form .form .form-row				{ clear:none; }
.mailing-list-form .row-half					{ width:48%; }
.mailing-list-form .row-half.row-left			{ float:left; }
.mailing-list-form .row-half.row-right			{ float:right; }
.mailing-list-form .form .htmldd,
.mailing-list-form .form .styledd				{ width:100%; padding:13px 10px; }
.mailing-list-form .form .form-textbox input,
.mailing-list-form .form .form-textbox textarea	{ width:100%; padding:20px 10px; min-width:initial; }
.mailing-list-form .form .form-textbox textarea	{ min-height:100px; }
.mailing-list-form .form .form-textbox input,
.mailing-list-form .form .form-textbox textarea	{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
.mailing-list-form .form .form-textbox input,
.mailing-list-form .form .form-textbox textarea,
.mailing-list-form .form .htmldd,
.mailing-list-form .form .styledd				{ background:#FFFFFF; }



/** RESPONSIVE **/
@media screen and (max-width:730px){
	
	.mailing-list-banner .left					{ width:300px; }
	.mailing-list-banner .right 				{ margin:15px 0px 0px 0px; }
	
}

@media screen and (max-width:690px){
	
	.mailing-list-steps .mailing-step,
	.mailing-list-form .row-half				{ width:100%; }
	.mailing-list-steps .mailing-step-left,
	.mailing-list-steps .mailing-step-right
	.mailing-list-form .row-half.row-left
	.mailing-list-form .row-half.row-right		{ float:none; }
	.mailing-list-steps .mailing-step,
	.mailing-list-steps .title,
	.mailing-list-steps .text					{ height:auto !important; }

}

@media screen and (max-width:480px){
	
	.mailing-list-banner .left					{ float:none; width:auto; text-align:center; }
	.mailing-list-banner .right 				{ float:none; width:100%; margin:20px 0px 0px 0px; text-align:center; }
	.mailing-list-banner .mailing-list-btn		{ display:block; }
	
}