/* Jericho Bloomerang Design System v1.1
   Updated typography: modern native system font stack.
   No external font download is required, making this version reliable inside Bloomerang popups and iframes.
*/

500;600;700;800&display=swap');

:root{
  --jericho-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Global typography */
.qg-vendor-form,
.qg-vendor-form-container,
.qg-vendor-page__content{
  font-family: var(--jericho-font) !important;
}

.qg-vendor-header__title{
  font-weight:800 !important;
  letter-spacing:-0.02em !important;
}

.qg-vendor-widget-heading{
  font-weight:700 !important;
}

.qg-vendor-form label{
  font-weight:600 !important;
}

.qg-vendor-button,
.qg-vendor-form-submit-container button,
.qg-vendor-recurring-upgrade-buttons button,
.qg-vendor-modal__buttons button{
  font-family:var(--jericho-font) !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  font-size:16px !important;
}


/*
Theme Name: Jericho Partnership Bloomerang Forms
File: bloomerang.css
Version: 1.0
Updated: August 3, 2026

Purpose:
Consistent Jericho Partnership branding for Bloomerang Fundraising forms.

Brand palette:
Navy:  #30325A
Gold:  #F4C542
White: #FFFFFF
Text:  #2B2B2B
Light: #F6F7FA

Important:
Bloomerang may update its form markup. This file primarily uses Bloomerang's
recommended qg-vendor classes and avoids complicated selectors.
*/

/* =========================================================
   1. BRAND VARIABLES
   ========================================================= */
:root {
  --jericho-navy: #30325A;
  --jericho-navy-dark: #242645;
  --jericho-gold: #F4C542;
  --jericho-gold-dark: #D9A900;
  --jericho-white: #FFFFFF;
  --jericho-text: #2B2B2B;
  --jericho-muted: #666A73;
  --jericho-light: #F6F7FA;
  --jericho-border: #D7DAE2;
  --jericho-error: #B42318;
  --jericho-radius: 8px;
  --jericho-button-height: 52px;
  --jericho-shadow: 0 8px 24px rgba(48, 50, 90, 0.12);
}

/* =========================================================
   2. GLOBAL FORM STYLING
   ========================================================= */
.qg-vendor-form-container,
.qg-vendor-page__content,
.qg-vendor-form {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  color: var(--jericho-text) !important;
  line-height: 1.55 !important;
}

.qg-vendor-page__content {
  background: var(--jericho-white) !important;
  border-radius: 12px !important;
  box-shadow: var(--jericho-shadow) !important;
}

.qg-vendor-form-footer {
  color: var(--jericho-muted) !important;
}

/* =========================================================
   3. HEADINGS AND TEXT
   ========================================================= */
.qg-vendor-header__title,
.qg-vendor-widget-heading,
.qg-vendor-receipt-header-heading {
  color: var(--jericho-navy) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

.qg-vendor-widget-text,
.qg-vendor-receipt-header-subheading,
.qg-vendor-amount-card-description {
  color: var(--jericho-text) !important;
}

.qg-vendor-text-button {
  color: var(--jericho-navy) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.qg-vendor-text-button:hover,
.qg-vendor-text-button:focus {
  color: var(--jericho-navy-dark) !important;
}

/* =========================================================
   4. PRIMARY ACTION BUTTONS
   All main Continue, Give, Donate, Register, and submit
   buttons receive the same size, shape, and color.
   ========================================================= */
.qg-vendor-button,
.qg-vendor-form-submit-container button,
.qg-vendor-recurring-upgrade-buttons button,
.qg-vendor-modal__buttons button {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 180px !important;
  min-height: var(--jericho-button-height) !important;
  padding: 13px 24px !important;

  background: var(--jericho-navy) !important;
  color: var(--jericho-white) !important;
  border: 2px solid var(--jericho-navy) !important;
  border-radius: 30px !important;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
  text-decoration: none !important;

  box-shadow: 0 5px 14px rgba(48, 50, 90, 0.22) !important;
  cursor: pointer !important;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease !important;
}

.qg-vendor-button:hover,
.qg-vendor-form-submit-container button:hover,
.qg-vendor-recurring-upgrade-buttons button:hover,
.qg-vendor-modal__buttons button:hover {
  background: var(--jericho-navy-dark) !important;
  border-color: var(--jericho-navy-dark) !important;
  box-shadow: 0 7px 18px rgba(48, 50, 90, 0.28) !important;
  transform: translateY(-1px) !important;
}

.qg-vendor-button:focus,
.qg-vendor-form-submit-container button:focus,
.qg-vendor-recurring-upgrade-buttons button:focus,
.qg-vendor-modal__buttons button:focus {
  outline: 3px solid rgba(244, 197, 66, 0.55) !important;
  outline-offset: 3px !important;
}

.qg-vendor-button:active,
.qg-vendor-form-submit-container button:active,
.qg-vendor-recurring-upgrade-buttons button:active,
.qg-vendor-modal__buttons button:active {
  transform: translateY(0) !important;
  box-shadow: 0 3px 9px rgba(48, 50, 90, 0.22) !important;
}

.qg-vendor-button:disabled,
.qg-vendor-form-submit-container button:disabled {
  background: #A7A9B4 !important;
  border-color: #A7A9B4 !important;
  color: var(--jericho-white) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* Keep the main action-button column consistent. */
.qg-vendor-form-submit-container {
  width: 100% !important;
  max-width: 420px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* =========================================================
   5. BACK BUTTON
   Styled as a matching secondary button.
   ========================================================= */
.qg-vendor-back-button-container button,
.qg-vendor-back-button-container a {
  box-sizing: border-box !important;
  min-height: 46px !important;
  padding: 11px 22px !important;
  background: var(--jericho-white) !important;
  color: var(--jericho-navy) !important;
  border: 2px solid var(--jericho-navy) !important;
  border-radius: 30px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.qg-vendor-back-button-container button:hover,
.qg-vendor-back-button-container a:hover {
  background: var(--jericho-light) !important;
}

/* =========================================================
   6. ONE-TIME / MONTHLY TABS
   ========================================================= */
.qg-vendor-tab__button {
  min-height: 46px !important;
  color: var(--jericho-navy) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.qg-vendor-tabs__indicator-ui {
  background-color: var(--jericho-gold) !important;
  border-color: var(--jericho-gold) !important;
  height: 4px !important;
}

/* =========================================================
   7. DONATION AMOUNT BUTTONS
   Equal height, consistent borders, clear selected state.
   ========================================================= */
.qg-vendor-standard-amount-button-input,
.qg-vendor-other-amount-button-input {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 58px !important;
  padding: 12px 14px !important;

  background: var(--jericho-white) !important;
  color: var(--jericho-navy) !important;
  border: 2px solid var(--jericho-navy) !important;
  border-radius: var(--jericho-radius) !important;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease !important;
}

.qg-vendor-standard-amount-button-input:hover,
.qg-vendor-other-amount-button-input:hover {
  background: var(--jericho-light) !important;
  transform: translateY(-1px) !important;
}

.qg-vendor-standard-amount-radio:checked
  + .qg-vendor-standard-amount-button-input,
.qg-vendor-other-amount-radio:checked
  + .qg-vendor-other-amount-button-input {
  background: var(--jericho-navy) !important;
  color: var(--jericho-white) !important;
  border-color: var(--jericho-navy) !important;
  box-shadow: 0 0 0 3px rgba(244, 197, 66, 0.45) !important;
}

.qg-vendor-standard-amount-content,
.qg-vendor-other-amount-currency-input,
.qg-vendor-amount-card-title,
.qg-vendor-amount-card-content {
  color: inherit !important;
  font-weight: 700 !important;
}

/* =========================================================
   8. FORM FIELDS
   ========================================================= */
.qg-vendor-field-container__inner {
  border-color: var(--jericho-border) !important;
  border-radius: var(--jericho-radius) !important;
  background: var(--jericho-white) !important;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease !important;
}

.qg-vendor-field-container__inner:focus-within {
  border-color: var(--jericho-navy) !important;
  box-shadow: 0 0 0 3px rgba(48, 50, 90, 0.14) !important;
}

.qg-vendor-field-input {
  min-height: 46px !important;
  color: var(--jericho-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
}

.qg-vendor-field-input::placeholder {
  color: #7C7F88 !important;
  opacity: 1 !important;
}

.qg-vendor-field-container__error-text {
  color: var(--jericho-error) !important;
  font-weight: 700 !important;
}

/* =========================================================
   9. CHECKBOXES AND RADIO CONTROLS
   ========================================================= */
.qg-vendor-input-box__icon {
  border-color: var(--jericho-navy) !important;
  border-radius: 4px !important;
}

.qg-vendor-input-box__inner:hover .qg-vendor-input-box__icon {
  box-shadow: 0 0 0 3px rgba(48, 50, 90, 0.12) !important;
}

/* =========================================================
   10. CALLOUTS, RECURRING PROMPTS, AND TOTALS
   ========================================================= */
.qg-vendor-upgrade-nudge,
.qg-vendor-recurring-upgrade,
.qg-vendor-impact-date-container,
.qg-vendor-gift-assist,
.qg-vendor-total-gift,
.qg-vendor-receipt-header-invoice-message,
.qg-vendor-receipt-header-bill-dates {
  background: var(--jericho-light) !important;
  border: 1px solid var(--jericho-border) !important;
  border-left: 5px solid var(--jericho-gold) !important;
  border-radius: var(--jericho-radius) !important;
}

.qg-vendor-recurring-upgrade-heading,
.qg-vendor-gift-matching__header {
  color: var(--jericho-navy) !important;
  font-weight: 700 !important;
}

/* =========================================================
   11. PROGRESS BAR
   ========================================================= */
.qg-vendor-progress-bar {
  color: var(--jericho-navy) !important;
}

/* =========================================================
   12. DIVIDERS
   ========================================================= */
.qg-vendor-divider hr {
  border: 0 !important;
  border-top: 1px solid var(--jericho-border) !important;
}

/* =========================================================
   13. MODALS
   ========================================================= */
.qg-vendor-modal__content,
.qg-vendor-more-info-modal {
  border-radius: 12px !important;
  box-shadow: 0 18px 55px rgba(25, 27, 52, 0.25) !important;
}

/* =========================================================
   14. RECEIPT / THANK-YOU PAGE
   ========================================================= */
.qg-vendor-receipt-header {
  border-color: var(--jericho-border) !important;
}

.qg-vendor-receipt-header-icon {
  color: var(--jericho-gold) !important;
}

.qg-vendor-receipt-summary,
.qg-vendor-receipt-summary-details {
  border-color: var(--jericho-border) !important;
  border-radius: var(--jericho-radius) !important;
}

/* =========================================================
   15. ACCESSIBILITY
   ========================================================= */
.qg-vendor-form a:focus,
.qg-vendor-form button:focus,
.qg-vendor-form input:focus,
.qg-vendor-form select:focus,
.qg-vendor-form textarea:focus {
  outline: 3px solid rgba(244, 197, 66, 0.55) !important;
  outline-offset: 2px !important;
}

/* Respect visitors who prefer less animation. */
@media (prefers-reduced-motion: reduce) {
  .qg-vendor-form *,
  .qg-vendor-form *::before,
  .qg-vendor-form *::after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}

/* =========================================================
   16. MOBILE
   ========================================================= */
@media (max-width: 640px) {
  .qg-vendor-page__content {
    border-radius: 8px !important;
    box-shadow: 0 4px 16px rgba(48, 50, 90, 0.10) !important;
  }

  .qg-vendor-button,
  .qg-vendor-form-submit-container button,
  .qg-vendor-recurring-upgrade-buttons button,
  .qg-vendor-modal__buttons button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 13px 18px !important;
    font-size: 16px !important;
  }

  .qg-vendor-standard-amount-button-input,
  .qg-vendor-other-amount-button-input {
    min-height: 54px !important;
  }
}
/* =========================================================
   17. JERICHO DESIGN SYSTEM EXTENSIONS
   Applies consistent visual rhythm across donation,
   registration, checkout, receipt, and modal experiences.
   ========================================================= */

/* Standard content width and spacing */
.qg-vendor-form-container,
.qg-vendor-page__content,
.qg-vendor-form {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.qg-vendor-page__content {
  padding: clamp(22px, 4vw, 44px) !important;
}

/* Consistent vertical spacing */
.qg-vendor-widget-heading,
.qg-vendor-widget-text,
.qg-vendor-field-container,
.qg-vendor-divider,
.qg-vendor-amount-card,
.qg-vendor-gift-assist,
.qg-vendor-total-gift,
.qg-vendor-recurring-upgrade {
  margin-bottom: 18px !important;
}

/* More polished heading hierarchy */
.qg-vendor-header__title {
  font-size: clamp(30px, 5vw, 46px) !important;
  line-height: 1.08 !important;
  margin-bottom: 16px !important;
}

.qg-vendor-widget-heading {
  font-size: clamp(22px, 3.4vw, 30px) !important;
  line-height: 1.2 !important;
  margin-top: 30px !important;
}

.qg-vendor-receipt-header-heading {
  font-size: clamp(26px, 4vw, 38px) !important;
  line-height: 1.15 !important;
}

/* Body text */
.qg-vendor-widget-text,
.qg-vendor-form,
.qg-vendor-form label,
.qg-vendor-receipt-header-subheading {
  font-size: 16px !important;
}

/* Links */
.qg-vendor-form a:not(.qg-vendor-button) {
  color: var(--jericho-navy) !important;
  font-weight: 700 !important;
  text-decoration-thickness: 1.5px !important;
  text-underline-offset: 3px !important;
}

.qg-vendor-form a:not(.qg-vendor-button):hover {
  color: var(--jericho-gold-dark) !important;
}

/* Labels */
.qg-vendor-form label {
  color: var(--jericho-navy) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

/* Select menus and text areas */
.qg-vendor-form select,
.qg-vendor-form textarea,
.qg-vendor-form input[type="text"],
.qg-vendor-form input[type="email"],
.qg-vendor-form input[type="tel"],
.qg-vendor-form input[type="number"],
.qg-vendor-form input[type="date"] {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 11px 13px !important;
  border: 1.5px solid var(--jericho-border) !important;
  border-radius: var(--jericho-radius) !important;
  background: var(--jericho-white) !important;
  color: var(--jericho-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
}

.qg-vendor-form textarea {
  min-height: 120px !important;
  resize: vertical !important;
}

.qg-vendor-form select:focus,
.qg-vendor-form textarea:focus,
.qg-vendor-form input[type="text"]:focus,
.qg-vendor-form input[type="email"]:focus,
.qg-vendor-form input[type="tel"]:focus,
.qg-vendor-form input[type="number"]:focus,
.qg-vendor-form input[type="date"]:focus {
  border-color: var(--jericho-navy) !important;
  box-shadow: 0 0 0 3px rgba(48, 50, 90, 0.14) !important;
}

/* Required-field indicators */
.qg-vendor-form [aria-required="true"] + label::after,
.qg-vendor-form label .required {
  color: var(--jericho-error) !important;
}

/* Amount choices and ticket cards */
.qg-vendor-amount-card,
.qg-vendor-ticket-card,
.qg-vendor-registration-card {
  border: 1px solid var(--jericho-border) !important;
  border-radius: 12px !important;
  background: var(--jericho-white) !important;
  box-shadow: 0 4px 14px rgba(48, 50, 90, 0.08) !important;
  overflow: hidden !important;
}

.qg-vendor-amount-card:hover,
.qg-vendor-ticket-card:hover,
.qg-vendor-registration-card:hover {
  border-color: var(--jericho-navy) !important;
  box-shadow: 0 8px 22px rgba(48, 50, 90, 0.13) !important;
}

/* Quantity controls */
.qg-vendor-form input[type="number"] {
  text-align: center !important;
  max-width: 110px !important;
}

/* Section dividers */
.qg-vendor-divider {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

/* Totals and summary panels */
.qg-vendor-total-gift,
.qg-vendor-receipt-summary,
.qg-vendor-receipt-summary-details {
  padding: 20px !important;
  background: var(--jericho-light) !important;
}

.qg-vendor-total-gift strong,
.qg-vendor-receipt-summary strong,
.qg-vendor-receipt-summary-details strong {
  color: var(--jericho-navy) !important;
}

/* Success icon and confirmation treatment */
.qg-vendor-receipt-header-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: rgba(244, 197, 66, 0.18) !important;
}

/* Primary button text should stay readable on all states */
.qg-vendor-button *,
.qg-vendor-form-submit-container button *,
.qg-vendor-recurring-upgrade-buttons button *,
.qg-vendor-modal__buttons button * {
  color: inherit !important;
}

/* Standardize grouped button layout */
.qg-vendor-recurring-upgrade-buttons,
.qg-vendor-modal__buttons {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
}

/* Gold secondary action utility, used when Bloomerang marks
   an alternate or emphasized action */
.qg-vendor-button--secondary,
.qg-vendor-button-secondary {
  background: var(--jericho-gold) !important;
  color: var(--jericho-navy-dark) !important;
  border-color: var(--jericho-gold) !important;
}

.qg-vendor-button--secondary:hover,
.qg-vendor-button-secondary:hover {
  background: var(--jericho-gold-dark) !important;
  color: var(--jericho-navy-dark) !important;
  border-color: var(--jericho-gold-dark) !important;
}

/* Prevent overly long labels from changing button height */
.qg-vendor-button,
.qg-vendor-form-submit-container button,
.qg-vendor-recurring-upgrade-buttons button,
.qg-vendor-modal__buttons button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: normal !important;
}

/* Desktop two-column field groups remain aligned */
@media (min-width: 700px) {
  .qg-vendor-field-row,
  .qg-vendor-form-row {
    gap: 18px !important;
  }
}

/* Print-friendly receipt */
@media print {
  .qg-vendor-page__content,
  .qg-vendor-receipt-summary,
  .qg-vendor-receipt-summary-details {
    box-shadow: none !important;
  }

  .qg-vendor-button,
  .qg-vendor-back-button-container {
    display: none !important;
  }
}


/* =========================================================
   18. BLOOMERANG LEGACY HOSTEDDONATION COMPATIBILITY
   The Jericho popup currently loads Bloomerang's older
   HostedDonation widget. These broad selectors ensure the
   modern font applies to all legacy form elements.
   ========================================================= */

html,
body,
body *,
form,
form *,
input,
select,
textarea,
button,
label,
legend,
fieldset,
option,
table,
thead,
tbody,
tfoot,
tr,
th,
td,
div,
span,
p,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif !important;
}

/* Legacy hosted donation headings */
body h1,
body h2,
body h3,
body h4,
.form-title,
.form-header,
.section-title,
.widget-title,
.donation-title,
.contact-title {
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
}

/* Legacy labels and instructional text */
body label,
body legend,
.field-label,
.control-label,
.help-block,
.form-text,
.instructions {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif !important;
}

/* Legacy inputs and dropdowns */
body input,
body select,
body textarea,
.form-control,
input.form-control,
select.form-control,
textarea.form-control {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
}

/* Legacy Bloomerang buttons */
body button,
body input[type="button"],
body input[type="submit"],
body input[type="reset"],
.btn,
.btn-primary,
.btn-default,
.submit-button,
.donate-button,
.continue-button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

/* Ensure placeholder text follows the same font */
body input::placeholder,
body textarea::placeholder {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif !important;
}

/* Some legacy widgets use Bootstrap input groups */
.input-group,
.input-group *,
.form-group,
.form-group *,
.row,
.row *,
.container,
.container-fluid {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif !important;
}


/* =========================================================
   19. Jericho Primary Donate Button
   ========================================================= */

/* Legacy + newer Bloomerang button selectors */
.qg-vendor-button,
.qg-vendor-form-submit-container button,
button[type="submit"],
input[type="submit"],
.btn-primary,
.donate-button,
.continue-button {
  background:#30325A !important;
  color:#FFFFFF !important;
  border:2px solid #30325A !important;
  border-radius:30px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  box-shadow:0 6px 16px rgba(48,50,90,.22) !important;
}

.qg-vendor-button:hover,
.qg-vendor-form-submit-container button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.btn-primary:hover,
.donate-button:hover,
.continue-button:hover{
  background:#242645 !important;
  border-color:#242645 !important;
  color:#FFFFFF !important;
}

/* Add heart before the button label when supported */
.qg-vendor-button::before,
.qg-vendor-form-submit-container button::before,
button[type="submit"]::before,
.btn-primary::before,
.donate-button::before,
.continue-button::before{
  content:"♥";
  color:#D62828;
  font-size:1.05em;
  margin-right:.45em;
  line-height:1;
}