/* Body */
body {
  overflow-x: hidden; }

body, p, ul, li, h1, h2, h3, h4, h5, h6, a, em, label, div.responsive select, button, span, div.responsive textarea {
  font-family: "freight-sans-pro", Arial, sans-serif;
  font-weight: normal; }

h1 {
  font-family: "freight-text-pro", Verdana, "Verdana Regular", Arial, Helvetica, sans-serif; }

p, label, span {
  font-size: 13pt; }

div.responsive select {
  font-size: 16pt;
  height: 33px; }

small em, small {
  font-weight: 700;
  font-size: 11pt;
  font-family: "freight-sans-pro", Arial, sans-serif; }

.orange-caption {
  color: #c2531a; }

/* Making error messages bold */
div.responsive .ErrorMessage span.field-error-text {
  font-weight: 700; }

/* De-wackify alignment of error messages */
div.responsive div.ErrorMessage.page-error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  div.responsive div.ErrorMessage.page-error > span.field-error-text {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  div.responsive div.ErrorMessage.page-error > span.field-error-text {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

/* Inputs */
#main input[type="text"] {
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 5px;
  font-size: 16px;
  font-family: "freight-sans-pro", Arial, sans-serif;
  border: 1px solid #999; }

#main textarea {
  font-size: 16px; }

#main select {
  border-radius: 0;
  font-size: 16px; }

#main input, #main textarea {
  /* Chrome <=56, Safari < 10 */
  /* FF 4-18 */
  /* FF 19-51 */
  /* IE 10+ */
  /* Modern Browsers */
  /* Chrome <=56, Safari < 10 */
  /* FF 4-18 */
  /* FF 19-50 */
  /* IE 10+ */
  /* Modern Browsers */ }
  #main input::-webkit-input-placeholder, #main textarea::-webkit-input-placeholder {
    opacity: 1; }
  #main input:-ms-input-placeholder, #main textarea:-ms-input-placeholder {
    opacity: 1; }
  #main input::-ms-input-placeholder, #main textarea::-ms-input-placeholder {
    opacity: 1; }
  #main input::placeholder, #main textarea::placeholder {
    opacity: 1; }
  #main input:focus::-webkit-input-placeholder, #main textarea:focus::-webkit-input-placeholder {
    opacity: 0; }
  #main input:focus:-ms-input-placeholder, #main textarea:focus:-ms-input-placeholder {
    opacity: 0; }
  #main input:focus::-ms-input-placeholder, #main textarea:focus::-ms-input-placeholder {
    opacity: 0; }
  #main input:focus::placeholder, #main textarea:focus::placeholder {
    opacity: 0; }

/* Print */
@media print {
  section#right-sidebar {
    display: none; }
  header.desktop {
    display: none; }
  img {
    max-width: 150px; } }

/* Header */
@media screen and (max-width: 650px) {
  header.desktop {
    display: none; }
  header.mobile {
    display: block;
    text-align: center;
    margin-top: 50px; }
    header.mobile img {
      max-width: 150px;
      height: auto; } }

@media screen and (min-width: 651px) {
  header.mobile {
    display: none; }
  header.desktop {
    display: block; }
    header.desktop img {
      max-width: 100%; } }

/* Right sidebar flexed into single column - larger mobile screens */
@media screen and (min-width: 800px) and (max-width: 1242px) {
  section#right-sidebar {
    max-width: none !important;
    margin: auto 0;
    padding: 20px 50px 20px 50px; } }

/* Right sidebar flexed into single column - smaller mobile screens */
@media screen and (max-width: 650px) {
  section#right-sidebar {
    padding: 20px; } }

/* Page wrap */
#page-wrap {
  padding: 20px 30px 20px 30px; }

@media screen and (max-width: 800px) {
  #page-wrap {
    padding: 0 !important; } }

/* Main container */
#main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media screen and (max-width: 800px) {
  #main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  h1 {
    text-align: center; } }

/* Overrides for Luminate's responsive dumbness */
#main div.donation-form-container.responsive {
  margin: auto; }

section#main-content div.html-caption-container {
  width: 100%; }

section#main-content div.donation-form-container.responsive {
  width: 90%; }

