/**************************************************
Girl Up - Embedded EA Forms

Modified styles from EveryAction at.min.css to globally customize form appearance for consistency with committee's visual brand across the entire site.
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
**************************************************/

/**********************************
 Shared Form Styles:
 Newsletter Sign-up, Contact EA
**********************************/

/* Inherit website type face for consistency */
.at.ngp-form {
  font-family: inherit;
  text-align: left;
}
/* Removes borders from around the form to match committee styling */
.at.ngp-form section.at-inner  {
  border: none;
  border-radius: 0;
  background-color: transparent;
}
/* Removes EveryAction Form Title */
.at.ngp-form header.at-title {
  display:none;
}
/* Remove Body Content Section From Form */
.at.ngp-form header.at-markup.HeaderHtml {
  display: none;
}
.at.ngp-form .at-fieldset, .at.ngp-form .at-form-submit {
  padding: 0 0.625em;
}
/* Input Fieldset height, font, border-radius */
.at.ngp-form input[type="text"], .at.ngp-form input[type="email"], .at.ngp-form input[type="tel"] {
  border-radius:5px;
  font-family: inherit;
  font-size:0.875em;
  height:3.3125em;
}
/* Country select input height, arrow size, and border-radius */
.at.ngp-form select {
  background-size:3em .5556em;
  border-radius:5px !important;
  font-size:0.875em;
  height:3.3125em;
}
/* Submit Button Position */
.at.ngp-form .at-form-submit .at-submit {
  float:left;
}
/* Submit button label with committee hover transition */
.at.ngp-form .btn-at {
  border-width: 1px;
  font-family: inherit;
  font-weight: 200;
  text-transform: none;
  font-size: 18px;
  transition: color .2s linear,border-color .2s linear;
}
/* Submit button border radius (rounded corner buttons) */
.at.ngp-form input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 50px;
}

/* Submit buttom state color properties */
.at.ngp-form .btn-at-primary {
  background-color: #309ed2;
  border-color: #309ed2;
  color: #FFFFFF;
}

.at.ngp-form .btn-at-primary:hover, .at.ngp-form .hover.btn-at-primary {
  background-color: #309ed2;
  border-color: #309ed2;
  color: #c4cfdd;
}

/*************************************
 Join The Movement
*************************************/

#join-the-movement .at fieldset legend {
  display:none;
}

#join-the-movement .at label {
  font-size:1em;
  color:#ffffff;
}
/*************************************
 Contact EA
*************************************/

/* Website Content Styles */

.generic-content p {
  color: #666666;
}
.generic-content .asideleft {
  background-color: #0073cf;
  border-radius: 8px;
  color: #ffffff;
  float: left;
  width: 37%;
  margin: 0 4.33333333% 1em 8.66666667%;
  padding: 15px;
}
.generic-content .asideleft p {
  color: #ffffff;
  text-align: justify;
}
.generic-content .asideright {
  background-color: #003591;
  border-radius: 8px;
  color: #ffffff;
  float: right;
  width: 37%;
  margin: 0 8.66666667% 1em 4.33333333%;
  padding: 15px 15px 42px;
}
.generic-content .asideright p {
  color: #ffffff;
  text-align: justify;
}

/* Contact EA Styles */
.generic-content .at.ngp-form .at-fieldset {
  margin:1.5em 0 0;
}
.generic-content .at.ngp-form fieldset legend {
  color: #394357;
  font-family: "Museo500",sans-serif;
  font-weight: 500;
  font-size: 1.125em;
  margin: 0;
  padding-bottom: 12px;
  padding-top: 0;
  border: 0;
}
.generic-content .at.ngp-form label {
  font-size: 0.875em;
  color: #5d6778;
  font-weight: 200;
}
.generic-content .at.ngp-form input[type="text"], .generic-content .at.ngp-form input[type="password"], .generic-content .at.ngp-form input[type="date"], .generic-content .at.ngp-form input[type="datetime"], .generic-content .at.ngp-form input[type="datetime-local"], .generic-content .at.ngp-form input[type="month"], .generic-content .at.ngp-form input[type="week"], .generic-content .at.ngp-form input[type="email"], .generic-content .at.ngp-form input[type="number"], .generic-content .at.ngp-form input[type="search"], .generic-content .at.ngp-form input[type="tel"], .generic-content .at.ngp-form input[type="time"], .generic-content .at.ngp-form input[type="url"], .generic-content .at.ngp-form input[type="color"], .generic-content .at.ngp-form textarea {
  margin: 0 0 2em 0;
  padding: 0.5em;
}
/* Checkbox Size Fix */
.generic-content .at.ngp-form input[type="checkbox"]+span {
  padding-left: 1.65em;
}
.generic-content .at.ngp-form input[type="checkbox"]+span:before {
  height: 1.125em;
  width: 1.125em;
}
.generic-content .at.ngp-form input[type="checkbox"]+span:after {
  font-size: 0.8125em;
}


/*************************************
 Newsletter Sign-up Specific
*************************************/

/* Remove Form Section Heading Titles */
#footer-widget-4 .at.ngp-form fieldset legend {
  display:none;
}
/* Input Field Label Font-size and Color */
#footer-widget-4 .at.ngp-form label {
  font-size: .9em;
  color:#ffffff;
}