/* MailChimp Form Embed Code - Horizontal Super Slim - 12/16/2015 v10.7
Adapted from: http://blog.heyimcat.com/universal-signup-form/ */

#mc_bar_signup form {text-align:center; padding:10px 0 10px 0;}
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#mc_bar_signup input.email {
	font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
	font-size: 14px;
	border: 1px solid #ABB0B2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #343434;
	background-color: #fff;
	box-sizing:border-box;
	height:23px;
	padding: 0px 0.4em;
	display: inline-block;
	margin: 0;
	width:350px;
	vertical-align:top;
}
#mc_bar_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_bar_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_bar_signup .button {
	font-size: 13px;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	letter-spacing: .03em;
	color: #fff;
	background-color: #aaa;
	box-sizing:border-box;
	height:23px;
	line-height:23px;
	padding:0 18px;
	display: inline-block;
	margin: 0;
	transition: all 0.23s ease-in-out 0s;
}
#mc_bar_signup .button:hover {background-color:#cc0fbc; cursor:pointer;}
#mc_bar_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_bar_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_bar_signup #mce-error-response {display:none;}
#mc_bar_signup #mce-success-response {color:#529214; display:none;}
#mc_bar_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
@media (max-width: 768px) {
    #mc_bar_signup input.email {width:100%; margin-bottom:5px;}
    #mc_bar_signup .clear {display: block; width: 100% }
    #mc_bar_signup .button {width: 100%; margin:0; }
}
