/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

h1 {
  margin-bottom: 0;
}
.sf_cols h1,
.sf_colsIn h1 {
  color: #1a5eab;
}

.css-kaihww {
  border: 2px solid #1a5eab;
  border-radius: 0;
  color: #1a5eab;
  font-family: "PN Bold", Helvetica;
}
.css-kaihww::-webkit-input-placeholder {
  font-family: "PN Light", Helvetica;
}
.css-kaihww::-moz-placeholder {
  font-family: "PN Light", Helvetica;
}
.css-kaihww:-ms-input-placeholder {
  font-family: "PN Light", Helvetica;
}
.css-kaihww::-ms-input-placeholder {
  font-family: "PN Light", Helvetica;
}
.css-kaihww::placeholder {
  font-family: "PN Light", Helvetica;
}
.mainContent .at-title {
  display: none;
}
.mainContent .at a {
  color: #0193d7;
  font-family: "PN Bold", Helvetica;
  line-height: 1;
}
.mainContent .at a:focus,
.mainContent .at a:hover {
  color: #1a5eab;
}
.mainContent .at a[class*="btn--"] {
  color: #ffffff;
  line-height: 1.25;
}
.mainContent .at a[class*="btn--"]:focus,
.mainContent .at a[class*="btn--"]:hover {
  color: #ffffff;
}
.mainContent .at a.btn--white {
  color: #000000;
}
.mainContent .at a.btn--white:focus,
.mainContent .at a.btn--white:hover {
  color: #000000;
}
.mainContent .at .at-check.CoverCostsAmount,
.mainContent .at .at-check.YesSignMeUpForUpdatesForBinder {
  color: #000000;
  font-family: "PN Light", Helvetica;
}
.mainContent .at .at-check input + span {
  margin-bottom: 0.5rem;
}
.mainContent .at .at-checkbox-title {
  font-family: "PN Light", Helvetica;
}
.mainContent .at .at-fieldset.PaymentMethodSection {
  margin: 0.5rem 0 !important;
  padding: 0 !important;
}
.mainContent .at .at-inner {
  background-color: #faf7f2;
}
.mainContent .at .at-radio-set-buttons.at-align-flex-right {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mainContent .at .at-radio-set-buttons .at-btn-radio-wrapper .at-btn-radio {
  background-color: #b50303;
  border: none;
  border-radius: 0;
  color: #ffffff;
  font-family: "PN Bold", Helvetica;
  height: 50px;
  line-height: 1;
  margin: 0.5rem 0;
  padding: 1rem;
  text-transform: uppercase;
  width: 240px;
}
.mainContent
  .at
  .at-radio-set-buttons
  .at-btn-radio-wrapper
  .at-btn-radio:hover,
.mainContent
  .at
  .at-radio-set-buttons
  .at-btn-radio-wrapper
  .at-btn-radio:focus {
  background-color: #8f0202;
  color: #ffffff;
}
.mainContent .at .at-radio-set-buttons .at-btn-radio-wrapper .at-paypal-button,
.mainContent
  .at
  .at-radio-set-buttons
  .at-btn-radio-wrapper
  label[for*="applepay_radio"],
.mainContent
  .at
  .at-radio-set-buttons
  .at-btn-radio-wrapper
  label[for*="paypal-radio"] {
  background-color: #000000;
  background-image: none;
}
.mainContent
  .at
  .at-radio-set-buttons
  .at-btn-radio-wrapper
  .at-paypal-button::before,
.mainContent
  .at
  .at-radio-set-buttons
  .at-btn-radio-wrapper
  label[for*="applepay_radio"]::before,
.mainContent
  .at
  .at-radio-set-buttons
  .at-btn-radio-wrapper
  label[for*="paypal-radio"]::before {
  content: "PayPal";
  text-transform: none;
}
.mainContent
  .at
  .at-radio-set-buttons
  .at-btn-radio-wrapper
  .at-paypal-button:hover,
.mainContent
  .at
  .at-radio-set-buttons
  .at-btn-radio-wrapper
  label[for*="applepay_radio"]:hover,
.mainContent
  .at
  .at-radio-set-buttons
  .at-btn-radio-wrapper
  label[for*="paypal-radio"]:hover,
.mainContent
  .at
  .at-radio-set-buttons
  .at-btn-radio-wrapper
  .at-paypal-button:focus,
.mainContent
  .at
  .at-radio-set-buttons
  .at-btn-radio-wrapper
  label[for*="applepay_radio"]:focus,
.mainContent
  .at
  .at-radio-set-buttons
  .at-btn-radio-wrapper
  label[for*="paypal-radio"]:focus {
  background-color: #434347 !important;
}
.mainContent
  .at
  .at-radio-set-buttons
  .at-btn-radio-wrapper
  label[for*="applepay_radio"],
.mainContent
  .at
  .at-radio-set-buttons
  .at-btn-radio-wrapper
  label[for*="paypal-radio"] {
  background-image: url("https://cdn.sanity.io/media-libraries/mlmEWUxEY7eQ/images/99b92dd70c186faf84472cc819f213c0499a4202-2137x880.png?h=25&dpr=2");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 25px;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
}
.mainContent
  .at
  .at-radio-set-buttons
  .at-btn-radio-wrapper
  label[for*="applepay_radio"]::before,
.mainContent
  .at
  .at-radio-set-buttons
  .at-btn-radio-wrapper
  label[for*="paypal-radio"]::before {
  content: "";
}
.mainContent
  .at
  .at-radio-set-buttons
  .at-btn-radio-wrapper
  label[for*="applepay_radio"]
  .at-apple-pay-button,
.mainContent
  .at
  .at-radio-set-buttons
  .at-btn-radio-wrapper
  label[for*="paypal-radio"]
  .at-apple-pay-button {
  display: none;
}
.mainContent .at .at-step {
  border-bottom: none;
}
.mainContent .at .at-step.active .step-title {
  border-bottom: 3px solid #1a5eab;
}
.mainContent .at .at-step > *::before {
  display: none;
}
.mainContent .at .at-steps {
  background: transparent;
}
.mainContent .at .btn,
.mainContent .at .btn-at {
  border-radius: 0;
  font-family: "PN Bold", Helvetica;
  font-size: 16px;
  height: auto;
  line-height: 1.25;
  margin: 0.5em 0;
  padding: 1em 3em;
  width: auto;
}
.mainContent .at .btn-at-primary {
  background-color: #1a5eab;
  color: #ffffff;
  margin-right: 0 !important;
  text-transform: uppercase;
}
.mainContent .at .btn-at-primary:hover {
  background-color: #144985;
  color: #ffffff;
}
.mainContent .at .btn-at-primary.submitStep {
  background-color: #b50303;
}
.mainContent .at .btn-at-primary.submitStep:hover {
  background-color: #8f0202;
}
.mainContent .at .btn-gray {
  border: 1px solid #000000;
  color: #000000;
}
.mainContent .at .btn-blue {
  background-color: #1a5eab;
}
.mainContent .at .btn-blue:focus,
.mainContent .at .btn-blue:hover,
.mainContent .at .btn-blue:active {
  background-color: #144985;
}
.mainContent .at .btn-red {
  background-color: #b50303;
}
.mainContent .at .btn-red:focus,
.mainContent .at .btn-red:hover,
.mainContent .at .btn-red:active {
  background-color: #8f0202;
}
.mainContent .at .error small.error {
  color: #b50303;
}
.mainContent .at .error select:required,
.mainContent .at .error textarea:required,
.mainContent .at .error input[type="text"]:required,
.mainContent .at .error input[type="password"]:required,
.mainContent .at .error input[type="date"]:required,
.mainContent .at .error input[type="datetime"]:required,
.mainContent .at .error input[type="datetime-local"]:required,
.mainContent .at .error input[type="month"]:required,
.mainContent .at .error input[type="week"]:required,
.mainContent .at .error input[type="email"]:required,
.mainContent .at .error input[type="number"]:required,
.mainContent .at .error input[type="search"]:required,
.mainContent .at .error input[type="tel"]:required,
.mainContent .at .error input[type="time"]:required,
.mainContent .at .error input[type="url"]:required,
.mainContent .at .error input[type="color"]:required {
  border-color: #b50303;
  color: #b50303;
}
.mainContent .at .error select:required::-webkit-input-placeholder,
.mainContent .at .error textarea:required::-webkit-input-placeholder,
.mainContent .at .error input[type="text"]:required::-webkit-input-placeholder,
.mainContent
  .at
  .error
  input[type="password"]:required::-webkit-input-placeholder,
.mainContent .at .error input[type="date"]:required::-webkit-input-placeholder,
.mainContent
  .at
  .error
  input[type="datetime"]:required::-webkit-input-placeholder,
.mainContent
  .at
  .error
  input[type="datetime-local"]:required::-webkit-input-placeholder,
.mainContent .at .error input[type="month"]:required::-webkit-input-placeholder,
.mainContent .at .error input[type="week"]:required::-webkit-input-placeholder,
.mainContent .at .error input[type="email"]:required::-webkit-input-placeholder,
.mainContent
  .at
  .error
  input[type="number"]:required::-webkit-input-placeholder,
.mainContent
  .at
  .error
  input[type="search"]:required::-webkit-input-placeholder,
.mainContent .at .error input[type="tel"]:required::-webkit-input-placeholder,
.mainContent .at .error input[type="time"]:required::-webkit-input-placeholder,
.mainContent .at .error input[type="url"]:required::-webkit-input-placeholder,
.mainContent
  .at
  .error
  input[type="color"]:required::-webkit-input-placeholder {
  color: #b50303;
}
.mainContent .at .error select:required::-moz-placeholder,
.mainContent .at .error textarea:required::-moz-placeholder,
.mainContent .at .error input[type="text"]:required::-moz-placeholder,
.mainContent .at .error input[type="password"]:required::-moz-placeholder,
.mainContent .at .error input[type="date"]:required::-moz-placeholder,
.mainContent .at .error input[type="datetime"]:required::-moz-placeholder,
.mainContent .at .error input[type="datetime-local"]:required::-moz-placeholder,
.mainContent .at .error input[type="month"]:required::-moz-placeholder,
.mainContent .at .error input[type="week"]:required::-moz-placeholder,
.mainContent .at .error input[type="email"]:required::-moz-placeholder,
.mainContent .at .error input[type="number"]:required::-moz-placeholder,
.mainContent .at .error input[type="search"]:required::-moz-placeholder,
.mainContent .at .error input[type="tel"]:required::-moz-placeholder,
.mainContent .at .error input[type="time"]:required::-moz-placeholder,
.mainContent .at .error input[type="url"]:required::-moz-placeholder,
.mainContent .at .error input[type="color"]:required::-moz-placeholder {
  color: #b50303;
}
.mainContent .at .error select:required:-ms-input-placeholder,
.mainContent .at .error textarea:required:-ms-input-placeholder,
.mainContent .at .error input[type="text"]:required:-ms-input-placeholder,
.mainContent .at .error input[type="password"]:required:-ms-input-placeholder,
.mainContent .at .error input[type="date"]:required:-ms-input-placeholder,
.mainContent .at .error input[type="datetime"]:required:-ms-input-placeholder,
.mainContent
  .at
  .error
  input[type="datetime-local"]:required:-ms-input-placeholder,
.mainContent .at .error input[type="month"]:required:-ms-input-placeholder,
.mainContent .at .error input[type="week"]:required:-ms-input-placeholder,
.mainContent .at .error input[type="email"]:required:-ms-input-placeholder,
.mainContent .at .error input[type="number"]:required:-ms-input-placeholder,
.mainContent .at .error input[type="search"]:required:-ms-input-placeholder,
.mainContent .at .error input[type="tel"]:required:-ms-input-placeholder,
.mainContent .at .error input[type="time"]:required:-ms-input-placeholder,
.mainContent .at .error input[type="url"]:required:-ms-input-placeholder,
.mainContent .at .error input[type="color"]:required:-ms-input-placeholder {
  color: #b50303;
}
.mainContent .at .error select:required::-ms-input-placeholder,
.mainContent .at .error textarea:required::-ms-input-placeholder,
.mainContent .at .error input[type="text"]:required::-ms-input-placeholder,
.mainContent .at .error input[type="password"]:required::-ms-input-placeholder,
.mainContent .at .error input[type="date"]:required::-ms-input-placeholder,
.mainContent .at .error input[type="datetime"]:required::-ms-input-placeholder,
.mainContent
  .at
  .error
  input[type="datetime-local"]:required::-ms-input-placeholder,
.mainContent .at .error input[type="month"]:required::-ms-input-placeholder,
.mainContent .at .error input[type="week"]:required::-ms-input-placeholder,
.mainContent .at .error input[type="email"]:required::-ms-input-placeholder,
.mainContent .at .error input[type="number"]:required::-ms-input-placeholder,
.mainContent .at .error input[type="search"]:required::-ms-input-placeholder,
.mainContent .at .error input[type="tel"]:required::-ms-input-placeholder,
.mainContent .at .error input[type="time"]:required::-ms-input-placeholder,
.mainContent .at .error input[type="url"]:required::-ms-input-placeholder,
.mainContent .at .error input[type="color"]:required::-ms-input-placeholder {
  color: #b50303;
}
.mainContent .at .error select:required::placeholder,
.mainContent .at .error textarea:required::placeholder,
.mainContent .at .error input[type="text"]:required::placeholder,
.mainContent .at .error input[type="password"]:required::placeholder,
.mainContent .at .error input[type="date"]:required::placeholder,
.mainContent .at .error input[type="datetime"]:required::placeholder,
.mainContent .at .error input[type="datetime-local"]:required::placeholder,
.mainContent .at .error input[type="month"]:required::placeholder,
.mainContent .at .error input[type="week"]:required::placeholder,
.mainContent .at .error input[type="email"]:required::placeholder,
.mainContent .at .error input[type="number"]:required::placeholder,
.mainContent .at .error input[type="search"]:required::placeholder,
.mainContent .at .error input[type="tel"]:required::placeholder,
.mainContent .at .error input[type="time"]:required::placeholder,
.mainContent .at .error input[type="url"]:required::placeholder,
.mainContent .at .error input[type="color"]:required::placeholder {
  color: #b50303;
}
.mainContent .at .form-item-selectedfrequency .radios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  margin: 0 auto 1em;
  text-align: center;
  width: 280px;
}
.mainContent .at .form-item-selectedfrequency .radios label {
  display: block;
  line-height: 40px;
  margin-right: 0;
  padding: 0px;
  width: 120px;
}
.mainContent
  .at
  .form-item-selectedfrequency
  .radios
  label
  input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #5b5c61;
  border-radius: 50%;
  height: 1.5rem;
  margin: 0 0.25rem;
  outline: none;
  position: relative;
  top: 5px;
  width: 1.5rem;
}
.mainContent
  .at
  .form-item-selectedfrequency
  .radios
  label
  input[type="radio"]:checked {
  background-color: #1a5eab;
  border-color: #1a5eab;
}
.mainContent .at form .label-amount,
.mainContent .at form .label-amount.long {
  color: #000000;
  font-family: "PN Bold", Helvetica;
  font-size: 1rem;
  line-height: 2.25;
}
.mainContent .at form .label-amount:hover {
  color: #000000;
}
.mainContent .at form .label-amount:hover > a {
  background-color: rgba(26, 94, 171, 0.1);
  border: 3px solid #000000;
}
.mainContent .at form .label-amount > a {
  background-color: transparent;
  border: 2px solid #000000;
  border-radius: 0;
  color: #1a5eab;
}
.mainContent .at form .label-amount input {
  background-color: #faf7f2;
}
.mainContent .at form .label-amount input + .label-otheramount-prefix {
  color: #000000;
  font-family: "PN Bold", Helvetica;
  font-size: 1rem;
  line-height: 2.25;
}
.mainContent .at form .label-amount input:required {
  background-color: rgba(26, 94, 171, 0.2);
  color: #000000;
}
.mainContent .at form .label-amount input:required + .label-otheramount-prefix {
  color: #000000;
}
.mainContent .at form .label-amount input[type="radio"]:checked + a {
  background-color: rgba(26, 94, 171, 0.2);
  border: 3px solid #000000;
}
.mainContent .at form .label-amount input[type="radio"]:focus + a {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.mainContent .at form .label-amount.label-otheramount {
  font-size: 0;
  width: 74%;
}
.mainContent .at form .label-amount.label-otheramount input {
  border: 2px solid #000000;
  border-radius: 0;
  font-family: "PN Bold", Helvetica;
  font-size: 1rem;
}
.mainContent
  .at
  form
  .label-amount.label-otheramount
  input::-webkit-input-placeholder {
  color: #000000;
  font-family: "PN Bold", Helvetica;
  font-size: 1rem;
}
.mainContent .at form .label-amount.label-otheramount input::-moz-placeholder {
  color: #000000;
  font-family: "PN Bold", Helvetica;
  font-size: 1rem;
}
.mainContent
  .at
  form
  .label-amount.label-otheramount
  input:-ms-input-placeholder {
  color: #000000;
  font-family: "PN Bold", Helvetica;
  font-size: 1rem;
}
.mainContent
  .at
  form
  .label-amount.label-otheramount
  input::-ms-input-placeholder {
  color: #000000;
  font-family: "PN Bold", Helvetica;
  font-size: 1rem;
}
.mainContent .at form .label-amount.label-otheramount input::placeholder {
  color: #000000;
  font-family: "PN Bold", Helvetica;
  font-size: 1rem;
}
.mainContent .at h1 {
  background-color: unset !important;
  color: #152d44 !important;
  font-family: "PNEC Bold", Helvetica;
  font-size: 3rem !important;
  font-weight: normal !important;
  margin: 2rem 0 !important;
  text-align: center !important;
}
.mainContent .at h2 {
  color: #152d44;
  font-family: "PNEC SemiBold", Helvetica;
}
.mainContent .at h3,
.mainContent .at .h3 {
  color: #152d44;
  font-family: "PN Bold", Helvetica;
}
.mainContent .at h4 {
  color: #000000;
  font-family: "PN Light", Helvetica;
}
.mainContent .at input[type="checkbox"] + span::before {
  border-color: #000000;
  border-radius: 0;
}
.mainContent .at input[type="checkbox"] + span::after {
  font-family: "PN Light", Helvetica;
}
.mainContent .at input[type="checkbox"]:focus + span::before {
  border-color: #1a5eab;
  -webkit-box-shadow: 0 0 4px 0 #1a5eab;
  box-shadow: 0 0 4px 0 #1a5eab;
}
.mainContent .at input[type="checkbox"]:checked + span::before {
  background-color: #1a5eab;
  border-color: #1a5eab;
}
.mainContent .at input[type="radio"] {
  margin: 0 0.5rem 0 -1.5rem;
}
.mainContent .at input[type="text"],
.mainContent .at input[type="password"],
.mainContent .at input[type="date"],
.mainContent .at input[type="datetime"],
.mainContent .at input[type="datetime-local"],
.mainContent .at input[type="month"],
.mainContent .at input[type="week"],
.mainContent .at input[type="email"],
.mainContent .at input[type="number"],
.mainContent .at input[type="search"],
.mainContent .at input[type="tel"],
.mainContent .at input[type="time"],
.mainContent .at input[type="url"],
.mainContent .at input[type="color"],
.mainContent .at select,
.mainContent .at textarea {
  border: 2px solid #000000;
  border-radius: 0;
  color: #000000;
  font-family: "PN Bold", Helvetica;
}
.mainContent .at input[type="text"]::-webkit-input-placeholder,
.mainContent .at input[type="password"]::-webkit-input-placeholder,
.mainContent .at input[type="date"]::-webkit-input-placeholder,
.mainContent .at input[type="datetime"]::-webkit-input-placeholder,
.mainContent .at input[type="datetime-local"]::-webkit-input-placeholder,
.mainContent .at input[type="month"]::-webkit-input-placeholder,
.mainContent .at input[type="week"]::-webkit-input-placeholder,
.mainContent .at input[type="email"]::-webkit-input-placeholder,
.mainContent .at input[type="number"]::-webkit-input-placeholder,
.mainContent .at input[type="search"]::-webkit-input-placeholder,
.mainContent .at input[type="tel"]::-webkit-input-placeholder,
.mainContent .at input[type="time"]::-webkit-input-placeholder,
.mainContent .at input[type="url"]::-webkit-input-placeholder,
.mainContent .at input[type="color"]::-webkit-input-placeholder,
.mainContent .at select::-webkit-input-placeholder,
.mainContent .at textarea::-webkit-input-placeholder {
  font-family: "PN Light", Helvetica;
}
.mainContent .at input[type="text"]::-moz-placeholder,
.mainContent .at input[type="password"]::-moz-placeholder,
.mainContent .at input[type="date"]::-moz-placeholder,
.mainContent .at input[type="datetime"]::-moz-placeholder,
.mainContent .at input[type="datetime-local"]::-moz-placeholder,
.mainContent .at input[type="month"]::-moz-placeholder,
.mainContent .at input[type="week"]::-moz-placeholder,
.mainContent .at input[type="email"]::-moz-placeholder,
.mainContent .at input[type="number"]::-moz-placeholder,
.mainContent .at input[type="search"]::-moz-placeholder,
.mainContent .at input[type="tel"]::-moz-placeholder,
.mainContent .at input[type="time"]::-moz-placeholder,
.mainContent .at input[type="url"]::-moz-placeholder,
.mainContent .at input[type="color"]::-moz-placeholder,
.mainContent .at select::-moz-placeholder,
.mainContent .at textarea::-moz-placeholder {
  font-family: "PN Light", Helvetica;
}
.mainContent .at input[type="text"]:-ms-input-placeholder,
.mainContent .at input[type="password"]:-ms-input-placeholder,
.mainContent .at input[type="date"]:-ms-input-placeholder,
.mainContent .at input[type="datetime"]:-ms-input-placeholder,
.mainContent .at input[type="datetime-local"]:-ms-input-placeholder,
.mainContent .at input[type="month"]:-ms-input-placeholder,
.mainContent .at input[type="week"]:-ms-input-placeholder,
.mainContent .at input[type="email"]:-ms-input-placeholder,
.mainContent .at input[type="number"]:-ms-input-placeholder,
.mainContent .at input[type="search"]:-ms-input-placeholder,
.mainContent .at input[type="tel"]:-ms-input-placeholder,
.mainContent .at input[type="time"]:-ms-input-placeholder,
.mainContent .at input[type="url"]:-ms-input-placeholder,
.mainContent .at input[type="color"]:-ms-input-placeholder,
.mainContent .at select:-ms-input-placeholder,
.mainContent .at textarea:-ms-input-placeholder {
  font-family: "PN Light", Helvetica;
}
.mainContent .at input[type="text"]::-ms-input-placeholder,
.mainContent .at input[type="password"]::-ms-input-placeholder,
.mainContent .at input[type="date"]::-ms-input-placeholder,
.mainContent .at input[type="datetime"]::-ms-input-placeholder,
.mainContent .at input[type="datetime-local"]::-ms-input-placeholder,
.mainContent .at input[type="month"]::-ms-input-placeholder,
.mainContent .at input[type="week"]::-ms-input-placeholder,
.mainContent .at input[type="email"]::-ms-input-placeholder,
.mainContent .at input[type="number"]::-ms-input-placeholder,
.mainContent .at input[type="search"]::-ms-input-placeholder,
.mainContent .at input[type="tel"]::-ms-input-placeholder,
.mainContent .at input[type="time"]::-ms-input-placeholder,
.mainContent .at input[type="url"]::-ms-input-placeholder,
.mainContent .at input[type="color"]::-ms-input-placeholder,
.mainContent .at select::-ms-input-placeholder,
.mainContent .at textarea::-ms-input-placeholder {
  font-family: "PN Light", Helvetica;
}
.mainContent .at input[type="text"]::placeholder,
.mainContent .at input[type="password"]::placeholder,
.mainContent .at input[type="date"]::placeholder,
.mainContent .at input[type="datetime"]::placeholder,
.mainContent .at input[type="datetime-local"]::placeholder,
.mainContent .at input[type="month"]::placeholder,
.mainContent .at input[type="week"]::placeholder,
.mainContent .at input[type="email"]::placeholder,
.mainContent .at input[type="number"]::placeholder,
.mainContent .at input[type="search"]::placeholder,
.mainContent .at input[type="tel"]::placeholder,
.mainContent .at input[type="time"]::placeholder,
.mainContent .at input[type="url"]::placeholder,
.mainContent .at input[type="color"]::placeholder,
.mainContent .at select::placeholder,
.mainContent .at textarea::placeholder {
  font-family: "PN Light", Helvetica;
}
.mainContent .at label {
  color: #000000;
  font-family: "PN Bold", Helvetica;
  font-size: 1rem;
}
.mainContent .at label.error {
  color: #b50303;
}
.mainContent .at label.at-text.SuggestedAmount {
  text-indent: 34px;
}
.mainContent .at label.at-text.SuggestedAmount::before {
  content: "$";
  display: block;
  font-size: 22px;
  height: 32px;
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: calc(50% - 8px);
  width: 30px;
}
.mainContent .at label.at-text.SuggestedAmount input {
  margin-left: 33px;
  width: calc(100% - 33px);
}
.mainContent .at label input,
.mainContent .at label select,
.mainContent .at label select + .select2 {
  margin-top: 0.5rem !important;
}
.mainContent .at label input + input {
  margin-top: 0 !important;
}
.mainContent .at .label--selected {
  background-color: rgba(26, 94, 171, 0.2);
}
.mainContent .at .radios label {
  font-family: "PN Light", Helvetica;
  margin: 0.5rem 1.5rem;
}
.mainContent .at .select2-results__option:before {
  display: none;
}
.mainContent .at .select2-selection--single {
  border: 2px solid #000000;
  border-radius: 0;
  color: #000000;
  font-family: "PN Bold", Helvetica;
}
.mainContent .at .select2-selection--single .select2-selection__rendered {
  color: #000000;
}
.mainContent .at .select2-container--default .select2-selection--multiple {
  border: none;
  border-radius: 0;
}
.mainContent
  .at
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  padding: 0;
}
.mainContent
  .at
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered
  li {
  padding: 0;
}
.mainContent .at .updateMyProfileSection label,
.mainContent .at .at-recurring label {
  color: #000000;
  font-family: "PN Light", Helvetica;
}
.mainContent .fastAction {
  background-color: #faf7f2;
}
.mainContent .fastAction .circle {
  background-color: #faf7f2;
  border: 1px solid #1a5eab;
}
.mainContent .fastAction .circle:hover {
  background-color: #1a5eab;
  color: #ffffff;
}
.mainContent .AdditionalInformation .at-legend {
  padding-top: 2rem;
}
.mainContent .AdditionalInformation [id*="QuestionHtml"] {
  margin-top: 2rem;
}
.mainContent .AdditionalInformation [id*="QuestionHtml"] p {
  margin: 0;
}
.mainContent .AdditionalInformation .radios > label:last-child {
  display: block;
  margin-bottom: 1rem;
}
.mainContent
  .AdditionalInformation
  .radios
  > label:last-child
  input[type="radio"] {
  margin: 0 0.5rem 0 -1.5rem;
}
.mainContent
  .AdditionalInformation
  .form-unit-radio
  label[id*="CustomFormFieldQuestion"],
