#fw-section-hero-1763149007 {
--color-primary: #00e2ff;
--color-primary-rgb: 0, 226, 255;
--color-background: #20d1ff;
--color-background-rgb: 32, 209, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 161;
background-color: var(--color-background);
color: var(--color-on-background);
.hero a.button, 
.banner a.button {
  background-color: #00e2ff !important;
  color: #000000 !important; /* black text */
  border: none !important;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
}
.hero a.button, 
.banner a.button {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 10 !important;
}
/* Normal button colour */
.hero a.button,
.banner a.button {
    background-color: #00e2ff !important;
    color: #000 !important;
    border: none !important;
}

/* Hover effect for ALL buttons */
.hero a.button:hover,
.banner a.button:hover {
    background-color: #20d1ff !important;
}


}
#fw-section-collections-list-76352274-6a23-4fa9-82ea-5d03649325b0 {
--font-heading-scale: 1.5;
--font-body-scale: 1.5;
}
#fw-section-collections-list-223e63d6-433c-4f33-bc9f-db8b26756794 {
--font-heading-scale: 1.5;
--font-body-scale: 1.25;
}





#fw-section-donations-02117361-9390-4323-bc5f-51d192d8d05c {

/* Base style for ALL amount buttons (including custom) */
label.radio-button__label {
  background: transparent !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

/* Hover effect for ALL amount buttons */
label.radio-button__label:hover {
  background-color: #00e2ff !important;
  border-color: #00e2ff !important;
  color: #000000 !important;
}

/* When a button is selected, match the hover style */
.radio-button--is-selected > label.radio-button__label,
.radio-button--is-selected label.radio-button__label {
  background-color: #00e2ff !important;
  border-color: #00e2ff !important;
  color: #000000 !important;
}

/* Make the CUSTOM amount box look consistent too */
.input-field.input-field--as-button {
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
}

.input-field.input-field--as-button input {
  color: #ffffff !important;
}


/* Force black text on the custom amount field in all states */
#donation-amount-custom.input-field__input,
#donation-amount-custom.input-field__input:hover,
#donation-amount-custom.input-field__input:focus,
#donation-amount-custom.input-field__input:active {
  color: #000000 !important;
}

}
#fw-section-footer {

.footer__bottom li:last-child div {
  text-transform: none !important;
  color: #ffffff !important;
}

}