html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  background-color: transparent;
}


/*
===============================================================================
  Layout Elements
===============================================================================*/

.l-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.l-container:after {
  clear: both;
  content: " ";
  display: block;
}

.block {
  margin-bottom: 10px;
}



/*
===============================================================================
  Global Components
===============================================================================*/

h1.page-title {
  color: #102345;
  font-size: 24px;
  margin-bottom: 24px;
}

h1.evergreen-page-title {
  display: none;
  visibility: hidden;
}


/* Progress Meter
============================================================================ */

.petition-progress-meter,
.letter-progress-meter {
  margin-top: 25px;
}


/* Recent Actions
============================================================================ */

@media (max-width: 767px) {
  .petition-total-actions,
  .petition-recent-actions,
  .letter-total-actions,
  .letter-recent-actions {
    display: none;
  }
}

.petition-total-actions,
.letter-total-actions {
  background-color: #16284c;
  width: auto;
  text-align: center;
}

.petition-total-actions {
  margin: 0 20px;
}

.letter-total-actions {
  margin: 0;
}

.petition-total-actions .header,
.letter-total-actions .header {
  font-family: "Abel", "Knockout 31 A", "Knockout 31 B", "Trebuchet MS", "Lucida Grande", "Lucida Sans", sans-serif !important;
  transform: scale(0.8, 1);
  color: #00b6f0;
  font-size: 29px !important;
  line-height: 78px !important;
}

.petition-total-actions .count,
.letter-total-actions .count {
  color: #fff;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 60px !important;
  font-weight: bold !important;
  line-height: 60px !important;
  padding-bottom: 24px;
  margin-top: -14px;
}

.petition-recent-actions,
.letter-recent-actions {
  overflow: hidden;
  height: 240px;
}

.petition-recent-actions ul {
  margin: 0 20px;
}

.letter-recent-actions ul {
  margin: 0;
}

.petition-recent-actions ul li,
.letter-recent-actions ul li {
  background-color: #f7f7f7;
  height: 60px;
  width: 100%;
  margin-bottom: 2px;
  padding: 5px 0 0 20px;
  border-bottom: 1px solid #dedede;
  overflow: hidden;
}

.petition-recent-actions div.name,
.letter-recent-actions div.name {
  width: 51%;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}

.petition-recent-actions div.location,
.letter-recent-actions div.location {
  float: left;
  width: 50%;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}

.petition-recent-actions div.time,
.letter-recent-actions div.time {
  text-align: left;
  float: left;
  width: 50%;
}

/* Form Styles
============================================================================ */

h2.signup-form-header {
  color: #102345;
  font-size: 20px;
  margin-top: 0;
  text-align: center;
}

/* remove bg color and padding from select form wrappers */
.field-box-remove-padding-bg {
  background-color: transparent;
  padding: 0;
}

.letter-form-leadin h2,
.petition-form-leadin {
  color: #102345;
  font-size: 20px;
  line-height: 1.4;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}

.letter-statement-preamble h3 {
  margin-top: 5px;
}

.letter-statement-preamble p {
  margin-top: 0;
}

.letter-form-leadin h3,
.letter-statement-preamble h3,
#letter-form h3,
#survey-contact h3 {
  color: #102345;
  font-size: 18px;
  font-weight: 400;
}

#survey-contact h3 {
  margin-top: 4px;
}

.letter-form-leadin p {
  color: #102345;
  font-size: 15px;
  font-weight: 200;
  margin: 0 0;
}

p.personalize-comment {
  font-size: 12.5px;
  padding-top: 10px;
}

#letter-form,
#petition-form,
#signup-form,
#survey-contact {
  border: 2px solid #eaeaea;
  padding: 10px 10px 15px 10px;
}

#survey-contact {
  margin-bottom: 20px;
}

.letter-disclaimer,
.petition-disclaimer,
.signup-disclaimer {
  font-size: 12px;
  padding: 10px;
}

/* restore grey background to petition form fields */
#petition-form input[type="text"],
#petition-form input[type="password"],
#petition-form input[type="number"],
#petition-form textarea,
#petition-form select {
  background-color: #f7f7f7;
}

#petition-form input[name="zip"],
#letter-form input[name="zip"] {
  width: 100% !important;
}

#ak-survey-questions .ak-field-box {
  border: none;
  border-radius: 0;
  background: #f3f6f7;
  padding: 10px 12px;
  margin-bottom: 10px;
}

label.ak-survey-question-label {
  font-size: 1em;
  color: #4b4b4b;
  font-weight: 600;
  margin: 25px 0 3px;
  line-height: 1.3;
  display: block;
}

label.ak-survey-checkbox-choice {
  font-weight: normal;
  font-size: 15px;
}

label.ak-survey-radio-choice {
  margin-left: 25px;
  font-size: 15px;
  font-weight: normal;
}

label.ak-survey-radio-choice input {
  margin-left: -25px;
  margin-right: 5px;
}

.survey-footer {
  clear: both;
  padding: 20px 40px 0;
}

/*
Action Privacy
===============================================================================*/

#letter-form .ak-privacy,
#petition-form .ak-privacy,
#signup-form .ak-privacy {
  margin-top: 30px;
  margin-left: 10px;
}
#ak-fieldbox-privacy_radio {
  margin-top: 10px;
}
#ak-fieldbox-privacy_radio label {
  margin-top: 10px;
}
/*
User Privacy
==============================+*/

#accountupdate .ak-privacy {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 100%;
}

#accountupdate .ak-privacy label {
  width: 90%;
  text-align: left;
  margin-bottom: 20px;
}

#accountupdate {
  overflow: unset;
}

/*
 Custom Action Fields
===============================================================================*/

div#ak-fieldbox-action_add_to_another_list,
div#ak-fieldbox-user_mobile_subscriber {
    font-size: 14px;
    margin-top: 10px;
}

div#ak-fieldbox-action_add_to_another_list input,
div#ak-fieldbox-user_mobile_subscriber input {
  margin-right: 10px;
}


/*
 Custom User Fields
===============================================================================*/

div#ak-fieldbox-mobile-subscriber {
  margin: 10px 0 5px 5px;
}
div#ak-fieldbox-mobile-subscriber label {
  margin-left: 3px;
}
div#mobile-opt-in-description {
  font-size: 12px;
  margin-left: 22px;
}
div#mobile-opt-in-help {
  font-size: 12px;
  font-style: italic;
}
div.mobile-opt-in {
  margin-left: 22px;
}

/*
 Monthly Upsell Modal
===============================================================================*/

.modal-bg {
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  cursor: pointer;
}

/** Legacy upsell modal */

.monthly-upsell.modal-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
  z-index: 2043;
}