/**
	Right sidebar 
*/
section#right-sidebar {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 30%;
  max-width: 600px;
  background-color: #622066;
  padding: 20px;
  color: #fff;
  height: 100%;
  margin-top: 40px; }
  @media screen and (max-width: 800px) {
    section#right-sidebar {
      width: auto;
      max-width: none; } }
  section#right-sidebar h2 {
    text-align: center;
    font-weight: normal;
    font-size: 1.8em;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    font-weight: 700; }
  section#right-sidebar h3.level-header {
    font-style: italic;
    font-size: 1.3em;
    margin-top: 0.2em;
    margin-bottom: 0.2em; }
  section#right-sidebar ul {
    margin: 10px 0 10px 0; }
  section#right-sidebar li {
    margin-bottom: 0.2em; }
  section#right-sidebar ul li {
    font-size: 1.1em; }
  section#right-sidebar .all-of-the-above {
    font-style: italic;
    font-size: 1.1em; }

/** 
	Field grid for contact info and gift membership fields

/* Overriding Luminate's dum-dum markup so that inputs & selects can flex better */
div.form-row div.form-content {
  display: block; }

/* Applying the same margin to CC expiration date field groups as Luminate applies to fields that aren't wrapped in a div */
div.form-row div.form-content > .date-input-container {
  margin-top: 3px; }

/* Setting flex behavior on each row */
#title-first-last, #gift-title-name, #city-state-zip, #address, #country-email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: justify;
      align-content: space-between; }

/* Making the appropriate rows flex-grow */
#billing_first_name_row, #billing_last_name_row, #billing_addr_street1_row, #billing_addr_street2_row, #billing_addr_zip_row, #tribute_notify_recip_street1_row, #tribute_notify_recip_street2_row, #tribute_notify_recip_zip_row, #tribute_notify_recip_email_row, #tribute_notify_recip_name_row, #tribute_honoree_first_name_row, #tribute_honoree_last_name_row, #donor_email_address_row {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 10px; }

#honoree_title_row {
  -webkit-box-flex: 0.8;
      -ms-flex-positive: 0.8;
          flex-grow: 0.8; }

#honoree_title_row select {
  width: 100%; }

#donor_email_address_row {
  margin-left: -5px; }

#honoree_title_row, #billing_title_row {
  margin-right: 20px; }

#billing_addr_country_row, #tribute_notify_recip_country_row {
  width: 300px; }

#billing_addr_city_row, #tribute_notify_recip_city_row {
  -webkit-box-flex: 2.7;
      -ms-flex-positive: 2.7;
          flex-grow: 2.7;
  margin-right: 5px; }

#billing_addr_state_row, #tribute_notify_recip_state_row {
  margin-left: 5px;
  width: 20%; }

#tribute_notify_recip_title_row {
  margin-right: 50px; }

/* Input adjustments */
#billing_addr_street1_row input, #billing_addr_street2_row input, #tribute_notify_recip_street1_row input, #tribute_notify_recip_street2_row input {
  width: 92%; }

#billing_addr_city_row input, #tribute_notify_recip_city_row input {
  width: 92%; }

#billing_first_name_row input, #billing_last_name_row input, #tribute_honoree_first_name_row input, #tribute_honoree_last_name_row input {
  width: 90%; }

#billing_addr_zip_row input, #tribute_notify_recip_zip_row input {
  width: 85%; }

#tribute_notify_recip_name_row input {
  width: 95%; }

/* Select adjustments */
#tribute_notify_recip_country_row select {
  width: 80%; }

#tribute_notify_recip_title_row select {
  width: 80%; }

#billing_addr_state_row select, #tribute_notify_recip_state_row select {
  width: 80%; }

#billing_addr_country_row select, #donor_email_address_row input, #tribute_notify_recip_email_row input, #tribute_notify_recip_country_row select {
  width: 92%; }

#tribute_type_row select {
  width: 25.5%; }

#donor_phone_row input {
  width: 94%;
  max-width: 350px; }

#ecard_recpientsname,
#tribute_ecard_messagename {
  width: 512px;
  max-width: 100%; }

