/** COLOURS **/
.mailing-list-banner .mailing-list-title,
.mailing-list-btn								{ background:#11684c; color:#FFFFFF; }
.mailing-list-btn:hover							{ background:#11684c; color:#FFFFFF; }
.mailing-list-steps .title						{  font-family:'Roboto Slab', sans-serif; color:#1ca87b; border-bottom:2px solid #1ca87b; }
.mailing-list-steps .title span					{ color:#11684c; }
.text											{ color:#6f6b6a; }

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


/** BANNER **/
.mailing-list-banner							{ padding:20px 0px; font-size:1.3em; }
.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; border:1px solid #CCCCCC; }
.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:1.8em; }
.mailing-list-steps .title span					{ display:block; font-size:0.8em; }
.mailing-list-steps .text						{ padding:0px 0px 20px 0px; font-size:1.4em; }


/** MAILING LIST REGISTER/LOGIN LINK **/
.mailinglist-link								{ font-size:1.6em; border-top:2px solid #c3922E; }
.mailinglist-link-reg							{padding:0px 0px 0px 0px;}
.mailing-list-title								{ width:100%; display:block; }
.mailing-list-title p							{ font-size:1.4em; }
.mailing-list-title h2							{ font-family:'Roboto Slab', sans-serif; font-size:1.6em !important; color:#1ca87b; }

/** RESPONSIVE **/

@media screen and (max-width:770px){
	.mailing-list-padding						{ padding-left:10px; padding-right:10px; }
}
@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; }
	.mailing-list-padding						{ padding-left:10px; padding-right:10px; }
}