.monthly-upsell .modal {
  background-color: transparent;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  padding: 0 25px 25px;
  box-sizing: border-box;
}

.monthly-upsell .modal-content {
  background-color: #fff;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 25px auto;
  padding: 0 15px 25px;
  text-align: left;
  max-width: 500px;
  z-index: 2045;
}

.monthly-upsell .modal-content h1 {
  line-height: 1.2;
  font-size: 1.4em;
  text-align: center;
}

.monthly-upsell .modal-buttons {
  text-align: center;
}

.monthly-upsell .modal-buttons .a.ak-button,
.monthly-upsell .modal-buttons .ak-button {
  font-size: 1.05em;
  font-size: 1.05rem;
  height: auto;
  padding: 10px 20px;
  border-radius: 3px;
}

@media (min-width: 480px) {
  .monthly-upsell .modal-content {
    margin: 60px auto;
    padding: 0 25px 25px;
  }
}

@media (min-width: 667px) {
  .monthly-upsell .modal-content {
    margin: 100px auto;
  }
}

/** Upsell modal "card a" variant */

.upsell-card-a-modal-wrap {
  -webkit-backface-visibility: hidden;
  outline: none !important;
  position: fixed;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  z-index: 2043;
}

.upsell-card-a {
  margin: 0.9em;
  margin-top: 80px;
  max-width: 54em;
  flex: 1 1 auto;
  display: flex;
  background-color: #14284b;
  color: white;
  box-shadow: 1px 3px 3px rgba(0, 10, 20, 0.06);
  font-size: 1.1em;
}

.upsell-card-a img {
  height: 100%;
  max-width: 28em;
  -o-object-fit: cover;
     object-fit: cover;
  flex: 1 1 auto;
}

.upsell-card-a-body {
  font-family: "Knockout 52 A","Knockout 52 B",sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 12em;
  min-width: 12em;
  max-height: 100%;
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  padding: 1.8em 2.1em 1em 2.1em;
}

.upsell-card-a-body button {
  min-width: 8.3em;
  flex: none;
  align-self: flex-start;
  margin-top: auto;
  margin-bottom: 10px;
  padding: 0.5em 1.6em;
  border: 1.5px solid #777;
  border-radius: .25em;
  width: 100%;
  height: auto;
  font-family: "Knockout 52 A","Knockout 52 B",sans-serif;
  font-weight: 400;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #404646;
  background: none;
  transition: all 300ms ease;
}

.upsell-card-a-body button.yes {
  background: #00b9f1;
  border: 1px solid #00b9f1;
  color: white;
  font-size: 1.05em;
}

.upsell-card-a-body button.yes:hover,
.upsell-card-a-body button.no:hover  {
  background: #bcbfce;
  border-color: #bcbfce;
}

.upsell-card-a-body button.no:hover {
  color: white;
}
.upsell-card-a-body button.no {
  background: transparent;
  color: #00b9f1;
  border-color: #00b9f1;;
  font-size: 0.9em;
}

.upsell-card-a-text {
  position: relative;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 0.8em 0;
  padding: 0;
}

.upsell-card-a-text h1 {
  margin-top: 4px;
}

.upsell-card-a-text h1 {
  font-family: "Knockout 47 A", "Knockout 47 B", sans-serif;
  font-size: 2.8em;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 12px;
  line-height: .9;
  letter-spacing: 1.18px;
  text-transform: uppercase;
}

@media (max-width: 875px) {
  .upsell-card-a {
    margin-top: 10px;
  }
  .upsell-card-a img {
    max-width: 0;
  }
}

/*
===============================================================================
  Donate Default pages
===============================================================================*/

.donate-default-field-box {
  background-color: #fff;
  border: 1px solid #eaeaea;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
  padding-top: 17px;
}

.donate-default-field-box .donate-default-section-header {
  color: #243d8f;
  font-family: "TradeGothicW01-BoldCn20 675334", "Open Sans", "Helvetica Neue", Arial,Helvetica, sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  border: none;
  margin: 0 0 10px;
  padding: 0;
}

.donate-default-field-box .ak-donate-three-step-hidden {
  display: none;
  visibility: hidden;
}


/* Donate Default Intro
============================================================================ */

.donate-default-intro {
  background-color: #eee;
  margin: 28px 0 1.5em;
  max-width: 100%;
  padding: 15.5px;
  padding: 1rem;
}

.donate-default-intro p {
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

.donate-default-intro .donate-default-intro-left {
  margin: 0;
  width: 100%;
}

.donate-default-intro .donate-default-intro-left h1 {
  color: #243d8F;
  font-size: 24px;
  font-size: 1.548387rem;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.donate-default-intro .donate-default-intro-left h3 {
  color: #243d8F;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 15px;
}

.donate-default-intro .donate-default-intro-right {
  display: none;
  visibility: hidden;
}

.donate-default-intro .donate-default-intro-right-mobile {
  display: block;
  visibility: visible;
}

@media (min-width: 750px) {
  .donate-default-intro-video-left .donate-default-intro-left {
    float: none;
    width: 100%;
  }

  #act .ak-grid-col.donate-default-intro-right {
    display: none !important;
    visibility: hidden !important;
  }
}

@media (min-width: 816px) {
  #act .donate-default-intro .donate-default-intro-right-mobile {
    display: none;
    visibility: hidden;
  }

  .donate-default-intro .donate-default-intro-left {
    float: left;
    max-width: 63% !important;
    min-width: 63% !important;
    width: 63% !important;
  }

  #act .ak-grid-col.donate-default-intro-right {
    display: block !important;
    float: right !important;
    margin-left: 1.5%;
    /* max-width: !important; */
    min-width: 32% !important;
    padding-left: .5%;
    visibility: visible !important;
    width: 32% !important;
  }
}

.donate-default-intro h1.page-title {
  color: #102345;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 10px;
  margin-top: 5px;
}

.donate-default-intro-right p {
  color: #333;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 14px;
  font-size: .9032258rem;
  margin: 0 0 10px;
}

/* Donate Default Layout Overrides
============================================================================ */

@media (min-width: 667px) {
  .donate-default-intro-video-left .ak-grid-col {
    margin: 0;
    width: 100%;
  }
}

@media (min-width: 750px) {
  .donate-default-intro-video-left .donate-default-intro-left {
    float: none;
    width: 100%;
  }

  #act .ak-grid-col.donate-default-intro-right {
    display: none !important;
    visibility: hidden !important;
  }
}

@media (min-width: 750px) {
  .donate-default-intro-video-left .donate-default-intro-left {
    float: none;
    width: 100%;
  }

  #act .ak-grid-col.donate-default-intro-right {
    display: none !important;
    visibility: hidden !important;
  }
}