/* Making it all work on mobile */
@media screen and (max-width: 800px) {
  #main .contact-grid input, #main .gift-membership-grid input, #ecard_recpientsname, #tribute_ecard_messagename {
    width: 94%; }
  #title-first-last, #city-state-zip, #address, #country-email, #gift-title-name {
    display: block; }
  #billing_first_name_row input, #billing_last_name_row input, #tribute_honoree_first_name_row input, #tribute_honoree_last_name_row input {
    width: 95.5%; }
  #tribute_honoree_first_name_row, #tribute_honoree_last_name_row, #billing_first_name_row, #billing_last_name_row, #billing_addr_street1_row, #billing_addr_street2_row, #billing_addr_zip_row, #donor_email_address_row, #tribute_notify_recip_street1_row, #tribute_notify_recip_street2_row, #tribute_notify_recip_zip_row, #tribute_notify_recip_email_row, #tribute_notify_recip_name_row, #billing_addr_city_row, #tribute_notify_recip_city_row {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    margin-right: 0; }
  #billing_addr_state_row, #tribute_notify_recip_state_row {
    width: auto;
    margin-left: 0; }
  #billing_first_name_row, #billing_last_name_row, #billing_addr_street1_row, #billing_addr_street2_row, #billing_addr_zip_row, #donor_email_address_row, #tribute_notify_recip_street1_row, #tribute_notify_recip_street2_row, #tribute_notify_recip_zip_row, #tribute_notify_recip_email_row, #tribute_notify_recip_name_row, #tribute_notify_recip_title_row, #honoree_title_row {
    margin-right: 0; }
  .mobile #billing_addr_country_row select, .mobile #billing_addr_state_row select, .mobile #donor_addr_state_row select, .mobile #donor_addr_country_row select, .mobile #donor_occupation_row select, .mobile #shipping_addr_country_row select, .mobile #shipping_addr_state_row select, .mobile #tribute_notify_recip_state_row select, .mobile #tribute_notify_recip_country_row select, .mobile .custom-field-container select, .mobile div.employer-address-container select, #billing_title_row select, #honoree_title_row select, #tribute_type_row select {
    max-width: none;
    width: 98%; }
  .sidebar #billing_addr_state_row select, .sidebar #billing_title_row select {
    width: 100%; }
  #donor_phone_row input {
    width: 90%;
    max-width: none; } }

/* More overrides for Luminate mobile dumbness */
@media screen and (max-width: 767px) {
  .mobile #billing_addr_country_row select, .mobile #billing_addr_state_row select, .mobile #donor_addr_state_row select, .mobile #donor_addr_country_row select, .mobile #donor_occupation_row select, .mobile #shipping_addr_country_row select, .mobile #shipping_addr_state_row select, .mobile #tribute_notify_recip_state_row select, .mobile #tribute_notify_recip_country_row select, .mobile .custom-field-container select, .mobile div.employer-address-container select {
    max-width: none !important; } }

/* Grid for payment fields */
.payment-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 60%; }

#responsive_payment_typecc_exp_date_row, #responsive_payment_typecc_cvv_row {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

div.payment-field-container #responsive_payment_typecc_number_row input {
  width: 37.5%; }

select#responsive_payment_typecc_exp_date_MONTH, select#responsive_payment_typecc_exp_date_YEAR {
  width: 40%; }

@media screen and (max-width: 800px) {
  .payment-grid {
    display: block;
    max-width: 100%; }
  #responsive_payment_typecc_number_row input, div.payment-field-container #responsive_payment_typecc_cvv_row input {
    width: 90% !important; }
  select#responsive_payment_typecc_exp_date_MONTH, select#responsive_payment_typecc_exp_date_YEAR {
    width: 46% !important; } }

/* Grid for required field label & opt-in */
.other-grid {
  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; }
  .other-grid .form-row, .other-grid::after {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 40%;
            flex: 1 0 40%; }
  .other-grid::before {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    content: ''; }
  .other-grid #required_row,
  .other-grid #donor_phone_row,
  .other-grid #phone_note_row {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 300px;
            flex: 0 1 300px; }
    .other-grid #required_row input,
    .other-grid #required_row .html-caption-container,
    .other-grid #donor_phone_row input,
    .other-grid #donor_phone_row .html-caption-container,
    .other-grid #phone_note_row input,
    .other-grid #phone_note_row .html-caption-container {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 92%; }
    @media screen and (max-width: 800px) {
      .other-grid #required_row,
      .other-grid #donor_phone_row,
      .other-grid #phone_note_row {
        width: auto;
        padding-right: 0; } }
  .other-grid #required_row {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .other-grid #donor_phone_row {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .other-grid #donor_email_opt_in_Row {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 1em;
    margin-bottom: 1em;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2; }
  .other-grid #phone_note_row {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
    .other-grid #phone_note_row ~ #required_row {
      -webkit-box-ordinal-group: 8;
          -ms-flex-order: 7;
              order: 7;
      width: 100%; }
  .other-grid::after {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    content: ''; }

