/*
   * NAVIGATION MENU BACKGROUND OVERRIDE
   * -------------------------------------
   * Overrides the background color set in eGeneralBlue2023.css which applies
   * #10252C to the pureCssMenu links and disabled/separator hover states.
   * Setting to transparent so the menu blends with the site background.
   */
  ul.pureCssMenu a,
  ul.pureCssMenu li.dis a:hover,
  ul.pureCssMenu li.sep a:hover {
    background-color: transparent !important;
  }

  /*
   * PLEDGE TYPE LABEL ALIGNMENT FIX
   * ---------------------------------
   * Fixes the icon/label overlap on the pledge type selection buttons
   * (Payroll Deduction, Bill Me, Credit Card, etc.) on Step 2 of the
   * pledge form. CustomStyle.css was applying display:block !important
   * and padding-top:5.8cm which pushed the text above the icon.
   * Using flex-direction:column-reverse so the icon always sits on top
   * and the label text sits neatly below it on all pledge type buttons.
   * padding-top:2em pushes the entire button content down slightly for
   * better vertical centering within the button container.
   */
  .PledgeTypeSelection .TypeSelection-Items label.RadioLabel,
  #PledgePaymentInfo label.form-check-label {
    display: flex !important;
    flex-direction: column-reverse !important; /* Flips order: icon on top, text below */
    align-items: center !important;
    text-align: center !important;
    padding: 0.5em !important;
    padding-top: 5em !important; /* Pushes content down for better vertical spacing */
    line-height: 1.3 !important;
    width: 100% !important;
    word-wrap: break-word !important;
    gap: 8px !important; /* Adds space between icon and text */
  }