@media (min-width: 816px) {
  .donate-default-intro-video-left .donate-default-intro-left {
    float: left;
    width: 66.5% !important;
  }

  #act .ak-grid-col.donate-default-intro-right {
    display: block !important;
    margin-left: 1.5%;
    padding-left: .5%;
    visibility: visible !important;
    width: 35% !important;
  }
}


/* Donate Intro Video and Media Caption
---------------------------------------------------------------------------- */
.donate-default-intro .video-container,
#letter-story .video-container {
  height: 0;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  margin-top: 8px;
}

.donate-default-intro .video-container iframe,
.donate-default-intro .video-container object,
.donate-default-intro .video-container embed,
#letter-story .video-container iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.donate-default-intro .intro-media-caption {
  color: #e04636 !important;
  font-size: 15px !important;
  font-size: .9677419rem !important;
  font-weight: bold !important;
  line-height: 1.4;
  margin: .4em 0 1.4em;
}

@media (min-width: 667px) {
  .intro-media-caption {
    margin: .4em auto 1.4em;
    text-align: center;
  }
}

@media (min-width: 667px) {
  .intro-media-caption {
    margin: .4em auto 1.4em;
    text-align: center;
  }
}

/* Donate Default Share Buttons
---------------------------------------------------------------------------- */

.donate-default-share-buttons {
  float: left;
  text-align: center;
  vertical-align: top;
  width: 100% !important;
}

.donate-default-share-buttons a.ak-share-button {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  display: inline-block !important;
  height: 32px !important;
  margin: 0 2px !important;
  padding: 0 !important;
  text-indent: -9999em;
  width: 32px !important;
}

.donate-default-share-buttons .ak-share-button.ak-facebook {
  background-position-x: 5px;
  background-position-y: 7px;
  position: relative;
  top: -8px;
}

.donate-default-share-buttons .ak-share-button.ak-twitter {
  background-size: 22px;
  background-position-x: 7px;
  background-position-y: 8px;
}

.donate-default-share-buttons .ak-share-button.ak-email {
  background-size: 22px;
  background-position-x: 5px;
  background-position-y: 9px;
}



/* Donate Default Amount Buttons
============================================================================ */

.donate-default-field-box #ak-amount-list .ak-amount-wrapper {
  text-align: left !important;
}

@media (min-width: 750px) {
  .donate-default-field-box #ak-amount-list .ak-amount-wrapper {
    margin: 0;
  }
}

.donate-default-field-box #ak-amount-list li.donation-amount-container {
  display: inline-block;
  float: left;
  margin: 0 7px 7px 0 !important;
  vertical-align: top;
  max-width: 80px !important;
  width: auto !important;
}

.donate-default-field-box #ak-amount-list li.donation-amount-container label.ak-btn {
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ececec));
  background-image: -webkit-linear-gradient(top, #fff, #ececec);
  background-image: -moz-linear-gradient(top, #fff, #ececec);
  background-image: -ms-linear-gradient(top, #fff, #ececec);
  background-image: -o-linear-gradient(top, #fff, #ececec);
  background-image: linear-gradient(to bottom, #fff, #ececec);
  -pie-background: linear-gradient(#fff, #ececec);
  color: rgb(60, 60, 60) !important;
  border: 1px solid #ccc;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
  color: #16284c;
  display: inline-block;
  font-family: 'Knockout 32 A', 'Knockout 32 B', sans-serif !important;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  font-size: .9677419rem;
  padding: 12px 10px;
  width: auto;
}

.donate-default-field-box #ak-amount-list .donation-amount-container label.ak-btn:hover {
  background-color: #fff !important;
  background-image: none !important;
  border-color: #243d8f;
  color: #16284c !important;
}

/* .donate-default-field-box input:focus {
  background-color: #c1effd
} */

.donate-default-field-box div#ak-amount-list #ak-other-amount-container {
  height: 50px !important;
  max-height: 50px !important;
  position: relative;
}

@media (min-width: 428px) {
  .donate-default-field-box div#ak-amount-list #ak-other-amount-container {
    clear: left;
  }
}

@media (min-width: 466px) {
  .donate-default-field-box div#ak-amount-list #ak-other-amount-container {
    clear: none;
  }
}

@media (min-width: 750px) {
  .donate-default-field-box div#ak-amount-list #ak-other-amount-container {
    clear: left;
  }
}

@media (min-width: 816px) {
  .donate-default-field-box div#ak-amount-list #ak-other-amount-container {
    clear: none;
  }
}

.donate-default-field-box div#ak-amount-list #ak-other-amount-container .ak-currency-sym {
  display: inline-block;
  position: relative;
  top: 1px;
}

.donate-default-field-box #ak-amount-list #ak-other-amount-container label.ak-btn {
  padding: 12px 0 0 1px !important;
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
  width: 120px !important;
}

.donate-default-field-box div#ak-amount-list input#ak-other-amount-field {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border: 1px solid #ccc;
  font-size: 15.5px !important;
  font-size: 1rem !important;
  left: -3px;
  max-height: 22px !important;
  position: relative;
  top: -4px;
  width: 52px !important;
}

@media (min-width: 800px) {
  .donate-default-field-box div#ak-amount-list input#ak-other-amount-field {
    padding-left: 6px;
  }
}

.donate-default-field-box #ak-amount-list li.donation-amount-container label.ak-btn.ak-radio-checked {
  border: 3px solid #243d8f;
  position: relative;
  top: -2px;
}

.donate-default-field-box div#ak-amount-list li#ak-other-amount-container label.ak-btn.ak-radio-checked[for="ak-other-amount-field"] {
  border: 3px solid #243d8f !important;
  height: 42px !important;
  max-height: 42px !important;
  min-height: 42px !important;
  position: relative;
  top: -1px;
}


/* Donate Default Text Inputs
============================================================================ */

.donate-default-section label[for="id_donation_make_monthly"] {
  padding-left: 5px;
}

.donate-default-section-billing-info input[type="text"],
.donate-default-section-payment-info input[type="text"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

.donate-default-section-payment-info #ak-fieldbox-card_code {
  width: 80px;
}

.donate-default-section-billing-info input[name="zip"] {
  width: 100% !important;
}

@media (min-width: 400px) {
  .donate-default-section-billing-info input[type="text"],
  .donate-default-section-billing-info textarea,
  .donate-default-section-billing-info select#id_country,
  .donate-default-section-billing-info select#id_state,
  .donate-default-section-billing-info select#id_action_in_honor_of_recipient_country,
  .donate-default-section-billing-info select#id_action_in_honor_of_gift_type,
  .donate-default-section-payment-info #ak-fieldbox-card_num,
  .donate-default-section-payment-info #ak-exp_date-hosted {
    max-width: 75% !important;
  }

  .donate-default-section-billing-info input[type="radio"] {
    margin-left: 5px;
  }

}