div.responsive #donor_email_opt_in_Row.form-checkbox label {
  display: inline; }

@media screen and (max-width: 890px) {
  .other-grid {
    display: block; } }

/**
	Main content 
*/
@media screen and (max-width: 800px) {
  #main section#main-content {
    margin-right: 0; } }

@media only screen and (max-width: 767px) and (min-width: 480px) {
  .mobile div.responsive {
    width: 90%; } }

section#main-content {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 2;
      -ms-flex: 2 0 auto;
          flex: 2 0 auto;
  width: 60%;
  max-width: 1200px;
  margin-right: 25px;
  /* Links */
  /* Donation levels */
  /* Page title header text */
  /* Removing Luminate's default max-width on HTML containers */
  /* Removing top border and margin on section and button containers */
  /* Changing labels to orange and bold */
  /* 
		Required asterisks 
	**/
  /* Hiding Luminate's terrible asterisks */
  /* Adding in nicer ones */
  /* Hiding the nice asterisks on donation amounts */
  /* Hiding extra required asterisk on Expration Date, because Luminate's markup is very dumb */
  /* Making asterisk in required field label orange */
  /* Removing required asterisk for choose a level header */
  /* Removing margin under Payment Type header text */
  /* Styling no premium option */
  /* Making "what's this?" link superscript */
  /* Hiding cancel button */
  /* Submit button */
  /**
		Level descriptions 
	*/ }
  @media screen and (max-width: 800px) {
    section#main-content {
      width: auto;
      max-width: none; } }
  section#main-content a, section#main-content a:link, section#main-content a:hover, section#main-content a:active, section#main-content a:visited {
    color: #ca6323; }
  section#main-content .donation-level-label-input-container + label {
    display: inline-block;
    padding: 20px;
    margin-bottom: 0;
    font-size: 2em !important;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-width: 2px;
    background: #999;
    color: #fff !important;
    min-width: 100px;
    margin: 2px 4px 2px 4px; }
    section#main-content .donation-level-label-input-container + label:hover, section#main-content .donation-level-label-input-container + label:focus, section#main-content .donation-level-label-input-container + label.active {
      background-color: #622066; }
  section#main-content .donation-levels {
    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: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    max-width: 700px; }
  @media screen and (max-width: 801px) {
    section#main-content .donation-levels {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
    section#main-content h2.section-header-container, section#main-content h1.first-line, section#main-content h1.second-line {
      text-align: center; }
    section#main-content .don-standard-levels .form-row .required-label-div {
      text-align: center; }
    section#main-content .section-header-container {
      padding-top: 0; }
    section#main-content .donation-level-expanded-label.expand ul {
      text-align: left;
      margin-top: 10px; }
    section#main-content label + div.donation-level-expanded-label h2.benefits {
      margin-left: 0; } }
  section#main-content label + div.donation-level-user-entered {
    display: inline;
    margin: 2px 4px 2px 4px; }
  section#main-content .donation-level-user-entered input {
    height: 62px;
    width: 128px;
    font-size: 27px;
    margin-top: 2px;
    text-align: center;
    font-weight: bold; }
    section#main-content .donation-level-user-entered input::-webkit-input-placeholder {
      color: #622066;
      opacity: 1; }
    section#main-content .donation-level-user-entered input:-ms-input-placeholder {
      color: #622066;
      opacity: 1; }
    section#main-content .donation-level-user-entered input::-ms-input-placeholder {
      color: #622066;
      opacity: 1; }
    section#main-content .donation-level-user-entered input::placeholder {
      color: #622066;
      opacity: 1; }
    section#main-content .donation-level-user-entered input:focus::-webkit-input-placeholder {
      color: transparent; }
    section#main-content .donation-level-user-entered input:focus:-ms-input-placeholder {
      color: transparent; }
    section#main-content .donation-level-user-entered input:focus::-ms-input-placeholder {
      color: transparent; }
    section#main-content .donation-level-user-entered input:focus::placeholder {
      color: transparent; }
  section#main-content .donation-level-label-input-container, section#main-content .other-donation-container label {
    display: none; }
  section#main-content div.donation-form-container.responsive {
    background: transparent;
    border: none; }
  section#main-content div.donation-level-container {
    margin: 0 !important; }
  section#main-content div.donation-level-input-container {
    padding: 0 !important; }
  section#main-content .donation-level-container .form-content {
    margin-top: 0;
    margin-bottom: 0; }
  section#main-content h1 {
    color: #622066;
    margin-top: -0.2em;
    margin-bottom: 0;
    font-size: 2em; }
  section#main-content .first-line {
    font-weight: bold; }
  section#main-content .second-line {
    font-style: italic; }
  section#main-content div.html-caption-container {
    max-width: 100%; }
  section#main-content .section-header-container {
    border-top: 0;
    margin-top: 0; }
  section#main-content div.button-container {
    margin-top: 0;
    border-top: 0; }
  section#main-content h2.section-header-container {
    color: #622066;
    font-size: 1.8em;
    font-weight: bold; }
  section#main-content label:not([for=donor_email_opt_inname]), section#main-content .FormLabelText, section#main-content .label-text, section#main-content .payment-info {
    color: #c2531a;
    font-weight: bold;
    font-size: 13pt; }
  section#main-content div.responsive span.field-required {
    display: none !important; }
  section#main-content .required-label-div label:after {
    content: " *";
    color: #c2531a; }
  section#main-content .required-label-div .donation-level-input-container label:after {
    display: none; }
  section#main-content label[for=responsive_payment_typecc_exp_date_YEAR]:after {
    display: none; }
  section#main-content .asterisk {
    color: #c2531a; }
  section#main-content .form-row.form-donation-level span.field-required {
    display: none; }
  section#main-content .payment-info {
    margin-bottom: 0; }
  section#main-content label[for=nmaahc_no_premium_dropdown] {
    display: none; }
  section#main-content label[for=nmaahc_no_premium_radio_true] {
    color: #622066; }
  section#main-content .no-premium-text {
    max-width: 450px;
    margin-top: -22px;
    margin-left: 20px; }
    section#main-content .no-premium-text p {
      color: #622066; }
  section#main-content div.responsive a.HelpLink:link {
    vertical-align: super;
    line-height: 1;
    /* Without this, IE 11 pushes the CVV field down an extra couple pixels */ }
  section#main-content #pstep_cancel {
    display: none !important; }
  section#main-content #preview_button_row .action-button,
  section#main-content button#pstep_finish {
    background-image: none;
    background-color: #c2531a;
    color: #fff;
    font-family: "freight-sans-pro", Arial, sans-serif;
    text-transform: uppercase;
    font-size: 2.5em;
    font-weight: bold;
    border: 2px solid #fff;
    border-radius: 0;
    -webkit-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0;
            box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0;
    -webkit-transition: background-color 300ms ease-out, border-color 320ms ease-out;
    -o-transition: background-color 300ms ease-out, border-color 320ms ease-out;
    transition: background-color 300ms ease-out, border-color 320ms ease-out; }
  section#main-content #preview_button_row .action-button:hover,
  section#main-content button#pstep_finish:hover {
    border-color: #c2531a;
    background-color: #fff;
    color: #c2531a;
    -webkit-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0;
            box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0; }
  section#main-content #preview_button_row .action-button {
    display: none;
    font-size: 1em;
    background-color: #622066; }
  section#main-content #preview_button_row .action-button:hover {
    display: none;
    border-color: #622066;
    color: #622066;
    -webkit-box-shadow: none;
            box-shadow: none; }
  section#main-content div.responsive button.finish-step {
    float: none; }
  section#main-content div.responsive button.step-button {
    padding: 10px 40px 10px 40px;
    max-width: 100%; }
  section#main-content div.button-container {
    padding-bottom: 20px; }
  section#main-content .layout-choice-thumbnail-container img {
    width: 200px; }
  section#main-content div.donation-level-expanded-label {
    /* Removing Luminate's default left margin, width, and bgcolor */
    margin-left: 0;
    background-color: #e0d2e0;
    padding: 15px 25px 15px 25px;
    max-width: 900px;
    margin: 30px 0 30px 0; }
    section#main-content div.donation-level-expanded-label .level-image {
      float: right;
      max-width: 200px;
      height: auto;
      padding: 12px; }
    section#main-content div.donation-level-expanded-label .level-radio {
      float: left;
      max-width: 20px;
      height: auto;
      margin-top: 6px;
      margin-right: 10px; }
    section#main-content div.donation-level-expanded-label h2 {
      margin-top: 0;
      margin-bottom: 0;
      font-weight: bold;
      color: #622066; }
    section#main-content div.donation-level-expanded-label h2.benefits {
      margin-bottom: 5px;
      margin-left: 30px; }
    section#main-content div.donation-level-expanded-label ul {
      display: block;
      list-style-type: disc;
      margin: 0;
      padding-left: 50px; }
    section#main-content div.donation-level-expanded-label ul li, section#main-content div.donation-level-expanded-label em {
      font-size: 12pt;
      color: #622066; }
  section#main-content .donation-level-expanded-label {
    display: none; }
  section#main-content .donation-level-expanded-label.expand {
    display: block;
    /* position: absolute; */
    left: 0;
    top: 300px;
    max-width: 80%; }
  section#main-content .don-standard-levels {
    position: relative; }

