/**************************************************
Better World Campaign - Email Sign-Up Form

Modified styles from EveryAction at.min.css to customize form appearance for consistency with committee's visual brand. Duplicate CSS declarations have been removed to
minimize file size.

This file is linked within BWC's Wordpress site in the header.php file. To access the <link> to this file goto:
https://betterworldcampaign.org/wp-login.php > Apperances > Edit > Header.php
**************************************************/


/* Width and centers both footer anad Take Action form */
#ea_email_signup .ngp-form, #step-1 .ngp-form, #footer .ngp-form {
  max-width: 600px;
}

/* Reomves Form Title */
#ea_email_signup .at.ngp-form .at-form .at-inner .at-title {
  display: none;
} 

/* Removes Contact Information Section Title */
#ea_email_signup .at fieldset legend, #step-1 .at fieldset legend, #footer .at fieldset legend  {
  display: none;
}

/* Customize form field label text color */
#ea_email_signup .at label, #step-1 .at label, #footer .at label {
  color: #c4cfdd;
}

/* Sets width and alignment of Postal Code form field */
#ea_email_signup div.PostalCode, #step-1 div.PostalCode, #footer div.PostalCode {
  width: 28%;
  float: right;
}

/* Sets width and alignment of Email Address form field */
#ea_email_signup div.EmailAddress, #step-1 div.EmailAddress, #footer div.EmailAddress {
  width: 70%;
  float:left;
}

/* Sets min-width and form field spacing */
#ea_email_signup .at-row>[class^="at-"], #step-1 .at-row>[class^="at-"], #footer .at-row>[class^="at-"] {
  margin: 1rem 0.625rem 0;
  min-width: 100px;
}

/* Customize form fields for committee's branding */
#footer .at input[type="text"], #step-1 .at input[type="text"], #footer .at input[type="email"], #step-1 .at input[type="email"], #footer .at input[type="tel"], #step-1 .at input[type="tel"] {
  background-color: rgba(255,255,255, 0.1);
  font-family: inherit;
  border-style: solid;
  border-width: 3px;
  border-color: #c4cfdd;
  color: rgba(255, 255, 255, 0.75);
  font-size: inherit;
  margin: 0;
  height: 3.3125rem;
  border-radius: 5px;
}

/* Sets width of form submit button */
#ea_email_signup .at-form-submit .at-submit, #step-1 .at-form-submit .at-submit, #footer .at-form-submit .at-submit {
  width:96%;
}

/*****************************
 Stay Informed Custom Classes
*****************************/

/* Stay Informed sign-up heading styles */
#ea_email_signup header {
  text-align:center;
}
#ea_email_signup header h2 {
  text-transform:uppercase;
  margin-bottom:0;
}

/* Customize form fields for committee's branding */
#ea_email_signup .at input[type="text"], #ea_email_signup .at input[type="email"], #ea_email_signup .at input[type="tel"] {
  background-color: rgba(255,255,255, 0.1);
  font-family: inherit;
  border-style: solid;
  border-width: 3px;
  border-color: #c4cfdd;
  color: rgba(0, 0, 0, 0.65);
  font-size: inherit;
  margin: 0;
  height: 3.3125rem;
  border-radius: 5px;
}

/***************************
****************************
 Take Action Custom Classes
****************************
***************************/