.addthis_container_icons {
  display: inline-block !important;
  margin: 5px 0;
  width: auto;
}


/* Donate Default Monthly Gift Pointer
============================================================================ */
.recurring-pointer {
  font-family: 'Shadows Into Light Two', cursive;
  font-size: 18px;
  color: rgb(255, 68, 0);
  padding-bottom: 5px;
}


/* Donate Default Fine Print
============================================================================ */

.donate-default-fine-print {
  padding: 20px 0;
}

.donate-default-fine-print p {
  color: #222;
  font-size: 14px !important;
  font-size: .9032258rem !important;
  line-height: 1.5;
  margin-bottom: 12px;
}

@media (min-width: 750px) {
  .donate-default-fine-print {
    padding: 20px 0;
  }
}


/* Donate Default Top-Ratings Items
============================================================================ */

.donate-default-top-ratings {
  background-color: #efefef;
  padding-bottom: 10px;
  text-align: center;
}

.donate-default-top-terms {
  background-color: #efefef;
  padding: 15px;
  text-align: left;
  font-size: 14px;
}
.donate-default-top-ratings h2,
.donate-default-top-terms h2 {
  color: #243d8f;
  font-family: "TradeGothicW01-BoldCn20 675334", "Open Sans", "Helvetica Neue", Arial,Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.1612903rem;
  font-weight: normal;
  border: none;
  margin: 0 0 10px;
  padding-top: 10px;
}

ul.donate-default-top-ratings-items {
  margin: 0;
  text-align: center;
}

ul.donate-default-top-ratings-items li {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

ul.donate-default-top-ratings-items li.topratings-bbb {
  margin: 0 5px 0 2px;
}

ul.donate-default-top-ratings-items li.topratings-charity-navigator {
  margin-left: 5px;
}

/* Donate Default Privacy
============================================================================ */

.ak-privacy {
  max-width: 90%;
  margin-top: 10px;
  margin-bottom: 30px;
}

.ak-privacy ul.ak-err {
  margin-top: 8px;
  font-weight: 600;
  margin-left: 20px;
}

#ak-fieldbox-privacy_checkbox,
#ak-fieldbox-lists {
  margin-bottom: 14px;
}

.ak-privacy label {
  margin-left: 2px;
  font-weight: 400;
}

.ak-privacy input {
  margin-right: 6px;
}

/*
===============================================================================
  Evergreen Donation pages
===============================================================================*/


/* Evergreen Banner
============================================================================ */

@media (max-width: 767px) {
  .evergreen-banner {
    display: none;
    visibility: hidden;
  }
}

@media (min-width: 768px) {
  .evergreen-banner {
    display: block;
    height: auto;
    line-height: 0;
    margin: 40px 0 32px !important;
    visibility: visible;
    width: 100%;
  }
}


/* Evergreen CTA
============================================================================ */

@media (max-width: 767px) {
  p.evergreen-cta {
    display: none;
    visibility: hidden;
  }
}

@media (min-width: 768px) {
  p.evergreen-cta {
    display: block;
    font-family: 'Knockout 31 A', 'Knockout 31 B', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4;
    padding: 0 20px;
    padding: 0;
    margin: 0 0 4px;
    visibility: visible;
  }
}


/* Evergreen Layout Overrides
============================================================================ */

.ak-grid-row-evergreen .ak-grid-col-3-of-12 {
  padding: 0 4%;
}

