/* Steps */

section.form .at.ngp-form ol.at-steps {
  border-radius:0;
  font-family:"Raleway", sans-serif;
  margin:0 10px;
  padding-right:15px;
  padding-left:15px;
}

section.form .at.ngp-form ol.at-steps li.at-step {
  color:#373d3f;
  font-size:1em;
}

section.form .at.ngp-form ol.at-steps li.at-step > :before {
  font-family:"Raleway", sans-serif;
  font-size:12px;
  font-weight:700;
  line-height:18px;
}

section.form .at.ngp-form ol.at-steps li.at-step.active {border-bottom-color:#ee3624;}

/* Custom Donation Toggle Stuff */

section.form fieldset.ContributionInformation h2.form-label {
  color:#373d3f;
  font-family:Raleway, sans-serif;
  font-weight:700;
  font-size:1.25em;
  line-height:1.em;
  margin:0 0 20px;
  padding:0;
}

section.form .at.ngp-form .toggle-links-block {
  display:flex;
  justify-content:space-between;
}

section.form .at.ngp-form .toggle-links-block .toggle-link {width:calc(50% - 5px);}

/* Make sure the recurring checkbox is removed, but only if the toggle-enabled class has been added */
.at-recurring.toggle-enabled {display:none;}



section.form .at.ngp-form fieldset.at-fieldset {padding:10px 0;}
section.form .at.ngp-form fieldset.at-fieldset.ContributionInformation {padding:10px;}
section.form .at.ngp-form fieldset.at-fieldset.PaymentInformation {padding-bottom:20px;}

section.form .at.ngp-form fieldset.at-fieldset .at-row label u {text-decoration:none;}
section.form .at.ngp-form fieldset.at-fieldset .at-row label textarea {min-height:150px;}
section.form .at.ngp-form input:focus::selection {background:rgba(238,54,36,1);}

section.form .at.ngp-form fieldset.at-fieldset .at-row label {
  color:#373d3f;
  font-size:.875em;
}

section.form .at.ngp-form .at-row.UpdateMyProfile .UpdateMyProfile {
  margin:0;
  padding:0 10px;
}

section.form .at.ngp-form input[type="checkbox"] + span:before {border:1px solid rgba(238,54,36,1);}

section.form .at.ngp-form input[type="checkbox"]:checked + span:before,
section.form .at.ngp-form input[type="checkbox"]:checked + span::before {
  background:rgba(254,191,69,1);
  border:1px solid rgba(254,191,69,1);
}








section.form .at.ngp-form .at-form-submit {
  display:flex;
  justify-content:flex-end;
  margin:0;
  padding:0 10px 10px;
  text-align:center;
}

section.form .at.ngp-form .at-form-submit .at-submit {
  background:rgba(238,54,36,1);
  border:0;
  border-radius:0;
  float:none;
  font-size:1.5em;
  font-weight:700;
  letter-spacing:1px;
  line-height:2.5em;
  margin:0;
  padding:0 20px;
  text-transform:uppercase;
}

section.form .at.ngp-form .at-form-submit .at-submit:hover {background:rgba(238,54,36,.9);}

section.form .at.ngp-form .at-form-submit .step-prevNext,
section.form .at.ngp-form .at-fieldset.AdvocacyFields ~ .at-form-submit {
  display:flex;
  justify-content:space-between;
  margin:0;
  padding:0;
}

section.form .at.ngp-form .at-fieldset.AdvocacyFields ~ .at-form-submit {padding:10px;}

section.form .at.ngp-form .at-form-submit .step-prevNext:before,
section.form .at.ngp-form .at-form-submit .step-prevNext:after,
section.form .at.ngp-form .at-fieldset.AdvocacyFields ~ .at-form-submit:before,
section.form .at.ngp-form .at-fieldset.AdvocacyFields ~ .at-form-submit:after {display:none;}
section.form .at.ngp-form .at-form-submit .step-prevNext .prevNext {float:none;}
section.form .at.ngp-form .at-form-submit .step-prevNext .prevNext.prev {order:1;}
section.form .at.ngp-form .at-form-submit .step-prevNext .prevNext.next {order:2;}

section.form .at.ngp-form .at-form-submit .step-prevNext .btn-at {
  border:0;
  line-height:20px;
  margin-bottom:0;
  padding:15px;
}

section.form .at.ngp-form .at-form-submit .at-submit,
section.form .at.ngp-form .at-form-submit .step-prevNext .btn-at,
section.form .toggle-links-block .toggle-link,
section.form .at.ngp-form .AdvocacyFields .at-secondary-submit {
  background-color:rgba(238,54,36,1);
  border:0;
  border-radius:4px;
  color:#fff;
  display:block;
  float:none;
  font-size:16px;
  font-weight:700;
  margin:unset;
  padding:15px;
  line-height:20px;
  text-align:center;
  text-transform:uppercase;
  width:250px;
}

section.form .at.ngp-form .at-fieldset.AdvocacyFields ~ .at-form-submit .at-submit {width:auto;}

section.form .toggle-links-block .toggle-link {
	background-color:#fff;
  color:#373d3f;
  border:2px solid rgb(238,54,36);
	padding:14px 15px;
}

section.form .toggle-links-block .toggle-link.active {
	background-color:rgba(238,54,36,1);
  color:#fff;
  cursor:not-allowed;
  pointer-events:none;
}

section.form .at.ngp-form .at-form-submit .step-prevNext .btn-at {
  min-width:100px;
  width:auto;
}

section.form .at.ngp-form .at-form-submit .step-prevNext .next .btn-at:hover {background:rgba(238,54,36,.9);}
section.form .at.ngp-form .at-form-submit .step-prevNext .prev .btn-at {background-color:rgba(254,191,69,1);}
section.form .at.ngp-form .at-form-submit .step-prevNext .prev .btn-at:hover {background-color:rgba(254,191,69,.9);}

section.form .at.ngp-form .content.thankYou {padding:10px 20px;}


/* Form Pages Buttons */

section.form .at.ngp-form fieldset.ContributionInformation .at-fields {padding:0;}
section.form .at.ngp-form fieldset.ContributionInformation .form-type-radios,
section.form .at.ngp-form fieldset.ContributionInformation .at-radio,
section.form .at.ngp-form fieldset.ContributionInformation .at-radios {margin:0;}

section.form .at.ngp-form fieldset.ContributionInformation .at-radios {
  margin:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  padding:0;
  margin:0;
}

section.form .at.ngp-form fieldset.ContributionInformation .at-radios:before,
section.form .at.ngp-form fieldset.ContributionInformation .at-radios:after {display:none;}

section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount {
  align-items:center;
  border-radius:4px;
  color:#373d3f;
  display:flex;
  float:none !important;
  font-size:24px;
  font-weight:700;
  height:60px;
  justify-content:center;
  line-height:25px;
  margin:0 0 10px;
  padding:5px 10px;
  white-space:normal;
  width:100% !important;
}

section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount.hidden {display:none;}

section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount.recurring:after {
  content:"/mo.";
  font-size:18px;
}

section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount:not(.label-otheramount) a {
  background-color:rgba(238,54,36,1); /* red */
  background-color:#fff; /* white */
  border:2px solid rgb(238,54,36);
  height:60px;
  text-shadow:none;
}

section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount:not(.label-otheramount):hover a {background-color:rgba(238,54,36,.9);}
section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount input[type="radio"]:checked + a {background-color:rgba(238,54,36,1);}
section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount:hover input[type="radio"]:checked + a {background-color:rgba(238,54,36,.9);}

section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount.label-otheramount {
  font-size:0;
  padding:0 10px 0 30px;
  position:relative;
  width:100% !important;
}

section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount.label-otheramount span {
  background-color:rgba(255,255,255,1);
  border:2px solid rgb(238,54,36);
  border-radius:4px;
  display:block;
  height:60px;
  padding:0 0 0 10px;
  text-align:left;
  text-shadow:none;  
  width:100%;
  z-index:10;
  color:red;
}

section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount.label-otheramount span:before {content:"\00a0";}

section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount.label-otheramount input[type="radio"]:checked ~ span {
	border:2px solid rgb(238,54,36);
	background-color:rgba(238,54,36,1);
}

section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount.label-otheramount input {
  background:#fff;
  border:0;
  border-radius:0;
  color:#373d3f;
  display:block;
  font-size:20px;
  font-weight:700;
  height:40px;
  padding:0 10px;
  z-index:11;
}

section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount.label-otheramount input::placeholder {color:#373d3f;}
section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount.label-otheramount input[type="radio"]:checked + input.edit-otheramount {color:rgba(238,54,36,1);}

section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount.label-otheramount > span {
  color:#373d3f;
  line-height:55px;
  padding:0;
  top:0;
}

section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount.label-otheramount input[type="radio"]:checked ~ span {color:#fff;}
section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount.label-otheramount.error > small.error {display:none;}
section.form .at.ngp-form .at-error-console {margin:0 20px;}

section.form .at.ngp-form fieldset.ContributionInformation .at-recurring {margin:0;}

/* Advocacy Stuff */

section.form .at.ngp-form fieldset.AdvocacyFields legend.at-legend-with-submit .at-submit {display:none;}


/* P2P Stuff */


section.form .at.ngp-form header.MeterHtml {width:100%;}
.page-ngp-multistep section.form .at.ngp-form header.at-markup.MeterHtml {width:100%;}
section.form .at.ngp-form .at-personalization-container {display:block;}
section.form .at.ngp-form .at-personal-description {width:100%;}
section.form .at.ngp-form .at-personal-image-container {max-width:unset;}


@media (min-width:480px){

  section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount {width:calc(50% - 5px) !important;}
    
}


@media (min-width:768px){

  
/* Form Pages Buttons */

  section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount {
    padding:0 10px;
    width:calc(25% - 7.5px) !important;
  }
  
  section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount.label-otheramount {width:calc(50% - 5px) !important;}
  
}





/* Green Theme Overrides */
body.green a {color:#2a4940;}
body.green header.theme-header {background:#2a4940;}
body.green section.form .at.ngp-form ol.at-steps li.at-step.active {border-bottom-color:#2a4940;}
body.green section.form .at.ngp-form .at-form-submit .at-submit {background:rgba(42,73,64,1);}
body.green section.form .at.ngp-form .at-form-submit .at-submit:hover {background:rgba(42,73,64,.9);}
body.green section.form .at.ngp-form .at-form-submit .at-submit,
body.green section.form .at.ngp-form .at-form-submit .step-prevNext .btn-at,
body.green section.form .at.ngp-form .AdvocacyFields .at-secondary-submit {background-color:rgba(42,73,64,1);}
body.green section.form .toggle-links-block .toggle-link {border:2px solid rgb(42,73,64);}
body.green section.form .toggle-links-block .toggle-link.active {background-color:rgba(42,73,64,1);}
body.green section.form .at.ngp-form .at-form-submit .step-prevNext .next .btn-at:hover {background:rgba(42,73,64,.9);}
body.green section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount {color:#aaa;}
body.green section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount:not(.label-otheramount) a {border:2px solid rgb(42,73,64);}
body.green section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount:not(.label-otheramount):hover a {background-color:rgba(42,73,64,.9);}
body.green section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount input[type="radio"]:checked + a {background-color:rgba(42,73,64,1);}
body.green section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount:hover input[type="radio"]:checked + a {background-color:rgba(42,73,64,.9);}
body.green section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount.label-otheramount span {border:2px solid rgb(42,73,64);}
body.green section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount.label-otheramount input[type="radio"]:checked ~ span {
  border:2px solid rgb(42,73,64);
  background-color:rgba(42,73,64,1);
}
body.green section.form .at.ngp-form fieldset.ContributionInformation .at-radios label.label-amount.label-otheramount input[type="radio"]:checked + input.edit-otheramount {color:rgba(42,73,64,1);}