* {
  box-sizing:border-box;
  margin: 0;
  padding: 0;
}

:root {
  --blue: #1b4692;
  --light-blue: #2aaae0;
  --red: #ad1513;
  --blue-gradient: linear-gradient(45deg,rgba(42,170,224,1) 0%,rgba(37,80,156,1) 18%,rgba(27,70,146,1) 100%);
  --primary-font: 'EB Garamond', serif;
  --secondary-font: 'Roboto', sans-serif;
}

body.page-node-type-form-page .region-content {padding: 20px 0 0;}

article.node.form {padding: 0}

section.at-inner p,
section.at-inner label,
section.at-inner input,
section.at-inner span,
form.user-login-form label,
form.user-login-form input {
  color: #222;
  font-family: var(--secondary-font);
  font-size: 18px;
  line-height: 24px;
}

.embedded-form section.at-inner label {margin: 10px;}

.embedded-form .ngp-form {max-width: unset;}

.embedded-form section.at-inner fieldset.at-fieldset {padding: 0 10px;}

/* Login */

body.path-user .tabs.block-core {max-width: 600px;}

form.user-login-form {
  margin: 0 auto;
  max-width: 600px;
}

form.user-login-form input {background: #FFF;}

form.user-login-form .description {
  color: #222;
  font-family: var(--secondary-font);
  padding: 5px 0 0;
}

/* Quick Signup Form */

.hero-section .form.block-block-content {
  margin: 0 auto;
  max-width: 280px;
}

.embedded-form.quick-signup {
  background: #FFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  height: 300px;
  margin: auto;
}

.hero-section .block-block-content h2 {
  color: #FFF;
  text-align: center;
  margin-bottom: 30px;
}

.ngp-form .at-form header.at-title {
  display: none;
}

.quicksignup .ngp-form .at-fields .at-row.PostalCode,
.quicksignup .ngp-form .at-fields .at-row.EmailAddress {
  margin: 0 20px;
}

.at-form .at-fields .at-text input {
  color: #222;
  border-color: #222;
  border-radius: 0;
  font-family: var(--secondary-font);
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0;
}

.at-form .at-fields .at-text input::placeholder {
  color: #3c3a3a;
}

.at-form-submit.clearfix {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0;
}

.at-form .at-form-submit .at-submit.btn-at.btn-at-primary {
  background: #ad1513;
  border-radius: 0;
  font-family: 'Lato',sans-serif;
  font-weight: 600;
  font-size: 18px;
  height: 70px;
  letter-spacing: 1px;
  line-height: 24px;
  margin: 20px;
  padding: 16px 48px;
  text-transform: uppercase;
  width: 100%;
}

.at-form .at-form-submit .at-submit.btn-at.btn-at-primary:hover {
  background-color: #d7162f;
}

/* Front Page Hero Section */

/* section.region-hero .title-container.front {width: 100%;}

section.region-hero section.homepage-hero .form-container .embedded-form header.at-title,
section.region-hero section.homepage-hero .form-container .embedded-form header.at-markup,
section.region-hero section.homepage-hero .form-container .embedded-form legend.at-legend {
  display: none;
}

section.region-hero section.homepage-hero .form-container .form-title,
section.region-hero section.homepage-hero .form-container section.main-body-content {
  background: var(--blue);
  color: #FFF;
}

section.region-hero section.homepage-hero .form-container .form-title {
  font-family: var(--primary-font);
  font-size: 28px;
  font-weight: 500;
  line-height: 48px;
  padding: 20px 20px 0;
  text-align: center;
}

section.region-hero section.homepage-hero .form-container section.at-inner {
  background: var(--blue);
  padding: 20px 0 0;
}

section.region-hero section.homepage-hero .form-container section.at-inner label {margin: 0 5px;}

section.region-hero section.homepage-hero .form-container section.main-body-content {
  font-family: var(--primary-font);
  font-size: 21px;
  font-weight: 400;
  line-height: 28px; 
  padding: 0 24px 20px;
}

section.region-hero section.homepage-hero .form-container .embedded-form .at-fields {
  display: grid;
}

section.region-hero section.homepage-hero .form-container .embedded-form .at-fields .at-row.PostalCode {
  order: 2;
}

section.region-hero section.homepage-hero .form-container .embedded-form .at-fields input {
  background: var(--blue);
  border-color: #FFF;
  border-radius: 0;
  color: #FFF;
}

section.region-hero section.homepage-hero .form-container .embedded-form .at-fields input::placeholder {
  color: #FFF;
}

section.region-hero section.homepage-hero .form-container .embedded-form .at-form-submit {
  margin: 0;
  padding: 20px;
}

section.region-hero section.homepage-hero .form-container .embedded-form footer.at-markup.FooterHtml {display: none;}

section.region-hero section.homepage-hero .form-container .embedded-form footer.at-markup.FooterHtml.has-content {display: block;} */

/* Form Header */

article.node.form .form-header {padding: 0 20px;}

article.node.form .form-header h2 {display: none;}

/* Form + Form Control */

section.at-inner input[type="text"],
section.at-inner input[type="password"],
section.at-inner input[type="date"],
section.at-inner input[type="datetime"],
section.at-inner input[type="datetime-local"],
section.at-inner input[type="month"],
section.at-inner input[type="week"],
section.at-inner input[type="email"],
section.at-inner input[type="number"],
section.at-inner input[type="search"],
section.at-inner input[type="tel"],
section.at-inner input[type="time"],
section.at-inner input[type="url"],
section.at-inner input[type="color"],
fieldset.at-fieldset.PaymentInformation iframe,
fieldset.at-fieldset.PaymentInformation .cc-type-wrapper,
section.at-inner select,
section.at-inner textarea,
section.at-inner .select2-selection,
section.at-inner input[type="text"]::placeholder,
section.at-inner input[type="password"]::placeholder,
section.at-inner input[type="date"]::placeholder,
section.at-inner input[type="datetime"]::placeholder,
section.at-inner input[type="datetime-local"]::placeholder,
section.at-inner input[type="month"]::placeholder,
section.at-inner input[type="week"]::placeholder,
section.at-inner input[type="email"]::placeholder,
section.at-inner input[type="number"]::placeholder,
section.at-inner input[type="search"]::placeholder,
section.at-inner input[type="tel"]::placeholder,
section.at-inner input[type="time"]::placeholder,
section.at-inner input[type="url"]::placeholder,
section.at-inner input[type="color"]::placeholder,
section.at-inner textarea::placeholder {
  border-color: #222;
  border-radius: 0;
  color: var(--blue);
  font-family: var(--secondary-font);
  font-size: 18px;
  font-weight: 400;
  height: 53px;
  line-height: 24px;
}

.embedded-form .at-form .at-fields .at-text input::placeholder {
  color:#222;
  border-color: #222;
}

section.at-inner select,
section.at-inner .error select {margin: 5px 0 10px;}

.ngp-form.at.fastaction-enabled.multistep-layout {
  padding: 0;
}

.ngp-form.at.multistep-layout .at-row-full {
  padding-top: 10px;
}

.ngp-form .at-form .at-inner header.at-title {
  padding: 30px 40px 20px;
}
.ngp-form .at-form .at-inner header.at-markup.HeaderHtml {
  font-size: 16px;
  margin-bottom: 0;
  padding: 0 24px 20px;
}

/* .embedded-form section.at-inner .at-fieldset {
  padding: 0;
} */

.at-fieldset .at-legend {
  color: var(--blue);
  font-family: var(--primary-font);
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}

main.raised-page .at-fields label {
  color: var(--blue);
  font-size: 18px;
  line-height: 20px;
  padding-top: 16px;
  text-align: left;
}

main.raised-page .at-fields input,
main.raised-page .at-fields select,
main.raised-page .at-fields .vgs-input-container {
  margin-top: 5px !important;
}

.at-fields input.intl-phone-MobilePhone,
.at-fields input.intl-phone-HomePhone {
  padding-left: 50px !important;
}

.at-fields {
  font-family: var(--primary-font);
}

main.raised-page .at-fields .at-check.IsRecurring {display: flex;}
 
main.raised-page .at-fields .at-recurring .at-select.SelectedFrequency {display: inline;}

main.raised-page .at-fields .at-check.CoverCostsAmount {padding-top: 0;}

/* Top Section */

.region-content .field--type-datetime {
  color: var(--blue);
  font-size: 21px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 24px;
}

/* FastAction */

.FastAction {
  background: #F1F1F1;
  padding: 4px;
}

.FastAction p {
  font-size: 10px;
}

.fastAction.clearfix p {
  display: flex;
  justify-content: space-between;
}

.FastAction .fastAction {
  padding: 8px 20px;
  background: none;
}

.FastAction .fastAction p {padding: 0;}

.FastAction .fastAction a,
.FastAction .fastAction p,
.FastAction .fastAction span {
  font-size: 14px;
  line-height: 20px;
}

.multistep-layout .FastAction {
  margin: 0 15px;
}

.fastAction .profile-link.toggle-menu {
  width: 98px;
}

.fastAction .profile-link .profile-link-fa-image {
  width: 90px;
}

/* Multi-Step Control */

ol.at-steps {
  margin: 0 15px;
  border-radius: 0;
}

ol.at-steps li.at-step.active {border-bottom-color: var(--blue);}

ol.at-steps li.at-step.active > ::before,
ol.at-steps li.at-step.active.valid > ::before,
ol.at-steps li.at-step > ::before,
ol.at-steps li.at-step.valid > ::before {background: #CCC;}

ol.at-steps li.at-step.active.invalid > ::before {background: var(--red);}

/* Radio Buttons + Toggle */

fieldset.ContributionInformation .at-radios {
  display:flex;
  flex-wrap:wrap;
  margin:0;
}

label.label-amount input[type="radio"]:checked+a {
  background: var(--blue) !important;
  border-color: var(--blue) !important;
}

.at form .label-amount input[type="radio"]:hover {
  background: var(--red);
}

article .at.ngp-form .radios label input[type="radio"] {
  -moz-appearance:none;
  -webkit-appearance:none;
  border:1px solid #222;
  border-radius:50%;
  content:"";
  display:block;
  height:24px;
  left:0;
  margin:0;
  padding:0;
  outline:none;
  position:absolute;
  width:24px;
  cursor: pointer;
}

article .at.ngp-form .radios label input[type="radio"]:checked {
  background:var(--red);
  border:0;
  border-color: #222;
}

article .at.ngp-form .form-item-selectedfrequency .radios {
  display:flex;
  flex-wrap:wrap;
  margin:0 10px;
}

article .at.ngp-form.multistep-layout .form-item-selectedfrequency .radios {margin:10px 10px 0;}

article .at.ngp-form .form-item-selectedfrequency .radio-description {
  color: var(--blue);
  display:block;
  font-size:14px;
  line-height:20px;
  margin: 0 10px 16px;
  order: 3;
  text-align: left;
  width:100%;
}

article .at.ngp-form .form-item-selectedfrequency .radio-description-value-0 {
  background-image: url(/themes/custom/ameripac2019/images/red-arrow.svg);
  background-repeat: no-repeat;
  background-size: 30px 35px;
  font-family: var(--primary-font);
  padding: 20px 0 5px 35px;
}


article .at.ngp-form .form-item-selectedfrequency .radios label {
  display:block;
  font-size:14px;
  line-height:2.5em;
  height:30px;
  margin:0 0 10px 10px;
  padding:5px 10px 5px 34px;
  position:relative;
  text-decoration:none;
}

article .at.ngp-form .form-item-selectedfrequency .radios label.at-radio-label-4 {
  order: 1;
}

article .at.ngp-form .form-item-selectedfrequency .radios label.at-radio-label-0 {
  order: 2;
}

article .at.ngp-form .form-item-selectedfrequency .radios label #text {
  padding-top: 10px;
}

/* .at-radio {margin:0;} */

.at input[type="text"], 
.vgs-input-container iframe {
  border-radius: 0;
}

input[type="text"]:focus {
  border-color: var(--blue);
}

.at-select.StateProvince select {
  color: #222;
  border-radius: 0;
  font-family: var(--secondary-font);
}

input {
  border-radius: 0;
}

input label {
  color: 
}

/* Contribution Buttons */

.embedded-form .at.ngp-form fieldset.ContributionInformation .at-radio {margin:0 -10px;}

.embedded-form .at.ngp-form fieldset.ContributionInformation .at-radios {
  display:flex;
  flex-wrap:wrap;
  margin:0 10px 5px;
}

.embedded-form .ngp-form fieldset.ContributionInformation label.label-amount {
  align-items: center;
  border-radius:0;
  color: #FFF;
  display: flex;
  font-size: 24px;
  font-weight:700;
  float:none;
  height:53px;
  justify-content: center;
  letter-spacing:unset;
  line-height:29px;
  margin:10px;
  padding: 0;
  text-shadow:unset;
  width: 100% !important;
}

.embedded-form .at.ngp-form fieldset.ContributionInformation label.label-otheramount {
  margin-bottom:0 !important;
}

fieldset.ContributionInformation .form-item-selectamount {
  margin:0;
}

.at-fields .label-amount {
  font-family: var(--primary-font);
  font-weight: 700;
  font-size: 18px;
}

fieldset.ContributionInformation label.label-amount input[name="SelectAmount"] {
  font-family: var(--primary-font);
  height:0;
  left:0;
  position:absolute;
  top:0;
  width:1px;
}

fieldset.ContributionInformation label.label-amount a {
  background: var(--blue);
  border:0;
  border-radius:0;
  font-family: var(--secondary-font);
  height:53px;
}

label.label-amount.long {
  font-size: 18px;
}

fieldset.ContributionInformation label.label-amount a:hover,
fieldset.ContributionInformation label.label-amount:hover a {
  background: var(--red);
}

fieldset.ContributionInformation label.label-amount input:checked + a {
  background: var(--red) !important;
  color: #FFF;
}

fieldset.ContributionInformation label.label-amount:active a {box-shadow:none;}

article .at.ngp-form fieldset.ContributionInformation label.label-amount.label-otheramount {
    background:transparent;
    border-color: #222;
    font-size:0;
    height:auto;
    line-height:50px;
    margin-bottom:10px;
    padding:0;
    position:relative;
}

fieldset.ContributionInformation .at-radios.recurring-options label.label-otheramount:after {
     content:"";
     font-size:0;
}

.embedded-form fieldset.ContributionInformation input.edit-otheramount,
.embedded-form fieldset.ContributionInformation input.edit-otheramount:required::selection {
    background:none;
    border-radius:0;
    border-color: #222;
    color: #222;
    font-family:var(--primary-font);
    font-size: 18px;
    font-weight:700;
    height:50px;
    letter-spacing:unset;
    line-height:50px;
    margin:0;
    padding:0 20px 0 25px;
    position:absolute;
    top:0;
    width:100%;
}

.embedded-form fieldset.ContributionInformation input.edit-otheramount::placeholder {
  color: #222;
  border-color: #222;
  font-family: var(--primary-font);
  font-size: 24px;
  font-weight: 700;
  height: 53px;
  line-height: 29px;
}

.embedded-form fieldset.ContributionInformation input:checked + input.edit-otheramount::placeholder {
  color: #222;
  border-color: #222;
}

.embedded-form fieldset.ContributionInformation input:checked + input.edit-otheramount {
  background: none;
  border-color: #222;
  color: #222;
  font-family: var(--primary-font);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  padding:0 20px 0 25px;
}

.embedded-form fieldset.ContributionInformation label.label-otheramount span,
.embedded-form fieldset.ContributionInformation input.edit-otheramount:required + span {
  align-items: center;
  border: 0;
  color: #222;
  display: flex;
  font-family: var(--primary-font);
  font-size: 24px;
  font-weight: 700;
  height:50px;
  justify-content: center;
  line-height:29px;
}

.embedded-form fieldset.ContributionInformation input.edit-otheramount:required + span {
  color: #222;
  font-family: var(--primary-font);
  font-size: 24px;
  font-weight:700;
  line-height: 29px;
}

/* Checkboxes */

label.at-check {margin:5px 5px 5px 10px;}

.at-check.YesSignMeUpForUpdatesForBinder {position:relative;}

.at-markup.UpdateMyProfile {margin:0 5px;}
.PaymentInformation .at-markup.UpdateMyProfile {margin:0 10px 20px;}
.updateMyProfileSection > label {margin:0;}

article .at.ngp-form label.at-check .at-checkbox-title-container:before,
article .at.ngp-form label.at-check .at-checkbox-title-container:after,
article .at.ngp-form .UpdateMyProfile label > span:before,
article .at.ngp-form .UpdateMyProfile label > span:after,
article .at.ngp-form label.at-check.authorize-payment-label > span:before,
article .at.ngp-form label.at-check.authorize-payment-label > span:after {
    border:1px solid #222 !important;
    border-radius:1px;
    height:24px;
    left:0;
    top:0;
    width:24px;
}

article .at.ngp-form label.at-check .at-checkbox-title-container:before,
article .at.ngp-form .UpdateMyProfile label > span:before,
article .at.ngp-form label.at-check.authorize-payment-label > span:before {background:none;}

article .at.ngp-form label.at-check .at-checkbox-title-container:after,
article .at.ngp-form .UpdateMyProfile label > span:after,
article .at.ngp-form label.at-check.authorize-payment-label > span:after {
  background-color: var(--red);
  background-image:url(/themes/custom/ameripac2019/images/check-mark.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:16px 16px;
  border:1px solid var(--blue);
  content:"";
  font-size:24px;
  line-height:24px;
  text-align:center;
}

article .at.ngp-form label.at-check .at-checkbox-title-container,
article .at.ngp-form .UpdateMyProfile label > span,
article .at.ngp-form fieldset.ContributionInformation label.at-select.SelectedFrequency span.at-select,
article .at.ngp-form label.at-check.authorize-payment-label > span {
  display: block;
  font-size: 18px;
  color: var(--blue);
  line-height: 20px !important;
  margin: 0;
  /* margin-top: 16px; */
  padding-left: 34px;
  text-transform: none;
}

fieldset.ContributionInformation label.at-select.SelectedFrequency span.at-select {padding-left:0;}

article .at.ngp-form label.at-check .at-checkbox-title,
article .at.ngp-form label.at-check .at-cover-costs-info,
article .at.ngp-form label.at-select .select-collapse,
article .at.ngp-form .UpdateMyProfile label > span {
  display: flex;
  font-size: 18px;
  font-weight:400;
  line-height:24px;
}
 
/* Occupation Info Disclaimer */

.LegalHeaderHtml,
.multistep-layout .LegalHeaderHtml {
  margin-top: 10px;
  text-align: left;
  font-weight: 700;
}

.at-markup.LegalDescription {
  margin: 20px 10px 10px;
  text-align: left;
}

.multistep-layout .at-markup.LegalDescription p {
  font-size: 16px;
  color: var(--blue);
}

.multistep-layout .at-markup.LegalDescription p:nth-child(4),
.multistep-layout .at-markup.LegalDescription p:nth-child(5) {
  display: none;
}

.embedded-form section.at-inner fieldset.at-fieldset.EmployerInformation .at-markup.LegalHeaderHtml p {padding: 0;}

/* Ticket Information */

main.raised-page fieldset.TicketInformation .at-fields {
  padding: 0 10px;
}

main.raised-page fieldset.TicketInformation th {
  color: var(--blue);
}

main.raised-page tr.ticketTotals b {
  color: var(--blue) !important;
  font-size: 15px;
  line-height: 16px;
}

.at table tr td {
  padding: .5625rem 0 !important;
}

/* Submit */

.at-submit.btn-at.btn-at-primary,
.nextStep.btn-at.btn-at-primary,
.prevStep.btn-at.btn-at-link,
.submitStep.btn-at.btn-at-primary {
  align-items: center;
  background: var(--red);
  border-radius: 0px;
  color: #FFF;
  display: flex;
  font-family: var(--primary-font);
  font-size: 21px;
  font-weight: 700;
  height: 56px;
  justify-content: center;
  letter-spacing: 0.1em;
  padding: 12px 38px;
  text-transform: uppercase;
  width: 100%;
}

form.user-login-form input.form-submit {
  align-items: center;
  background: var(--red);
  border-radius: 0px;
  color: #FFF;
  display: flex;
  font-family: var(--primary-font);
  font-size: 18px;
  font-weight: 700;
  height: 56px;
  justify-content: center;
  line-height: 24px;
  letter-spacing: 0.1em;
  padding: 10px 20px;
  text-transform: uppercase;
}

.nextStep.btn-at.btn-at-primary,
.prevStep.btn-at.btn-at-link,
.submitStep.btn-at.btn-at-primary {
  margin: 0 auto 24px;
}

.at-submit.btn-at.btn-at-primary:hover,
.nextStep.btn-at.btn-at-primary:hover,
.prevStep.btn-at.btn-at-link:hover,
.submitStep.btn-at.btn-at-primary:hover {
  background:#d81122;
}

form.user-login-form input.form-submit:hover {
  background:#d81122;
}

.at-form-submit .step-prevNext {display: grid;}

.at-form-submit .step-prevNext .next {order: 2;}

.multistep-layout .at-form-submit .step-prevNext {
  padding: 0;
}

/* Footers */

.at-markup {
  margin-bottom: 0;
}

/* Thank You Page */

.content.thankYou {
  margin: 20px;
}

.content.thankYou .contributions {
  margin: 0 auto;
  width: fit-content;
}

.content.thankYou p {
  font-family: adobe-garamond-pro, serif;
  line-height: 35px;
}

/* Error */

section.at-inner form fieldset.at-fieldset small.error {
  color: var(--red);
  font-size: 16px; 
  line-height: 20px;
  margin-bottom: 25px;
  padding: 0 0 20px;
  position: relative;
}

section.at-inner form fieldset.at-fieldset.ContributionInformation label.label-otheramount.error small.error {
  color: var(--red);
  margin-bottom: 25px;
  padding: 0 0 20px;
  /* right: 35px; */
  top: 60px;
}

section.at-inner form fieldset.at-fieldset.ContributionInformation label.label-otheramount.error input:required + .label-otheramount-prefix,
section.at-inner form fieldset.at-fieldset.ContributionInformation label.label-otheramount.error input:required::placeholder {color: var(--red);}

section.at-inner form fieldset.at-fieldset.ContactInformation small.error {
  margin: 0;
  padding: 0;
}

section.at-inner form fieldset.at-fieldset.PaymentInformation small.error {
  margin-bottom: 0;
  padding: 10px 0;
}

section.at-inner form fieldset.at-fieldset.PaymentInformation label.at-cc-number.error,
section.at-inner form fieldset.at-fieldset.PaymentInformation label.at-cc-expiration.error,
section.at-inner form fieldset.at-fieldset.PaymentInformation label.at-cc-number.error iframe,
section.at-inner form fieldset.at-fieldset.PaymentInformation label.at-cc-expiration.error iframe {
  color: var(--red);
  border-color: var(--red);
}

@media (min-width: 600px) {
  
  body.has-main-image section.header-image figure.main-image {
    height:400px;
  }
  
  /* Forms */
  
  .embedded-form .ngp-form fieldset.ContributionInformation label.label-amount {
    width: calc(50% - 20px) !important;
  }
  
  .embedded-form .ngp-form fieldset.ContributionInformation label.label-amount.label-otheramount {width: 100% !important;}
  
  .at-form-submit.clearfix {justify-content: flex-end;}
  
  .at-form .at-form-submit .at-submit.btn-at.btn-at-primary {width: unset;}
  
  .at-submit.btn-at.btn-at-primary, 
  .nextStep.btn-at.btn-at-primary, 
  .prevStep.btn-at.btn-at-link, 
  .submitStep.btn-at.btn-at-primary {
    width: unset;
  }
  
  .at-form-submit .step-prevNext {
    display: flex;
    justify-content: space-between;
  }
  
}

@media (min-width: 768px) {

  body.page-node-type-form-page article.node.form {
    background: #fff;
    border: 1px solid #222;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin: 0 auto;
    max-width: 600px;
    padding: 0;
    position: relative;
    width: 100%
  }
  
  body.page-node-type-form-page .region-content {padding: 80px 0;}
  
  article.node.form .form-header {padding: 20px;}
  
  article.node.form .form-header p:last-child {padding: 0;}
  
  article.node.form section.at-inner .at-markup.FastAction {margin: 0 20px;}
  
  .at-markup.FooterHtml li,
  .multistep-layout .FooterHtml li {
    margin-left: 25px;
  }
  
  article.form .at-submit.btn-at.btn-at-primary, 
  article.form .nextStep.btn-at.btn-at-primary, 
  article.form .prevStep.btn-at.btn-at-link, 
  article.form .submitStep.btn-at.btn-at-primary {
    margin: 10px 15px 30px;
    padding: 12px 56px;
    width: unset;
  }

}

@media (min-width: 900px) {
  
  /* Quick Signup */
  
  .homepage-hero .embedded-form section.at-inner fieldset.at-fieldset {padding: 0 10px;}
  
  .homepage-hero .embedded-form .at-form .at-form-submit .at-submit.btn-at.btn-at-primary {margin: 20px;}
  
  /* Forms */
  
  body.page-node-type-form-page article.node.form {max-width: 860px;}
  
  article.node.form .form-header {padding: 40px 40px 20px;}
  
  article.node.form section.at-inner .at-markup.FastAction {margin: 0 40px;}
  
  .embedded-form section.at-inner fieldset.at-fieldset {padding: 0 30px;}
  
  .embedded-form .ngp-form fieldset.ContributionInformation label.label-amount {width: calc((100% / 3) - 20px) !important;}
  
  .at-form .at-form-submit .at-submit.btn-at.btn-at-primary {margin: 40px;}
  
}

@media (min-width: 1440px) {
  
  .ngp-form .at-form .at-inner header.at-markup.HeaderHtml {
    padding: 0 100px 20px;
  }
  
  article .at.ngp-form fieldset.ContributionInformation label.label-amount:first-child,
  article .at.ngp-form fieldset.ContributionInformation label.label-amount:nth-child(2),
  article .at.ngp-form fieldset.ContributionInformation label.label-amount:nth-child(3),
  article .at.ngp-form fieldset.ContributionInformation label.label-amount:nth-child(4) {
    width:calc((75% / 3) - 20px) !important;
  }
  
  article .at.ngp-form fieldset.ContributionInformation label.label-amount:nth-child(5),
  article .at.ngp-form fieldset.ContributionInformation label.label-amount:nth-child(6),
  article .at.ngp-form fieldset.ContributionInformation label.label-amount.label-otheramount {
    width: calc((100% / 3) - 20px) !important;
  }
  
  article .at.ngp-form fieldset.ContributionInformation label.label-amount.label-otheramount input {
    height: 54px;
  }
  
}