@media (min-width: 750px) {
  .ak-grid-row-evergreen .ak-grid-col {
    margin: 0;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .ak-grid-row-evergreen {
    display: table !important;
    width: 100%;
  }
  .ak-grid-row-evergreen .ak-grid-col-9-of-12 {
    box-sizing: border-box;
    display: table-cell;
    float: none;
    padding-right: 20px;
    vertical-align: top;
    width: 74.5%;
  }
  .ak-grid-row-evergreen .ak-grid-col-3-of-12 {
    border-left: 1px solid #e1e1e1;
    box-sizing: border-box;
    display: table-cell;
    float: none;
    padding: 0 0 0 8px;
    vertical-align: top;
    width: 25%;
  }
}


/* Evergreen Field Box (page wrapper)
============================================================================ */

.evergreen-field-box {
  background-color: transparent;
  border: none;
  margin-left: -30px !important;
  margin-right: -30px !important;
}

@media only screen and (min-width: 750px) {
  .evergreen-field-box {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.evergreen-field-box .evergreen-section-header-tax-gift {
  max-width: calc(100% - 30px);
  position: relative;
  left: 15px;
}

.evergreen-field-box .evergreen-section-your-info,
.evergreen-field-box .evergreen-section-payment-info {
  padding: 0 15px !important;
}

.evergreen-section-your-info input[name="zip"] {
  width: 100% !important;
}

.evergreen-field-box .ak-payment-options {
  width: 80%;
  text-align: center;
}

@media only screen and (min-width: 750px) {
  .evergreen-field-box {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 10px 0;
  }
  .evergreen-field-box .evergreen-section-your-info,
  .evergreen-field-box .evergreen-section-payment-info {
    padding: 0 !important;
  }
  .evergreen-field-box .evergreen-section-header-tax-gift {
    max-width: 100%;
    left: 0;
  }
}


/* Evergreen Section
============================================================================ */

.evergreen-section {
  float: left;
  margin-bottom: 25px;
  width: 100%;
}

.evergreen-section-your-info {
  margin-bottom: 35px;
}

.evergreen-section-your-gift {
  margin-bottom: 20px;
}



/* Evergreen Section Header
============================================================================ */

h2.evergreen-section-header {
  background-color: #fff;
  border: 1px solid #00b6f0;
  border-right: none;
  border-left: none;
  color: #102345;
  display: inline-block;
  font-family: 'Knockout 51 A', 'Knockout 51 B', sans-serif;
  font-size: 24px;
  font-size: 1.548387rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .03em;
  padding: 10px;
  position: relative;
  margin: 12px 0 26px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

h2.evergreen-section-header:after,
h2.evergreen-section-header:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

h2.evergreen-section-header:after {
  border-top-color: #fff;
  border-width: 12px;
  margin-top: -1px;
  margin-left: -12px;
}

h2.evergreen-section-header:before {
  border-top-color: #00b6f0;
  border-width: 12px;
  margin-left: -12px;
}

.secondary-section-other-ways-to-give .evergreen-section-header {
  font-size: 16px;
  font-size: 1.032258rem;
  margin: 0;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}

@media (max-width: 767px) {
  h2.evergreen-section-header {
    margin-top: 0;
  }

  h2.evergreen-section-header.evergreen-section-header-tax-gift:after,
  h2.evergreen-section-header.evergreen-section-header-tax-gift:before {
    left: 25%;
  }
}

@media (min-width: 768px) {
  #ak-donation-details h2.evergreen-section-header {
    width: 390px;
  }

  /* shift downward arrow toward middle of header */
  #ak-donation-details h2.evergreen-section-header:after,
  #ak-donation-details h2.evergreen-section-header:before {
    left: 47%;
    left: calc(50% - 24px);
  }
}

/* Evergreen Privacy
============================================================================ */

.ak-refuse-tote .ak-privacy {
  margin-top: 30px;
}

.ak-refuse-tote .ak-privacy label {
  margin-left: 0px;
  font-weight: 400;
  font-weight: 600;
}

.ak-refuse-tote .ak-privacy input {
  margin-right: 10px;
}

/* No Gift */

.nogift-checkbox {
  margin-bottom: 14px;
}
.nogift-checkbox input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

/* Donation Type Tabs
============================================================================ */

.donation-type {
  margin-top: 4px !important;
}

.donation-type-tabs {
  margin: 0;
}

ul.donation-type-tabs li {
  background-color: #00b6f0;
  color: #fff !important;
  font-size: 21px;
  font-size: 1.3548387rem;
  float: left;
  font-weight: bold;
  margin: 0 !important;
  overflow: visible !important;
  padding: 13px 8px;
  text-align: center;
  text-transform: uppercase;
  width: 50%;
}

ul.donation-type-tabs li a {
  color: #999;
/*  font-size: 21px;
  font-size: 1.3548387rem;*/
  text-decoration: none;
  text-transform: uppercase;
}

ul.donation-type-tabs li a:hover {
  color: #00b6f0;
}

ul.donation-type-tabs li:last-child {
  background-color: #fff;
  border: 2px solid #00b6f0;
  padding: 11px 8px;
}

@media (max-width:29.938em) {
  ul.donation-type-tabs li {
    font-size: 16px;
    font-size: 1.032258rem;
    padding: 10px 0;
  }

  ul.donation-type-tabs li:last-child {
    padding: 8px 0;
  }
}


/* Payment type tabs - Evergreen
============================================================================ */

.payment-type.evergreen {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.payment-type.evergreen .payment-type-tabs {
  padding: 0;
  margin: 0;
}

.payment-tab-body.evergreen button {
  position: relative;
  top: 10px;
  padding: 5px;
  color: #000;
  background-color: #fff;
  border: 2px solid #88a;
  width: 80%;
  height: 100px;
  vertical-align: middle;
}

.payment-tab-body.evergreen button {
  border: 2px solid #00b6f0;
}

.nrdc-paypal-button {
  color: #999 !important;
  height: 80px !important;
  padding-top: 15px !important;
  padding-bottom: 0;
  background-color: #fff;
}

.nrdc-paypal-button:hover {
  color: #fff !important;
  background-color: #00b6f0 !important;
}

.nrdc-paypal-button .paypal-icon {
  background: url(https://s3.amazonaws.com/nrdc-actionkit/images/paypal-logo-normal.svg) no-repeat;
  background-size: 105px 30px;
  display: inline-block;
  width: 105px;
  height: 30px;
}

.nrdc-paypal-button .text {
  vertical-align: top;
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: bold;
  margin: 0 !important;
  overflow: visible !important;
  text-align: center;
  text-transform: uppercase;
  padding: 0 8px;
  cursor: pointer;
}

.payment-tab-body.evergreen {
  margin: 0;
  clear: both;
  padding-top: 20px;
}

.payment-type.evergreen ul.payment-type-tabs li {
  color: #999;
  font-size: 21px;
  font-size: 1.3548387rem;
  float: left;
  font-weight: bold;
  margin: 0 !important;
  overflow: visible !important;
  padding: 13px 8px;
  text-align: center;
  text-transform: uppercase;
  width: 50%;
  background-color: #fff;
  border: 2px solid #00b6f0;
  padding: 11px 8px;
  cursor: pointer;
}

.payment-type.evergreen ul.payment-type-tabs li.active {
  background-color: #00b6f0;
  color: #fff !important;
}

.payment-type.evergreen ul.payment-type-tabs li:hover {
  color: #00b6f0;
}

@media (max-width:29.938em) {
  .payment-type.evergreen ul.payment-type-tabs li {
    font-size: 16px;
    font-size: 1.032258rem;
    padding: 10px 0;
  }

  /* .payment-type.evergreen ul.payment-type-tabs li:last-child {
    padding: 8px 0;
  } */
}

/* Payment type tabs - Campaign & Appeal
============================================================================ */

.payment-type-appeal-container {
  width: 95%;
  margin: 0;
}

ul.payment-type-appeal-tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

ul.payment-type-appeal-tabs li {
  background: none;
  color: #243d8f;
  font-weight: bold;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}

li.payment-type-appeal-tab-link img.paypal-logo {
  margin-bottom: -8px;
}

ul.payment-type-appeal-tabs li.current {
  background: #ededed;
  color: #243d8f;
  font-weight: bold;
}

.payment-type-appeal-tab-content {
  display: none;
  border: 5px solid #ededed;
  padding: 15px;
  margin-bottom: 15px;
}

.payment-type-appeal-tab-content.current {
  display: inherit;
}

.payment-type-appeal-tab-content img.paypal-logo-white {
  vertical-align: bottom;
  padding-left: 8px;
}

/* Evergreen Amount Buttons
============================================================================ */

.evergreen-field-box #ak-amount-list ul.ak-unstyled {
  padding-top: 20px;
}

.evergreen-field-box #ak-amount-list .ak-amount-wrapper {
  margin: 0 15px;
}

@media (min-width: 750px) {
  .evergreen-field-box #ak-amount-list .ak-amount-wrapper {
    margin: 0;
  }
}

.evergreen-field-box #ak-amount-list li.donation-amount-container {
  display: inline-block;
  float: left;
  margin: 0 18px 20px 0 !important;
  vertical-align: top;
  width: 100px !important;
}

.evergreen-field-box #ak-amount-list li.donation-amount-container label.ak-btn {
  background-color: #fff;
  color: #999 !important;
  border: 2px solid #00b6f0;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
  color: #16284c;
  display: inline-block;
  font-family: 'Knockout 32 A', 'Knockout 32 B', sans-serif !important;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  font-size: 1.2903225rem;
  width: 104px !important;
}

.evergreen-field-box #ak-amount-list .donation-amount-container label.ak-btn:hover {
  background-color: #00b6f0 !important;
  color: #fff !important;
}

.evergreen-field-box input:focus {
  background-color: #c1effd
}

.evergreen-field-box div#ak-amount-list #ak-other-amount-container {
  height: 50px;
}

