/* === MOBILE ONLY: footer badges in one straight line === */
@media (max-width: 767px) {

  /* If you added a class to the badge grid (recommended), keep it here: */
  .footer-badges .uk-grid {
    flex-wrap: nowrap !important;   /* single row */
    justify-content: center;
    gap: 10px;
  }
  .footer-badges .uk-grid > * {
    flex: 0 0 auto;                 /* items keep their width */
  }
  .footer-badges img {
    max-height: 45px;               /* shrink slightly for phones */
    height: auto;
    width: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
  }

  /* Fallback if you DIDN'T add a class to the grid:
     This targets the last grid inside the footer (your badge row). */
  footer .uk-grid:last-of-type {
    flex-wrap: nowrap !important;
    justify-content: center;
    gap: 10px;
  }
  footer .uk-grid:last-of-type > * {
    flex: 0 0 auto;
  }
  footer .uk-grid:last-of-type img {
    max-height: 45px;
    height: auto;
    width: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
  }
}
/* Awards strip — make all three images the same visual size */
.awards-row img {
  height: 220px !important;  /* set the uniform size you want */
  width: auto !important;    /* keep proportions */
  object-fit: contain;       /* no cropping */
  display: block;
  margin: 0 auto;
}

/* spacing (optional) */
.awards-row .wp-block-image,
.awards-row .el-image,
.awards-row figure { margin: 0 24px; }
}
/* Put the 3 scholarship buttons on one horizontal line */
.donate-inline { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
.donate-inline > * { margin:0 !important; } /* remove default vertical gaps */

/* Optional: similar widths; remove if you want natural widths */
.donate-inline .uk-button { flex:1 1 220px; }

/* Mobile: stack neatly */
@media (max-width:640px){
  .donate-inline { flex-direction:column; align-items:center; }
  .donate-inline .uk-button { width:100%; max-width:420px; }
}
/* Straight row with small gaps */
.ftr-monthlies-row {
  display: flex;
  justify-content: center;
  gap: 6px;                /* adjust gap size here (smaller = tighter) */
  flex-wrap: nowrap;       /* keep them in one line */
}

.ftr-monthlies-row .ftr-monthly-btn {
  flex: 1 1 0;
  text-align: center;
  padding: 14px 0;
  min-width: 120px;        /* makes sure buttons don’t shrink too tiny */
}

/* On smaller screens, allow wrapping */
@media (max-width: 768px) {
  .ftr-monthlies-row { flex-wrap: wrap; }
  .ftr-monthlies-row .ftr-monthly-btn { flex: 1 1 calc(50% - 6px); }
}

@media (max-width: 420px) {
  .ftr-monthlies-row .ftr-monthly-btn { flex: 1 1 100%; }
}
/* --- Bigger, full-width preset buttons inside the widget --- */
.ftr-donate .wpsd-amounts,
.ftr-donate .wpsd-quick-amount,
.ftr-donate .btn-group {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);  /* 4 equal columns */
  gap: 10px;                               /* small gaps */
  margin-bottom: 14px;
}
/* --- Bigger, full-width preset buttons inside the widget --- */
.ftr-donate .wpsd-amounts,
.ftr-donate .wpsd-quick-amount,
.ftr-donate .btn-group {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);  /* 4 equal columns */
  gap: 10px;                               /* small gaps */
  margin-bottom: 14px;
}

/* Make each preset button large and identical */
.ftr-donate .wpsd-amounts button,
.ftr-donate .wpsd-amounts .btn,
.ftr-donate .wpsd-quick-amount button,
.ftr-donate .wpsd-quick-amount .btn,
.ftr-donate .btn-group button,
.ftr-donate .btn-group .btn {
  width: 100%;
  height: 64px;            /* <- increase for bigger buttons */
  padding: 0;              /* height controls size */
  font-size: 20px;         /* <- larger text */
  font-weight: 700;
  border-radius: 10px;
  text-align: center;
}

/* Make the free-amount input sit on its own line and match height */
.ftr-donate .form-group input[placeholder="Amount"],
.ftr-donate input[name="wpsd_amount"] {
  height: 56px;
  font-size: 16px;
}