.mainContent
  .AdditionalInformation
  label[id*="CustomFormFieldQuestion"].at-area,
.mainContent
  .AdditionalInformation
  [class*="CustomFormFieldQuestion"]
  .checkbox-list-label {
  margin: 1rem 0 1rem 10px;
  padding: 0;
}
.mainContent
  .AdditionalInformation
  label[id*="CustomFormFieldQuestion"].at-area
  textarea {
  margin: 0;
  margin-top: 0.5rem;
}
.mainContent
  .AdditionalInformation
  [class*="CustomFormFieldQuestion"]:first-child
  .checkbox-list-label,
[class*="QuestionHtml"]
  + .mainContent
  .AdditionalInformation
  [class*="CustomFormFieldQuestion"] {
  margin-top: 0;
}
.mainContent
  .AdditionalInformation
  [class*="CustomFormFieldQuestion"]
  input[type="checkbox"]:not(:checked)
  + span::before {
  background-color: #fff;
  top: 3px;
}
.mainContent .TicketInformation {
  padding: 1.25rem;
}
.mainContent .TicketInformation legend {
  margin: 0;
  margin-bottom: -1rem;
}
.mainContent .TicketInformation .TicketLevels,
.mainContent .TicketInformation .TicketHolders {
  background-color: transparent;
  border-collapse: collapse;
}
.mainContent .TicketInformation .TicketLevels tr.ticket-level,
.mainContent .TicketInformation .TicketHolders tr.ticket-level {
  border-bottom: 1px solid #000;
}
.mainContent .TicketInformation .TicketLevels tr:nth-of-type(even),
.mainContent .TicketInformation .TicketLevels tr.even,
.mainContent .TicketInformation .TicketLevels tr.ticketTotals,
.mainContent .TicketInformation .TicketHolders tr:nth-of-type(even),
.mainContent .TicketInformation .TicketHolders tr.even,
.mainContent .TicketInformation .TicketHolders tr.ticketTotals {
  background-color: transparent;
}
.mainContent .TicketInformation .TicketLevels tr td,
.mainContent .TicketInformation .TicketHolders tr td {
  padding: 1rem 0.5rem;
}
.mainContent .TicketInformation .TicketLevels tr td .ticket-description,
.mainContent .TicketInformation .TicketHolders tr td .ticket-description {
  color: #000;
  display: inline-block;
  font-family: "PN Light";
  font-size: 15px;
  line-height: 1.25;
  margin-top: 0.5rem;
}
.mainContent .TicketInformation .TicketLevels tr td b,
.mainContent .TicketInformation .TicketHolders tr td b {
  font-family: "PN Bold";
  font-size: 1.125rem;
}
.mainContent .TicketInformation .TicketLevels thead {
  display: none;
}
.mainContent .TicketInformation .TicketHolders thead {
  background-color: transparent;
}
.mainContent .MeterHtml {
  display: none;
}
.mainContent .progressBar {
  display: none;
}
.mainContent .progressBar--active {
  background-color: #faf7f2;
  display: block;
  margin: 0 auto;
  max-width: 715px;
  padding: 1rem 1.5rem;
}
.mainContent .progressBar--active + .multistep-layout,
.mainContent .progressBar--active + .multistep-layout.split-layout {
  margin-top: 0;
}
.mainContent .progressBar__amountRaised {
  font-family: "PN Bold", Helvetica;
  font-size: 1.5em;
  line-height: 1;
  margin: 0;
}
.mainContent .progressBar__goal {
  margin: 0.5rem 0;
}
.mainContent .progressBar__bar {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #1a5eab;
  height: 1.5rem;
  width: 100%;
}
.mainContent .progressBar__bar::-webkit-progress-bar {
  background-color: #ffffff;
  border: 2px solid #1a5eab;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.mainContent .progressBar__bar::-moz-progress-bar {
  background-color: #1a5eab;
}
.mainContent .progressBar__bar::-webkit-progress-value {
  background-color: #1a5eab;
}
.mainContent .progressBar__supporters {
  margin: 0;
  padding-top: 0.25rem;
  position: absolute;
}
.mainContent .progressBar__percentage {
  margin: 0;
  padding-top: 0.25rem;
  text-align: center;
}
.mainContent .multistep-layout,
.mainContent .multistep-layout.split-layout {
  max-width: 715px;
  min-width: auto;
}
.mainContent .multistep-layout form,
.mainContent .multistep-layout .HeaderHtml,
.mainContent .multistep-layout.split-layout form,
.mainContent .multistep-layout.split-layout .HeaderHtml {
  float: none;
  margin: 0 auto;
  padding: 0 24px 16px;
  width: auto;
}
.mainContent .multistep-layout .HeaderHtml p {
  font-family: "PN Light", Helvetica;
  font-size: 1rem;
  line-height: 1.5;
  padding: 0;
}
.mainContent .ngp-deactivation-message {
  background-color: #faf7f2;
  padding: 1em 1.5em;
  text-align: center;
}
.mainContent .ngp-form {
  max-width: 715px;
}
.mainContent .ngp-form__footer {
  background-color: #faf7f2;
  margin: 0 auto;
  max-width: 715px;
  padding-top: 1em;
}
.mainContent .page-content {
  background-color: #faf7f2;
  margin: 0 auto 5em;
  min-width: auto;
  padding: 0;
}
.mainContent .page-content .oa-self-service-login-container,
.mainContent .page-content .oa-self-service-confirmation-container,
.mainContent .page-content .oa-self-service-portal-container {
  padding: 1.5rem;
}
.mainContent
  .page-content
  .oa-self-service-portal-container
  .unsubscribe-button {
  margin-bottom: 1.5rem;
}
.mainContent .page-content #logOutConfirmation {
  display: block;
  padding: 1.5em;
  text-align: center;
}
.mainContent .page-content form {
  padding: 0;
}
.mainContent .page-content form .row {
  padding-bottom: 1rem;
}
.mainContent .page-content form .row .row {
  margin: 0;
}
.mainContent .page-content .oa-ssp-app-container {
  font-family: "PN Light", Helvetica;
  padding: 0;
}
.mainContent .page-content .oa-ssp-app-container .logout-link {
  float: none;
  margin: 1em;
  width: auto;
}
.mainContent .page-content .oa-ssp-app-container .ssp-header {
  margin: 1em 1.5em;
}
.mainContent .page-content .oa-ssp-app-container .ssp-header .ssp-navbar {
  margin: 0;
}
.mainContent .page-content .oa-ssp-app-container .ssp-header .nav-tabs {
  margin: 0 auto;
  padding-left: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-header
  .nav-tabs
  > li::before {
  display: none;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-header
  .nav-tabs
  > li
  > a {
  color: #000000;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-header
  .nav-tabs
  > li
  > a:focus,
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-header
  .nav-tabs
  > li
  > a:hover {
  border-bottom: 2px solid #0193d7;
  color: #434347;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-header
  .nav-tabs
  > li.active
  > a {
  border-bottom: 2px solid #1a5eab;
  color: #1a5eab;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-header
  .ssp-nav-dropdown
  .dropdown-menu {
  border-color: #abb2b5;
  border-radius: 0;
  top: 0;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-header
  .ssp-nav-dropdown
  .dropdown-menu
  .dropdown-nav-list {
  border: none;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-header
  .ssp-nav-dropdown
  .dropdown-menu
  li {
  color: #000000;
  line-height: 1;
  margin: 0.25em 0;
  padding: 0.5em;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-header
  .ssp-nav-dropdown
  .dropdown-menu
  li.active {
  background-color: transparent;
  border-left: 3px solid #1a5eab;
  color: #1a5eab;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-header
  .ssp-nav-dropdown
  .dropdown-menu
  li.active
  a {
  color: #1a5eab;
}
.mainContent .page-content .oa-ssp-app-container .ssp-tab-contents {
  margin: 1em 0 2em;
  padding: 0 1.5em;
}
.mainContent .page-content .oa-ssp-app-container .ssp-tab-contents .row.row,
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  [class^="row"].row {
  padding-bottom: 0;
}
.mainContent .page-content .oa-ssp-app-container .ssp-tab-contents .card-list {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}
.mainContent .page-content .oa-ssp-app-container .ssp-tab-contents .card {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  width: 250px;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .card
  .card-panel {
  font-size: 16px;
  text-align: center;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .card
  .card-panel
  .card-title {
  color: #5b5c61;
  font-family: "PN Bold", Helvetica;
  font-size: 1.25em;
  line-height: 1.5;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .card
  .card-panel
  .card-content {
  display: block;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .card
  .card-panel
  .card-content
  > .card-description {
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  margin: 0.5em 0;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .card
  .card-panel
  .card-button-content {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  max-width: none !important;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .card
  .card-panel
  .card-button-content
  .card-button {
  background-color: #1a5eab;
  border: none;
  border-radius: 0;
  color: #fff;
  font-family: "PN Bold", Helvetica;
  font-size: 16px;
  line-height: 1;
  padding: 1em;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .card
  .card-panel
  .card-button-content
  .card-button:focus,
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .card
  .card-panel
  .card-button-content
  .card-button:hover {
  background-color: #144985;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .card
  .validation-error {
  color: #b50303;
  font-family: "PN Bold", Helvetica;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .card
  .validation-error
  .oa-icon {
  color: #b50303;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contribution-history-card,
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contribution-tab
  .card,
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .card {
  margin: 1.5em 0;
  width: 100%;
}
.mainContent .page-content .oa-ssp-app-container .ssp-tab-contents .edit-mode {
  background-color: #faf7f2;
  padding: 1em;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .edit-mode-overlay {
  background-color: #000000;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .edit-mode
  .select-container,
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .edit-mode
  .text-input-container {
  padding: 0 0.5em 1em;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .edit-mode
  .other-inputs:empty {
  display: none;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .btn-bar
  .btn,
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .btn-bar
  .at
  .btn-at,
.mainContent
  .at
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .btn-bar
  .btn-at {
  padding: 0.5em 1em;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .btn-bar
  .btn:active,
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .btn-bar
  .at
  .btn-at:active,
.mainContent
  .at
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .btn-bar
  .btn-at:active {
  padding: 0.5em 1em;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .btn-bar
  .btn-gray:focus,
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .btn-bar
  .btn-gray:hover {
  background-color: #b50303;
  border-color: #b50303;
  color: #ffffff;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .btn-bar
  .btn-gray:active {
  background-color: #8f0202;
  border-color: #8f0202;
  color: #ffffff;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-home-tab {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 1.5rem auto;
  padding: 0;
  text-align: center;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-home-tab
  .ssp-home-section-name {
  color: #5b5c61;
  font-family: "PN Bold", Helvetica;
  font-size: 1.25em;
  line-height: 1.5;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contribution-tab
  .commitment-field {
  margin-right: 1.5em;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contribution-tab
  .edit-col {
  margin-right: 1em;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contribution-tab
  .edit-col
  .date-picker-container {
  padding-right: 0;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contribution-tab
  .inactive-cancelled-banner
  .oa-icon {
  color: #0193d7;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contribution-tab
  .data-table-container {
  overflow: auto;
  padding: 0;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contribution-tab
  .data-table,
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contribution-tab
  .data-table
  th,
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contribution-tab
  .data-table
  td {
  border-color: #abb2b5;
  padding: 0.5rem;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contribution-tab
  .data-table
  th {
  white-space: normal;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contribution-tab
  .paginate
  li::before {
  display: none;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab {
  margin: 0 auto;
  max-width: 500px;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .card-title {
  margin-bottom: 0;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .card-title,
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .contact-info {
  padding-right: 36px;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .card-title
  .edit-mode-container,
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .contact-info
  .edit-mode-container {
  margin-right: -36px;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .plain-text-label {
  padding: 0;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  [class*="-read-only-fields"] {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  [class*="-read-only-fields"]
  [class*="-row"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow-wrap: break-word;
  width: 100%;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  [class*="-read-only-fields"]
  [class*="-row"]
  div {
  min-width: 200px;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  [class*="-read-only-fields"]
  [class*="-row"]
  .column-header {
  color: #5b5c61;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .email-read-only-fields
  .emails-row
  .email-address {
  padding-right: 0;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .phones-read-only-fields
  .phones-row
  .phone {
  padding-right: 0;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .address-inputs
  .margin-half {
  margin-right: 0;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .other-address-inputs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .other-address-inputs
  #stateProvinceSelect {
  max-width: 33%;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .other-address-inputs
  .css-bg1rzq-control {
  border: 2px solid #000000;
  border-radius: 0;
  min-height: auto;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .other-address-inputs
  .css-1hwfws3 {
  padding: 0 0.5em;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .other-address-inputs
  .css-dvua67-singleValue {
  color: #000000;
  font-family: "PN Bold", Helvetica;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .other-address-inputs
  .select__control
  .select__indicators {
  min-height: auto;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .other-address-inputs
  .css-bgvzuu-indicatorSeparator {
  background-color: #000000;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .other-address-inputs
  .css-16pqwjk-indicatorContainer {
  color: #000000;
  padding: 7px 0.5em;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .name-inputs
  .width-quarter {
  max-width: 50%;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .email-inputs
  .column-header {
  margin: 0.5em 0;
  width: 50%;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .email-inputs
  .email-input {
  margin-right: 1em;
  max-width: calc(50% - 32px);
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .email-inputs
  .subscription-checkbox {
  margin-right: 0;
  max-width: calc(50% - 16px);
  text-align: left;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .email-inputs
  .subscription-checkbox.column-header {
  text-align: center;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .email-inputs
  .add-email-link {
  margin: 1em 0;
  padding-left: 0.5em;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .email-inputs
  .add-email-link.disabled-link {
  color: #5b5c61;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .phone-inputs
  .text-input-label,
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .phone-inputs
  .text-preferences-header {
  margin-bottom: 0.5em;
}
.mainContent
  .page-content
  .oa-ssp-app-container
  .ssp-tab-contents
  .ssp-contact-info-tab
  .phone-inputs
  .sms-legal-disclaimer {
  color: #5b5c61;
}
.mainContent .page-content .thank-you {
  padding: 0 1rem;
}
.mainContent .page-content + .ngp-form__footer {
  margin-top: -5em;
}
.mainContent .oa-react-modal {
  border-radius: 0;
}
.mainContent .oa-react-modal .oa-react-modal-inner .oa-react-modal-header {
  margin: 1.5em;
}
.mainContent
  .oa-react-modal
  .oa-react-modal-inner
  .oa-react-modal-content
  .modal-content,
.mainContent
  .oa-react-modal
  .oa-react-modal-inner
  .oa-react-modal-content
  .update-payment-details {
  margin: 1.5em;
  min-height: auto;
}
.mainContent
  .oa-react-modal
  .oa-react-modal-inner
  .oa-react-modal-content
  .update-payment-details
  .update-credit-card {
  height: auto;
  overflow: hidden;
}
.mainContent .oa-react-modal .oa-react-modal-inner .oa-react-modal-footer {
  position: static;
  overflow: hidden;
}
.mainContent .oa-react-modal .oa-react-modal-inner .oa-react-button-bar {
  margin: 0.5em 0;
}
.mainContent .payment-type-selector .commitment-payment-type-tab::before {
  display: none;
}
.mainContent
  .payment-type-selector
  .commitment-payment-type-tab
  .commitment-payment-type-button {
  border-radius: 0;
  color: #0193d7;
}
.mainContent
  .payment-type-selector
  .commitment-payment-type-tab
  .commitment-payment-type-button.selected {
  border-color: #0193d7;
}
.mainContent
  .payment-type-selector
  .commitment-payment-type-tab
  .commitment-payment-type-icon {
  color: #0193d7;
}
.mainContent .vgs-input-container iframe {
  border: 2px solid #000000;
  border-radius: 0;
}

#lightbox-modal {
  color: #000000;
  font-family: "PN Light", Helvetica;
}
#lightbox-modal .at-modal-inner {
  border-radius: 0;
  max-height: none;
}
#lightbox-modal .at-modal-inner header {
  color: #1a5eab;
  font-family: "PNEC SemiBold", Helvetica;
  font-size: 2.25rem;
  line-height: 1;
  padding: 1rem 1.5rem;
  text-align: left;
}
#lightbox-modal .at-modal-inner header > div {
  max-width: none;
  padding: 0;
}
#lightbox-modal .at-modal-inner header .lightbox-close {
  color: #abb2b5;
}
#lightbox-modal .at-modal-inner .at-modal-content {
  font-size: 1rem;
}
#lightbox-modal .at-modal-inner footer .at-footer-content {
  padding: 0 1.5rem;
}
#lightbox-modal .at-modal-inner footer .lightbox-accept-button {
  background-color: #1a5eab;
  border: none;
  border-radius: 0;
  font-family: "PN Bold", Helvetica;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  padding: 0.5em 3em;
}
#lightbox-modal .at-modal-inner footer .lightbox-accept-button:hover,
#lightbox-modal .at-modal-inner footer .lightbox-accept-button:focus,
#lightbox-modal .at-modal-inner footer .lightbox-accept-button:active {
  background-color: #144985;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#lightbox-modal .at-modal-inner footer .lightbox-decline-button {
  border: none;
  color: #1a5eab;
  display: block;
  font-size: 1rem;
  padding: 0.5em 0;
}
#lightbox-modal .at-modal-inner footer .lightbox-decline-button:hover,
#lightbox-modal .at-modal-inner footer .lightbox-decline-button:focus,
#lightbox-modal .at-modal-inner footer .lightbox-decline-button:active {
  color: #144985;
}
#lightbox-modal .at-modal-inner footer .lightbox-footer {
  color: #5b5c61;
  font-size: 0.875rem;
  padding: 1rem 0;
}

.charity-badges {
  margin: 1rem auto;
  max-width: 500px;
  padding: 0 24px;
}

.charity-watch {
  margin: 1rem;
}

.tax-statement {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 0.5em 24px;
}

.thankYou {
  background-color: #faf7f2;
  padding: 0.5em 3em;
}

@media (min-width: 600px) {
  .mainContent .page-content .oa-ssp-app-container .ssp-tab-contents {
    padding: 0 3em;
  }
  .mainContent
    .page-content
    .oa-ssp-app-container
    .ssp-tab-contents
    .card
    .card-panel
    .card-content
    > .card-description {
    min-height: 48px;
  }
  .mainContent
    .page-content
    .oa-ssp-app-container
    .ssp-tab-contents
    .ssp-contact-info-tab
    .other-address-inputs
    #countrySelect {
    max-width: 50%;
  }
  #lightbox-modal .at-modal-inner {
    width: 500px;
  }
  #lightbox-modal .at-modal-inner header {
    padding: 1.5rem;
  }
}

@media (min-width: 900px) {
  .mainContent .at .at-inner {
    padding: 1em;
  }
  .mainContent .progressBar--active {
    padding: 1rem 2.5rem;
  }
  .mainContent .page-content {
    max-width: 715px;
  }
  .mainContent .page-content .oa-ssp-app-container .ssp-tab-contents {
    padding: 0 4em;
  }
}

@media (min-width: 1200px) {
  h1 {
    font-size: 3.5rem;
  }
  .mainContent .at h1 {
    font-size: 3.75rem !important;
  }
}

@media (max-width: 599px) {
  .mainContent .at {
    position: static;
  }
  .mainContent .at .btn,
  .mainContent .at .btn-at {
    padding: 0.5rem 2rem;
  }
  .mainContent .at .btn-at-primary {
    float: none !important;
    height: 37px;
    padding: 0.5rem 2rem;
    width: 100%;
  }
  .mainContent .multistep-layout,
  .mainContent .multistep-layout.split-layout {
    margin-top: 0;
  }
  .mainContent .multistep-layout form,
  .mainContent .multistep-layout.split-layout form {
    padding: 0;
  }
  .mainContent
    .page-content
    .oa-ssp-app-container
    .ssp-header
    .ssp-nav-dropdown {
    margin: 1em 0;
    padding: 0;
  }
  .mainContent
    .page-content
    .oa-ssp-app-container
    .ssp-header
    .ssp-nav-dropdown
    .btn-dropdown {
    border: 2px solid #000000;
    margin: 0;
    padding: 12px 12px 12px 24px;
    width: 100%;
  }
  .mainContent .page-content .oa-ssp-app-container .ssp-tab-contents .card {
    width: 100%;
  }
  .mainContent
    .page-content
    .oa-ssp-app-container
    .ssp-tab-contents
    .card
    + .card {
    margin-top: 1.5rem;
  }
  .mainContent
    .page-content
    .oa-ssp-app-container
    .ssp-tab-contents
    .ssp-contribution-history-card,
  .mainContent
    .page-content
    .oa-ssp-app-container
    .ssp-tab-contents
    .ssp-contribution-tab
    .card,
  .mainContent
    .page-content
    .oa-ssp-app-container
    .ssp-tab-contents
    .ssp-contact-info-tab
    .card {
    margin: 2em 0;
  }
  .mainContent
    .page-content
    .oa-ssp-app-container
    .ssp-tab-contents
    .ssp-contact-info-tab
    .card-title,
  .mainContent
    .page-content
    .oa-ssp-app-container
    .ssp-tab-contents
    .ssp-contact-info-tab
    .contact-info {
    padding-right: 0;
  }
  .mainContent
    .page-content
    .oa-ssp-app-container
    .ssp-tab-contents
    .ssp-contact-info-tab
    .card-title
    .edit-mode-container,
  .mainContent
    .page-content
    .oa-ssp-app-container
    .ssp-tab-contents
    .ssp-contact-info-tab
    .contact-info
    .edit-mode-container {
    margin-right: 0;
  }
  .mainContent
    .page-content
    .oa-ssp-app-container
    .ssp-tab-contents
    .ssp-contact-info-tab
    [class*="-read-only-fields"]
    [class*="-row"]
    div {
    min-width: 150px;
  }
  .mainContent
    .page-content
    .oa-ssp-app-container
    .ssp-tab-contents
    .ssp-contact-info-tab
    .other-address-inputs
    #stateProvinceSelect {
    max-width: 100%;
  }
  .mainContent
    .page-content
    .oa-ssp-app-container
    .ssp-tab-contents
    .ssp-contact-info-tab
    .email-inputs
    .column-header {
    width: 100%;
  }
  .mainContent
    .page-content
    .oa-ssp-app-container
    .ssp-tab-contents
    .ssp-contact-info-tab
    .email-inputs
    .email-input {
    max-width: 100%;
  }
  .mainContent
    .page-content
    .oa-ssp-app-container
    .ssp-tab-contents
    .ssp-contact-info-tab
    .email-inputs
    .subscription-checkbox {
    max-width: 100%;
    padding: 0 0.5em 1em;
  }
  .mainContent
    .page-content
    .oa-ssp-app-container
    .ssp-tab-contents
    .ssp-contact-info-tab
    .email-inputs
    .subscription-checkbox.column-header {
    display: none;
  }
}