.evergreen-field-box div#ak-amount-list #ak-other-amount-container .ak-currency-sym {
  display: inline-block;
  position: relative;
  top: 0px;
}

.evergreen-field-box div#ak-amount-list  #ak-other-amount-container label {
  height: 55px !important;
  width: 170px !important;
}

.evergreen-field-box div#ak-amount-list input#ak-other-amount-field {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border: 1px solid #ccc;
  font-size: 15.5px !important;
  font-size: 1rem !important;
  left: -3px;
  height: 33px !important;
  top: -6px;
  width: 65px !important;
}

@media (min-width: 800px) {
  .evergreen-field-box div#ak-amount-list  #ak-other-amount-container label {
    height: 52px !important;
  }

  .evergreen-field-box div#ak-amount-list input#ak-other-amount-field {
    padding-left: 6px;
  }
}

.evergreen-field-box div#ak-amount-list li label:hover,
.evergreen-field-box #ak-amount-list li.donation-amount-container label.ak-btn.ak-radio-checked,
.evergreen-field-box div#ak-amount-list label.ak-radio-checked[for="amount_other_field"] {
  background-color: #00b6f0 !important;
  color: #fff !important;
}


/* Evergreen Text Inputs
============================================================================ */

.evergreen-field-box input,
.evergreen-field-box select {
  height: 42px;
}

.evergreen-field-box input[type="text"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border: 1px solid #ccc;
}

.evergreen-section-payment-info #ak-fieldbox-card_code {
  width: 80px;
}

@media (min-width: 768px) {
  .evergreen-section-your-info .ak-errs-below .ak-err-below {
    display: block;
    float: left !important;
    margin-right: 6% !important;
    min-width: 47% !important;
    max-width: 47% !important;
    width: 47% !important;
  }
  .evergreen-section-your-info .ak-errs-below div[class*="ak-err"]:nth-of-type(even),
  .evergreen-section-your-info .ak-errs-below .ak-errs-below {
    margin-right: 0 !important;
  }
  .evergreen-section-your-info input[type="text"] {
    display: inline-block;
  }
}



/* Evergreen Input Labels
============================================================================ */

.evergreen-section-your-info .ak-labels-above label,
.evergreen-section-payment-info label {
  color: #999;
  font-family: 'Knockout 32 A', 'Knockout 32 B', sans-serif;
  font-size: 13px;
  font-size: .8125rem;
  font-style: normal;
  font-weight: 400;
  display: block;
  letter-spacing: 1px;
  margin: 6px 0;
  padding: 0 !important;
  position: static !important;
  text-transform: uppercase;
  white-space: no-wrap;
}

.evergreen-section-your-info .ak-labels-above label:after,
.evergreen-section-payment-info label:after {
  content: ":";
  display: inline-block;
  height: auto;
  width: 3px;
}

/* Evergreen Refuse Tote Bag
============================================================================ */

.ak-refuse-tote {
  margin-bottom: 20px;
  padding: 0 0 15px 15px;
  color: #999;
}

.ak-refuse-tote label {
  display: inline;
  margin-left: 10px;
}

.ak-refuse-tote input {
  height: auto;
}

/* Evergreen Submit Button
============================================================================ */

.ak-grid-row-evergreen .submit-button-wrap {
  margin: 0 auto;
  padding: 0 15px;
  text-align: center;
  width: 100%;
}

@media (min-width: 750px) {
  .ak-grid-row-evergreen .submit-button-wrap {
    padding: 0;
  }
}

.ak-grid-row-evergreen button.ak-submit-button {
  background-color: #00b6f0;
  background-image: none;
  border: 2px solid #00b6f0;
  border-radius: 0;
  color: #fff;
  display: block;
  font-family: 'Knockout 51 A', 'Knockout 51 B', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 2.1428571429px;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 0;
  max-width: inherit;
  min-height: 72px;
  min-width: inherit;
  overflow: visible;
  padding: 24px 20px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .ak-grid-row-evergreen button.ak-submit-button {
    font-size: 31px;
    font-size: 2rem;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .ak-grid-row-evergreen .submit-button-wrap {
    padding: 0;
  }
  .ak-grid-row-evergreen button.ak-submit-button {
    font-size: 44px;
    font-size: 2.75rem;
    width: 360px;
  }
}

.ak-grid-row-evergreen button.ak-submit-button::after {
  background: repeating-linear-gradient(135deg, rgba(0, 158, 214, 0.45), rgba(0, 158, 214, 0) 3px, rgba(0, 158, 214, 0) 3px, rgba(0, 158, 214, 0) 6px);
  content: '';
  width: 100%;
  height: 10px;
  left: 0;
  position: absolute;
  top: auto;
  bottom: -10px;
  overflow: visible;
  display: inline-block;
}

.ak-grid-row-evergreen button.ak-submit-button:hover {
  background-color: #009bcc;
  background-image: none;
  border-color: #bbbfce;
}


/* Evergreen Sidebar Menu
============================================================================ */

ul.evergreen-sidebar-menu {
  background: repeating-linear-gradient(135deg, rgba(140, 140, 140, 0.11), rgba(140, 140, 140, 0) 3px, rgba(140, 140, 140, 0) 3px, rgba(140, 140, 140, 0) 5px);
  display: block;
  height: 100%;
  margin-top: 0;
  padding: 22px 0 0 0;
  text-align: center;
  width: 100%;
}

ul.evergreen-sidebar-menu li {
  display: block;
  margin: 0 0 12px 0;
  padding-right: 1%;
  padding-left: 1%;
}

ul.evergreen-sidebar-menu li a,
ul.evergreen-sidebar-menu li a:link,
ul.evergreen-sidebar-menu li a:active {
  color: #102345;
  font-family: 'Knockout 28 A', 'Knockout 28 B', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 23px;
  font-size: 1.4838709rem;
  text-decoration: none;
  text-transform: uppercase;
}

ul.evergreen-sidebar-menu li a:hover,
ul.evergreen-sidebar-menu li a:link:hover,
ul.evergreen-sidebar-menu li a:active:hover {
  color: #00b6f0;
}

.secondary-section-other-ways-to-give {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 20px;
  padding-bottom: 20px;
}


/* Evergreen Top-Ratings Items
============================================================================ */

.secondary-section-top-ratings {
  margin: 6px 0;
}

ul.evergreen-top-ratings-items {
  text-align: center;
}

ul.evergreen-top-ratings-items li {
  display: inline-block;
  text-align: center;
  vertical-align: top;
}

ul.evergreen-top-ratings-items li.topratings-bbb {
  margin: 0 5px 0 2px;
}

ul.evergreen-top-ratings-items li.topratings-charity-navigator {
  margin-left: 5px;
}


/* Evergreen New Members Section
============================================================================ */

.secondary-section-new-members,
.secondary-section-donate-mail {
  margin: 6px 0;
  /* border-bottom: 1px solid #e1e1e1; */
  border-top: 1px solid #e1e1e1;
  padding-bottom: 10px;
  text-align: center;
}

.secondary-section-new-members h2 {
  color: #102345;
  font-size: 20px;
  font-size: 1.2903225rem;
  font-family: 'Knockout 51 A', 'Knockout 51 B', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .03em;
  line-height: 1.25;
  text-transform: uppercase;
  margin: 20px 0 10px;
}

.secondary-section-new-members p {
  margin-bottom: 12px;
  font-family: 'Knockout 31 A', 'Knockout 31 B', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15.5px;
  font-size: 1rem;
  color: #444;
  line-height: 1.7;
  margin: 0 0 10px;
}

.secondary-section-donate-mail {
  border-bottom: 1px solid #e1e1e1;
}

.secondary-section-donate-mail p {
  margin: 12px 0;
  padding: 10px 5px;
  font-family: 'Knockout 31 A', 'Knockout 31 B', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15.5px;
  color: #444;
  line-height: 1.4;
}


/* Evergreen Fine Print
============================================================================ */

.evergreen-fine-print {
  padding: 0 15px 20px;
}

.evergreen-fine-print p {
  color: #222;
  font-size: 14px;
  font-size: .9032258rem;
  line-height: 1.7;
  margin-bottom: 12px;
}

@media (min-width: 750px) {
  .evergreen-fine-print {
    padding: 0;
  }
}


/* Hide Billing Address header
---------------------------------------------------------------------------- */

.evergreen-field-box .ak-donate-three-step-hidden {
  display: none;
  visibility: hidden;
}


/* Evergreen Payment Options
---------------------------------------------------------------------------- */

.evergreen-field-box .ak-payment-options {
  margin: -10px auto 20px;
}



/*
===============================================================================
  Donate Product List
===============================================================================*/

#ak-product-list {
  margin-bottom: 2.5em;
}