/* Responsive: 2 per row on tablets, 1 per row on phones */
@media (max-width: 900px){
  .ftr-donate .wpsd-amounts,
  .ftr-donate .wpsd-quick-amount,
  .ftr-donate .btn-group { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px){
  .ftr-donate .wpsd-amounts,
  .ftr-donate .wpsd-quick-amount,
  .ftr-donate .btn-group { grid-template-columns: 1fr; }
}
/* Make scholarship buttons solid red with white text */
.ftr-scholar-buttons .uk-button,
.ftr-scholar-buttons a.uk-button {
  background: #e11919;       /* red fill */
  border-color: #e11919;
  color: #fff !important;
}

/* Hover/active state a shade darker */
.ftr-scholar-buttons .uk-button:hover,
.ftr-scholar-buttons a.uk-button:hover {
  background: #c51111;
  border-color: #c51111;
  color: #fff !important;
}

/* Optional: make them a bit larger */
.ftr-scholar-buttons .uk-button { padding: 12px 22px; font-weight: 700; }

\/* Scholarship buttons: red by default, black on hover */
.ftr-scholar-buttons .uk-button,
.ftr-scholar-buttons a.uk-button {
  background: #e11919;           /* red */
  border-color: #e11919;
  color: #fff !important;
  font-weight: 700;
}

.ftr-scholar-buttons .uk-button:hover,
.ftr-scholar-buttons .uk-button:focus,
.ftr-scholar-buttons a.uk-button:hover,
.ftr-scholar-buttons a.uk-button:focus {
  background: #111;               /* black on hover/focus */
  border-color: #111;
  color: #fff !important;
}
/* Make the PayPal button red with black hover (inside the row that has class ftr-paypal-wrap) */
.ftr-paypal-wrap a.uk-button,
.ftr-paypal-wrap button.uk-button,
.ftr-paypal-wrap .uk-button,
.ftr-paypal-wrap .uk-button-default {
  background: #e11919 !important;   /* red fill */
  border-color: #e11919 !important;
  color: #fff !important;
  font-weight: 700;
  padding: 14px 22px;
  width: 100%;
  text-align: center;
}

.ftr-paypal-wrap a.uk-button:hover,
.ftr-paypal-wrap button.uk-button:hover,
.ftr-paypal-wrap .uk-button:hover,
.ftr-paypal-wrap .uk-button-default:hover {
  background: #111 !important;       /* black hover */
  border-color: #111 !important;
  color: #fff !important;
}
/* Force the Donate CTA to red, black on hover */
.ftr-donate form input[type="submit"],
.ftr-donate form button[type="submit"],
.ftr-donate form .wpsd-submit .btn,
.ftr-donate form .uk-button[type="submit"],
.ftr-donate form .btn-primary[type="submit"] {
  background-color: #e11919 !important;   /* red */
  background-image: none !important;       /* kill gradients */
  border-color: #e11919 !important;
  color: #fff !important;
  font-weight: 700;
  height: 60px;
  box-shadow: none !important;
}

/* Hover / focus / active = black */
.ftr-donate form input[type="submit"]:hover,
.ftr-donate form input[type="submit"]:focus,
.ftr-donate form input[type="submit"]:active,
.ftr-donate form button[type="submit"]:hover,
.ftr-donate form button[type="submit"]:focus,
.ftr-donate form button[type="submit"]:active,
.ftr-donate form .wpsd-submit .btn:hover,
.ftr-donate form .wpsd-submit .btn:focus,
.ftr-donate form .uk-button[type="submit"]:hover,
.ftr-donate form .uk-button[type="submit"]:focus,
.ftr-donate form .btn-primary[type="submit"]:hover,
.ftr-donate form .btn-primary[type="submit"]:focus {
  background-color: #111 !important;       /* black */
  border-color: #111 !important;
  color: #fff !important;
}

/* If the row itself has a dark background, neutralize it */
.ftr-paypal-wrap { background: transparent !important; }
/* Donate CTA — enabled (default + hover) */
.ftr-donate form [type="submit"]:not([disabled]),
.ftr-donate form .uk-button[type="submit"]:not([disabled]),
.ftr-donate form .btn.btn-primary[type="submit"]:not([disabled]),
.ftr-donate form .wpsd-submit .btn:not([disabled]) {
  background:#e11919 !important;
  border-color:#e11919 !important;
  color:#fff !important;
  font-weight:700;
  height:60px;
  background-image:none !important;
  box-shadow:none !important;
}
.ftr-donate form [type="submit"]:not([disabled]):hover,
.ftr-donate form .uk-button[type="submit"]:not([disabled]):hover,
.ftr-donate form .btn.btn-primary[type="submit"]:not([disabled]):hover,
.ftr-donate form .wpsd-submit .btn:not([disabled]):hover {
  background:#111 !important;
  border-color:#111 !important;
  color:#fff !important;
}

/* Donate CTA — disabled (match your red so it doesn’t look broken) */
.ftr-donate form [type="submit"][disabled],
.ftr-donate form .uk-button[type="submit"][disabled],
.ftr-donate form .btn.btn-primary[type="submit"][disabled],
.ftr-donate form .wpsd-submit .btn[disabled],
.ftr-donate form .uk-disabled[type="submit"] {
  background:#e11919 !important;
  border-color:#e11919 !important;
  color:#fff !important;
  opacity: .85;            /* optional */
  cursor: not-allowed;
}