/*
	Adjustments for full-width wrapper
**/
.full-width #main {
  max-width: 70%;
  margin: auto; }

@media screen and (max-width: 767px) {
  .full-width #main {
    max-width: 90%; } }

.full-width section#main-content .donation-levels {
  max-width: none; }

.full-width .contact-grid, .gift-membership-grid, .other-grid {
  max-width: none; }

/* Hiding "this amount will be charged" warning on NSS form */
.full-width .donation-level-general-ask {
  display: none; }

/* Footer */
#footer p {
  color: #000;
  font-size: 100%; }

#footer a {
  color: #ca6323;
  font-size: 100%;
  font-weight: 700; }

@media screen and (max-width: 767px) {
  #footer {
    text-align: center; } }

/* Level descriptions */
.level {
  display: none; }

@media screen and (max-width: 800px) {
  #main .level.active img {
    display: none; }
  #main .level.active h2 {
    margin-left: 0;
    -webkit-margin-left: 0; }
  #main .level-description .level.active ul {
    -webkit-padding-start: 20px; } }

#main .level.active {
  display: block;
  margin-left: 0;
  background-color: #e0d2e0;
  padding: 15px;
  max-width: 900px;
  margin: 30px 0 30px 0;
  text-align: left;
  overflow: hidden; }
  #main .level.active .level-image {
    float: right;
    max-width: 200px;
    height: auto;
    padding: 12px; }
  #main .level.active .level-radio {
    float: left;
    max-width: 20px;
    height: auto;
    margin-top: 6px;
    margin-right: 10px; }
  #main .level.active h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
    color: #622066;
    margin-left: 30px; }
  #main .level.active h2.benefits {
    margin-bottom: 5px;
    margin-left: 30px; }
  #main .level.active ul {
    display: block;
    list-style-type: disc;
    margin: 0;
    padding: 0 0 0 50px; }
  #main .level.active ul li, #main .level.active em {
    font-size: 12pt;
    color: #622066; }

/* Mobile-only link to member benefits */
@media screen and (min-width: 801px) {
  .mobile-only {
    display: none !important; } }

@media screen and (max-width: 800px) {
  p {
    text-align: center;
    color: #3c3c3c;
    font-weight: 700; }
  /* Restore normal link color for the mobile-only "View our member benefits"
	 * link in the form with the sidebar -- it's a p tag nested in an a element :fun:  */
  a p {
    color: inherit; } }

/* Hide the "other" donation button so users automatically select "other" when they entere text into the textbox */
.other-donation-container label {
  display: none !important; }

#level_flexibletotal_row, #total_donation_amount {
  border: none;
  padding: 10px 0px; }

div.don-level-total-row span.donation-level-total-amount {
  float: none;
  margin-left: 25px; }

.donation-level-total-label, .donation-level-total-amount {
  color: #622066;
  font-weight: bold; }

.donation-level-total-label,
div.don-level-total-row span.donation-level-total-amount {
  font-size: 24px; }

.donation-level-amount-container + .donation-level-label-container {
  display: none; }