#ak-product-list thead th {
  padding-bottom: .5em;
}

#ak-product-list .ak-small-header,
.ak-donation-total .ak-small-header {
  color: #243d8f;
  font-weight: 700;
}

.ak-product-name {
  color: #102345;
  font-weight: 700;
}

.ak-product-description ul {
  margin-left: 10px;
  list-style: none;
}

.ak-product-description ul li {
  position: relative;
}

.ak-product-description ul li:before {
  color: #243d8f;
  color: #102345;
  content: "•";
  display: inline-block;
  left: -10px;
  padding-right: 10px;
  position: absolute;
}

.ak-donation-total label {
  margin-right: 22px;
  font-size: 1rem;
}

.ak-name-printed-materials {
  padding: 20px 0;
  width: 75%;
}
.ak-name-printed-materials label {
  color: #243d8f;
  font-size: .9em;
  font-weight: 600;
}

/*
===============================================================================
  Icons
===============================================================================*/

.ico-facebook {
  background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.png);
  background-position: -153px -153px;
  width: 9px;
  height: 17px;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .ico-facebook {
    background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.retina-2x.png);
    background-size: 224px 202px;
  }
}

.ico-facebookwhite {
  background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.png);
  background-position: -196px -132px;
  width: 11px;
  height: 18px;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .ico-facebookwhite {
    background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.retina-2x.png);
    background-size: 224px 202px;
  }
}

.ico-footer-logo {
  background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.png);
  background-position: -72px -29px;
  width: 130px;
  height: 25px;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .ico-footer-logo {
    background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.retina-2x.png);
    background-size: 224px 202px;
  }
}

.ico-mobile-logo {
  background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.png);
  background-position: -72px -54px;
  width: 123px;
  height: 23px;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .ico-mobile-logo {
    background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.retina-2x.png);
    background-size: 224px 202px;
  }
}

.ico-navlogo {
  background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.png);
  background-position: 0 0;
  width: 72px;
  height: 98px;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .ico-navlogo {
    background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.retina-2x.png);
    background-size: 224px 202px;
  }
}

.ico-rss {
  background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.png);
  background-position: -172px -77px;
  width: 15px;
  height: 17px;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .ico-rss {
    background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.retina-2x.png);
    background-size: 224px 202px;
  }
}

.ico-share-facebook {
  background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.png);
  background-position: -184px -132px;
  width: 12px;
  height: 19px;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .ico-share-facebook {
    background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.retina-2x.png);
    background-size: 224px 202px;
  }
}

.ico-share-pinterest {
  background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.png);
  background-position: -202px -29px;
  width: 17px;
  height: 23px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .ico-share-pinterest {
    background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.retina-2x.png);
    background-size: 224px 202px;
  }
}

.ico-share-pinterestwhite {
  background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.png);
  background-position: -137px -153px;
  width: 16px;
  height: 21px;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .ico-share-pinterestwhite {
    background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.retina-2x.png);
    background-size: 224px 202px;
  }
}

.ico-share-twitter {
  background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.png);
  background-position: -195px -54px;
  width: 23px;
  height: 18px;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .ico-share-twitter {
      background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.retina-2x.png);
      background-size: 224px 202px;
  }
}

.ico-share-twitterwhite {
  background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.png);
  background-position: -117px -77px;
  width: 21px;
  height: 17px;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .ico-share-twitterwhite {
    background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.retina-2x.png);
    background-size: 224px 202px;
  }
}

.ico-tips {
  background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.png);
  background-position: 0 -98px;
  width: 55px;
  height: 55px;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .ico-tips {
    background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.retina-2x.png);
    background-size: 224px 202px;
  }
}

.ico-tumblr {
  background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.png);
  background-position: -45px -176px;
  width: 9px;
  height: 16px;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .ico-tumblr {
    background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.retina-2x.png);
    background-size: 224px 202px;
  }
}

.ico-instagram {
  background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet-v2.png);
  background-position: -76px -176px;
  width: 20px;
  height: 19px;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .ico-instagram {
    background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.retina-2x-v2.png);
    background-size: 224px 202px;
  }
}

.ico-twitter-birdie {
  background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.png);
  background-position: -96px -77px;
  width: 21px;
  height: 17px;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .ico-twitter-birdie {
    background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.retina-2x.png);
    background-size: 224px 202px;
  }
}

.ico-video {
  background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.png);
  background-position: -110px -98px;
  width: 55px;
  height: 55px;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .ico-video {
    background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.retina-2x.png);
    background-size: 224px 202px;
  }
}

.ico-wh-arrow {
  background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.png);
  background-position: -218px -54px;
  width: 6px;
  height: 9px;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .ico-wh-arrow {
    background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.retina-2x.png);
    background-size: 224px 202px;
  }
}

