/**************************************************
Better World Campaign - EveryAction Form Theme

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
**************************************************/

/* Set form font to committee's for typographic consistency */
.at {
  font-family: inherit !important;
  text-align: left;
}
/* Custom heading styles */
.at h1, .at h2, .at h3, .at h4, .at h5, .at h6 {
  font-family: inherit !important;
  font-weight: inherit !important;
}
/* Removes borders from around the form to match committee styling */
.at-inner {
  border: none !important;
  border-radius: 0 !important;
  background-color: transparent !important;
}
/* Removes EveryAction Form Title */
.at.ngp-form header.at-title, #step-1 header.at-title, #fy18_funding header.at-title, #footer .email-sign-up .at.ngp-form .at-form .at-inner .at-title {
  display:none;
}
/* Submit button label with committee hover transition */
.at .btn-at {
  border-width: 3px !important;
  font-family: inherit !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 18px !important;
  transition: color .2s linear, border-color .2s linear;
}
/* Submit button border radius (rounded corner buttons) */
.at input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 5px !important;
}

/* Submit buttom state color properties */
.at .btn-at-primary {
  background-color: transparent !important;
  border-color: #309ed2 !important;
  color: #309ed2 !important;
}

.at .btn-at-primary:hover, .at .hover.btn-at-primary {
  background-color: transparent;
  border-color: #c4cfdd !important;
  color: #c4cfdd !important;
}


/***********************************
 Two Column Advocacy Form
***********************************/

#two-column-form.column-container {
  width: 100%;
  padding: 0;
  margin: 0;
}

#two-column-form .column-one-content {
  display: inline-block;
  width: 55%;
  margin-right:7%;
  padding-top: 40px;
  vertical-align: top;
}

#two-column-form .column-two-form {
  display: inline-block;
  width: 35%;
}

.column-two-form .at.ngp-form .at-title {
  display: block;
  padding: 25px 0;
  font-family: futura-pt,helvetica,arial,sans-serif;
  font-weight: 900;
  font-size: 1.8em;
  text-transform: uppercase;
}

.column-two-form .at.ngp-form .MeterHtml, .column-two-form .at.ngp-form .HeaderHtml {
  padding-right: 0;
  padding-left: 0;
}

.column-two-form .at.ngp-form .fastAction {
  padding: 0 0 1.25rem;
  background-color: transparent;
}

.column-two-form .at.ngp-form .fastAction p {
  margin: 1px 0.625rem;
}

.column-two-form .at.ngp-form fieldset.at-fieldset {
  padding-right: 0;
  padding-left: 0;
}

.column-two-form .at.ngp-form fieldset input {
  font-weight: 400;
}

.column-two-form .at.ngp-form fieldset .at-indented {
  margin-top: 0;
}
.column-two-form .at.ngp-form .at-form-submit {
  padding-right: 0;
  padding-left: 0;
}

.column-two-form .at.ngp-form .at-form-submit input {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.column-two-form .at.ngp-form fieldset.AdvocacyFields {
  height: 0px;
  visibility: hidden;
}