.ico-youtube {
  background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.png);
  background-position: -72px -77px;
  width: 24px;
  height: 17px;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .ico-youtube {
    background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/spritesheet.retina-2x.png);
    background-size: 224px 202px;
  }
}


/*
===============================================================================
  Buttons
===============================================================================*/


/* Social buttons wrapper
---------------------------------------------------------------------------- */
.social-buttons-wrapper {
  text-align: center;
}

@media (min-width: 46.875em) {
  .social-buttons-wrapper .two-col-left-button {
    left: 10px;
    position: relative;
    text-align: left;
  }
  .social-buttons-wrapper .two-col-right-button {
    position: relative;
    right: 10px;
    text-align: right;
  }
}


/* Centered button wrapper
---------------------------------------------------------------------------- */
.centered-button-wrapper {
  text-align: center;
}


/* Right-aligned button wrapper
---------------------------------------------------------------------------- */
.right-aligned-button-wrapper {
  text-align: right;
}


/* Donate button
---------------------------------------------------------------------------- */
.btn2-alt {
  background-color: #fc4f3d;
}

.btn2-alt:hover {
  background-color: #e04636;
}

.btn2-donate {
  background-color: #ff605c;
  border: 2px solid #ff605c;
  border-radius: 3px;
  font-family: "Knockout 31 A", "Knockout 31 B", "Trebuchet MS", "Lucida Grande", "Lucida Sans", sans-serif;
  color: #ffffff !important;
  display: inline-block;
  font-size: 0.8125rem;
  letter-spacing: 1.86px;
  line-height: 13px;
  margin: 0;
  padding: 8px 2px 4px;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
  width: 100px;
  height: 32px;
}

.btn2-donate:hover {
  background-color: #e40600;
  border-color: #e40600;
  color: #ffffff !important;
}


/* Red button (for overrides)
---------------------------------------------------------------------------- */
.btn-red-override {
  background-color: #ff605c;
  border-radius: 3px;
  font-family: "Knockout 31 A", "Knockout 31 B", sans-serif;
  font-size: 18px;
  letter-spacing: 0.86px;
  max-width: 70%;
  text-transform: uppercase;
}

.btn-red-override:hover {
  background-color: #e40600;
}


/* Navy button
---------------------------------------------------------------------------- */

a.btn.btn-navy,
button.btn-navy {
  -webkit-border-radius: 3px 3px;
  border-radius: 3px / 3px;
  background-color: #102345;
  border: 2px solid #102345;
  color: #fff;
  display: inline-block !important;
  font-family: "Knockout 31 A", "Knockout 31 B", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  font-size: 1em;
  font-size: 1rem;
  line-height: 0.1;
  letter-spacing: 2.14286px;
  padding: 12.75px 20px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: inline-block;
  margin-bottom: 20px;
}

a.btn.btn-navy:hover,
button.btn-navy:hover {
  background-color: #16284c;
  border-color: #16284c;
  color: #16284c;
}

a.btn.btn-navy:hover,
button.btn-navy:hover {
  background: #00b6f0 !important;
  border-color: #00b6f0 !important;
  color: #fff;
  -webkit-transition: background-color 0.3s ease-in, border-color 0.3s ease-in;
  transition: background-color 0.3s ease-in, border-color 0.3s ease-in;
}


/* Navy button (for overrides)
---------------------------------------------------------------------------- */

.social-buttons-wrapper .ak-share-button.ak-email {
  background-image: url(https://s3.amazonaws.com/nrdc-actionkit/images/email.svg);
}

.social-buttons-wrapper .ak-share-button.ak-facebook,
.social-buttons-wrapper .ak-share-button.ak-twitter,
.social-buttons-wrapper .ak-share-button.ak-email {
  background-color: #102345;
  border-radius: 3px !important;
  display: inline-block !important;
  font-size: 18px !important;
  height: auto !important;
  letter-spacing: 1px;
  max-width: 280px;
  padding: 12px 12px 12px 63px !important;
  background-position-y: 11px;
}

.social-buttons-wrapper .ak-share-button.ak-facebook:hover,
.social-buttons-wrapper .ak-share-button.ak-twitter:hover,
.social-buttons-wrapper .ak-share-button.ak-email:hover {
  background-color: #00b6f0;
}

.btn-navy-override {
  background-color: #102345;
  border-radius: 3px;
  font-family: "Knockout 31 A", "Knockout 31 B", sans-serif;
  font-size: 18px;
  letter-spacing: 0.86px;
  max-width: 70%;
  text-transform: uppercase;
}

.btn-navy-override:hover {
  background-color: #00b6f0;
}

/* Unsubscribe button
---------------------------------------------------------------------------- */

button.btn-email-light {
  font-size: 1.2rem;
  padding: 1.25rem 2rem;
  letter-spacing: 0.12rem;
}

button.btn-unsub {
  font-size: 1.2rem;
  padding: 1.25rem 2rem;
  letter-spacing: 0.12rem;
  background-color: #00b6f0;
  border-color: #00b6f0;
  transition: all 500ms ease;
}

button.btn-unsub:hover {
  background-color: #bbbfce !important;
  border-color: #bbbfce !important;
  transition: all 500ms ease;
}

/* Tell-a-friend
---------------------------------------------------------------------------- */

div#copy-and-paste {
  margin: inherit;
  padding-left: 25px;
  width: 90%;
  text-align: left;
}

div#ak-taf-form {
  margin-left: 20px;
}

table.ak-message-form td {
  text-align: left;
}

div#id_taf_body {
  word-break: normal !important;
}


/*
===============================================================================
  Survey Layout
===============================================================================*/

.survey-details-col-container {
	position: relative;
	margin: auto;
	max-width: 100%;
	padding-bottom: 30px;
}

.survey-details-col1 {
	margin: 0 1% 0 0;
	width: 48.5%;
	/* min-height: 500px; */
	background: white;
	display: inline-block;
	vertical-align: top;
}

.survey-details-col2 {
	margin: 0 0 0 1%;
	width: 48.5%;
	/* min-height: 500px; */
	background: white;
	display: inline-block;
	vertical-align: top;
}

h3.survey-column-header {
  text-align: center;
  text-transform: uppercase;
  color: #102345;
  font-size: 20px;
  font-weight: 500;
  margin: 30px 0;
}

h4.survey-details {
  text-align: center;
  color: #102345;
  font-size: 19px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .survey-details-col1,
  .survey-details-col2 {
		display: block;
		margin: 5% auto;
		width: 90%;
	}
}


/*
===============================================================================
  User Account
===============================================================================*/

.cancel-recurring {
  font-size: .9em;
  padding: 10px;
}