@media (max-width: 480px) {
    /* Hero section big heading */
    .entry-content h1,
    .hero-section h1,
    .wp-block-heading h1 {
        font-size: 32px !important;
        line-height: 1.2 !important;
    }
}

.charitable-donation-form .donation-amounts .donation-amount.selected {
    background-color: #f0873b;
}

/* === One Palestine donate form polish (added 2026-06-07) === */
.charitable-campaign-field-donate-amount .charitable-campaign-field-inner {
  background: #faf9fb;
  border: 1px solid #e0dee3;
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 6px 24px rgba(58,45,70,.08);
}
#charitable-donation-amount-form ul.donation-amounts {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)) !important;
  gap: 12px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  list-style: none;
}
#charitable-donation-amount-form li.donation-amount {
  margin: 0 !important;
  padding: 0 !important;
  border: 2px solid #e0dee3 !important;
  border-radius: 12px !important;
  background: #fff !important;
  text-align: center;
  transition: border-color .15s ease, background .15s ease, transform .1s ease;
}
#charitable-donation-amount-form li.donation-amount > label {
  display: block;
  padding: 16px 6px !important;
  margin: 0;
  cursor: pointer;
  font-weight: 700;
  color: #3a2d46;
}
#charitable-donation-amount-form li.donation-amount input[type="radio"] { position: absolute; opacity: 0; }
#charitable-donation-amount-form li.donation-amount:hover { border-color: #f0873b !important; transform: translateY(-1px); }
#charitable-donation-amount-form li.donation-amount.selected { background: #f0873b !important; border-color: #d46e1f !important; }
#charitable-donation-amount-form li.donation-amount.selected .amount,
#charitable-donation-amount-form li.donation-amount.selected label { color: #fff !important; }
#charitable-donation-amount-form li.custom-donation-amount {
  text-align: left;
  padding: 14px 16px !important;
  font-weight: 600;
  color: #3a2d46;
}
#charitable-donation-amount-form li.custom-donation-amount .custom-donation-input {
  width: 100% !important;
  max-width: 100% !important;
  border: 1px solid #e0dee3;
  border-radius: 8px;
  padding: 10px 12px;
  margin-top: 6px;
  background: #fff;
}
#charitable-donation-amount-form .charitable-submit-field {
  clear: both;
  float: none !important;
  width: 100% !important;
  margin: 18px 0 0 !important;
}
#charitable-donation-amount-form button.donate-button {
  width: 100% !important;
  background: #f0873b !important;
  border: none !important;
  border-radius: 45px !important;
  color: #fff !important;
  font-weight: 700;
  font-size: 1.05em;
  letter-spacing: .04em;
  padding: 16px 24px !important;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .15s ease;
}
#charitable-donation-amount-form button.donate-button:hover { background: #d46e1f !important; }


/* === One Palestine layout polish (2026-06-07) === */
/* Vertically center two-column image/text rows */
.entry-content .wp-block-themeisle-blocks-advanced-columns.has-2-columns > .innerblocks-wrap { align-items: center; }
/* Cap oversized spacer blocks */
.entry-content .wp-block-spacer { max-height: 60px; }
@media (max-width: 768px) { .entry-content .wp-block-spacer { max-height: 32px; } }
/* Tighten gap between stat numbers and labels */
.entry-content .wp-block-themeisle-blocks-advanced-column p.has-text-align-center { margin-bottom: 8px; }
/* Contact page: center and constrain the form */
.page-id-369 .entry-content { max-width: 760px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
.page-id-369 .entry-content > .alignfull { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: 100% !important; }
.page-id-369 .entry-content .innerblocks-wrap { padding-left: 0 !important; padding-right: 0 !important; }
/* Style Mailchimp embeds inside page content */
.entry-content #mc_embed_signup { width: 100% !important; max-width: 560px; }
.entry-content #mc_embed_signup .mc-field-group { margin-bottom: 14px; }
.entry-content #mc_embed_signup .mc-field-group label { font-weight: 600; color: #3a2d46; display: block; margin-bottom: 4px; font-size: 1em; }
.entry-content #mc_embed_signup .mc-field-group input { width: 100%; padding: 12px; border: 1px solid #cfc9d6; border-radius: 8px; background: #fff; box-sizing: border-box; }
.entry-content #mc_embed_signup .indicates-required { text-align: left; font-size: 0.85em; margin-bottom: 10px; }
.entry-content #mc_embed_signup input[type="submit"], .entry-content #mc_embed_signup .button { background: #f0873b; border: none; border-radius: 45px; color: #fff; font-weight: 700; padding: 14px 36px; cursor: pointer; transition: background .15s ease; height: auto; line-height: 1.2; }
.entry-content #mc_embed_signup input[type="submit"]:hover { background: #d46e1f; }
/* Hide Mailchimp honeypot field (broken inline style) */
div:has(> input[name="mailchimp_sf_alt_email"]) { display: none !important; }
/* Trim footer social band padding */
.site-footer-top-section-3 .footer-social { padding: 10px 0; }

/* Responsive heading sizes on small screens */
@media (max-width: 600px) {
  .entry-content h1.wp-block-heading { font-size: 34px !important; line-height: 1.2 !important; }
  .entry-content h2.wp-block-heading { font-size: 28px !important; line-height: 1.25 !important; }
}

/* Fluid heading sizes - prevents overflow on tablets and phones */
@media (max-width: 1024px) {
  .entry-content h1.wp-block-heading { font-size: clamp(30px, 6vw, 48px) !important; line-height: 1.2 !important; overflow-wrap: break-word; }
  .entry-content h2.wp-block-heading { font-size: clamp(24px, 5vw, 40px) !important; line-height: 1.25 !important; }
}

/* Otter rows fit small screens - fixes clipped hero/sections on tablet and mobile */
@media (max-width: 1024px) {
  .entry-content .wp-block-themeisle-blocks-advanced-columns .innerblocks-wrap {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
}

/* Donate page content sections - constrain width, center headings */
.page-id-2469 .charitable-campaign-wrap > .wp-block-heading,
.page-id-2469 .charitable-campaign-wrap > .wp-block-columns,
.page-id-2469 .charitable-campaign-wrap > .wp-block-group,
.page-id-2469 .charitable-campaign-wrap > .wp-block-details {
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}
.page-id-2469 .charitable-campaign-wrap > .wp-block-heading { text-align: center; }
.page-id-2469 .charitable-campaign-wrap > .wp-block-details { margin-bottom: 12px; }
@media (max-width: 1120px) {
  .page-id-2469 .charitable-campaign-wrap > .wp-block-heading,
  .page-id-2469 .charitable-campaign-wrap > .wp-block-columns,
  .page-id-2469 .charitable-campaign-wrap > .wp-block-group,
  .page-id-2469 .charitable-campaign-wrap > .wp-block-details { padding-left: 20px; padding-right: 20px; }
}

/* Donate hero heading fluid sizing */
.page-id-2469 .wp-block-cover h1.wp-block-heading { font-size: clamp(30px, 6vw, 52px) !important; line-height: 1.15 !important; }
.page-id-2469 .wp-block-cover p { font-size: clamp(15px, 2.4vw, 19px) !important; }

/* Donate form row alignment - match width of bottom sections */
.page-id-2469 .charitable-campaign-row { max-width: 1080px !important; margin-left: auto !important; margin-right: auto !important; }
.page-id-2469 .charitable-campaign-field-photo img, .page-id-2469 .charitable-campaign-row img { border-radius: 12px; }
@media (max-width: 1120px) { .page-id-2469 .charitable-campaign-row { padding-left: 20px; padding-right: 20px; box-sizing: border-box; } }

/* Campaign Organizers page cleanup */
#join { padding-top: 26px !important; padding-bottom: 6px !important; }
#wp-block-themeisle-blocks-advanced-columns-2872725c { padding-top: 0 !important; }
#wp-block-themeisle-blocks-advanced-columns-2872725c .innerblocks-wrap { align-items: center !important; }
.page-id-8610 #mc_embed_signup { background: #faf9fb !important; border: 1px solid #e0dee3; border-radius: 16px; padding: 30px 32px !important; box-shadow: 0 6px 24px rgba(58,45,70,.08); max-width: 560px; box-sizing: border-box; }
.page-id-8610 #mc_embed_signup .indicates-required { margin-top: 0; }

/* Campaign form mobile safety */
.page-id-8610 #mc_embed_signup { width: 100% !important; max-width: 560px !important; }
.page-id-8610 #mc_embed_signup input { width: 100% !important; max-width: 100% !important; box-sizing: border-box; }
@media (max-width: 600px) {
  .page-id-8610 #mc_embed_signup { padding: 22px !important; }
}

/* Homepage campaign appeal cards */
.op-campaign-card {
  background: #fff;
  border: 1px solid #ebe8ee;
  border-radius: 14px;
  box-shadow: 0 6px 24px rgba(58,45,70,.10);
  overflow: hidden;
  padding-bottom: 26px !important;
}
.op-campaign-card > figure.wp-block-image { margin: 0 0 18px; }
.op-campaign-card > figure.wp-block-image img { border-radius: 0; display: block; width: 100%; }
.op-campaign-card h3 { margin: 0 16px 10px; }
.op-campaign-card p { margin: 0 22px 18px; }
.op-campaign-cards { gap: 28px; }
@media (max-width: 781px) { .op-campaign-card { margin-bottom: 8px; } }

/* Homepage: no gap above Urgent Appeals section */
.home .entry-content > .wp-block-group.alignfull:first-child { margin-bottom: 0 !important; }
.op-campaign-cards-section { margin-top: 0 !important; }

/* Charitable updates + donation wall styling */
.charitable-campaign-field_simple-updates,
.charitable-campaign-field_donation-wall {
  background: #faf9fb;
  border: 1px solid #e8e5ec;
  border-radius: 14px;
  padding: 24px 26px;
  margin: 10px 0 22px;
  box-sizing: border-box;
}
.charitable-campaign-field_simple-updates > h5,
.charitable-campaign-field_donation-wall > h5 {
  margin: 0 0 16px !important;
  padding-bottom: 8px;
  font-size: 1.1em;
  color: #3a2d46;
  border-bottom: 2px solid #f0873b;
  display: inline-block;
}
.charitable-campaign-field_simple-updates .campaign-updates p { margin: 0 0 12px; line-height: 1.65; }
.charitable-campaign-field_simple-updates .campaign-updates p:last-child { margin-bottom: 0; }
.charitable-campaign-field_simple-updates .campaign-updates img { max-width: 100%; height: auto; border-radius: 10px; margin: 12px 0; display: block; }
.charitable-campaign-field_donation-wall ol.donors-list {
  display: flex !important;
  flex-wrap: wrap;
  gap: 14px;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.charitable-campaign-field_donation-wall li.donor {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 148px;
  padding: 16px 12px;
  margin: 0 !important;
  background: #fff;
  border: 1px solid #ebe8ee;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(58,45,70,.05);
  box-sizing: border-box;
}
.charitable-campaign-field_donation-wall li.donor img.avatar {
  width: 54px !important;
  height: 54px !important;
  border-radius: 50%;
  margin: 0 0 10px !important;
}
.charitable-campaign-field_donation-wall li.donor .donor-name {
  margin: 0 0 6px !important;
  font-weight: 600;
  font-size: .9em;
  line-height: 1.3;
  color: #3a2d46;
}
.charitable-campaign-field_donation-wall li.donor .donor-donation-amount {
  font-weight: 700;
  color: #f0873b;
}

/* donor card alignment fix */
.charitable-campaign-field_donation-wall li.donor {
  padding: 18px 14px !important;
  justify-content: flex-start;
}
.charitable-campaign-field_donation-wall li.donor > .jetpack-boost-guide { display: none !important; }
.charitable-campaign-field_donation-wall li.donor img.avatar {
  margin: 0 auto 10px !important;
  display: block;
}
.charitable-campaign-field_donation-wall li.donor .donor-name,
.charitable-campaign-field_donation-wall li.donor .donor-donation-amount {
  width: 100%;
  text-align: center;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.charitable-campaign-field_donation-wall li.donor .donor-donation-amount { margin-top: 0 !important; }

/* Closed campaign notice - replaces empty donation form when a campaign has ended */
.charitable-campaign-field-donate-amount .charitable-campaign-field-inner:empty {
  display: block !important;
  background: #faf9fb;
  border: 1px solid #e0dee3;
  border-radius: 16px;
  padding: 26px 24px 28px;
  text-align: center;
  box-shadow: 0 6px 24px rgba(58,45,70,.06);
  box-sizing: border-box;
}
.charitable-campaign-field-donate-amount .charitable-campaign-field-inner:empty::before {
  content: "This campaign has closed. Thank you to everyone who gave.";
  display: block;
  color: #3a2d46;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 18px;
}
.charitable-campaign-field-donate-amount .charitable-campaign-field-inner:empty::after {
  content: "Donations Closed";
  display: block;
  width: 100%;
  background: #d8d4dd;
  color: #7a7385;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  border-radius: 45px;
  padding: 16px 24px;
  cursor: not-allowed;
  box-sizing: border-box;
}

/* Closed campaign donate button - rebrand + custom wording */
html body .charitable-campaign-wrap .charitable-campaign-field.charitable-campaign-field-donate-button button.charitable-button.donate-button[disabled] {
  background: #faf9fb !important;
  background-color: #faf9fb !important;
  background-image: none !important;
  border: 1px solid #e0dee3 !important;
  border-radius: 16px !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 26px 24px 28px !important;
  width: 100% !important;
  display: block !important;
  cursor: not-allowed !important;
  box-shadow: 0 6px 24px rgba(58,45,70,.06) !important;
  text-align: center !important;
  box-sizing: border-box !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html body .charitable-campaign-wrap .charitable-campaign-field.charitable-campaign-field-donate-button button.charitable-button.donate-button[disabled]::before {
  content: "This campaign has closed. Thank you to everyone who gave." !important;
  display: block !important;
  color: #3a2d46 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  margin: 0 0 18px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}
html body .charitable-campaign-wrap .charitable-campaign-field.charitable-campaign-field-donate-button button.charitable-button.donate-button[disabled]::after {
  content: "Donations Closed" !important;
  display: block !important;
  background: #d8d4dd !important;
  color: #7a7385 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  border-radius: 45px !important;
  padding: 16px 24px !important;
  line-height: 1.2 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}


/* === Completed appeals section === */
.op-completed-section { border-top: 1px solid #e6e2ec; }
.op-completed-section h2 { color: #5c5c5c !important; }
.op-completed-cards .op-completed-card img {
  filter: grayscale(55%);
  opacity: .85;
}
.op-completed-cards .op-completed-card { opacity: .92; }
.op-completed-badge {
  display: block;
  margin: 12px auto 4px !important;
  max-width: 130px;
  background: #e4e0ea;
  color: #5c5c5c !important;
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 40px;
  padding: 5px 0;
}
.op-completed-raised {
  color: #3f8f5f !important;
  font-weight: 700 !important;
  margin: 2px 0 6px !important;
}
.op-completed-cards .wp-block-button__link:hover { background: #7a7a7a !important; }

/* remove white gap between appeals sections */
.op-campaign-cards-section + .op-completed-section { margin-top: 0 !important; }
.op-campaign-cards-section:has(+ .op-completed-section) { margin-bottom: 0 !important; }


/* === Campaign page: Chuffed-style layout === */
.single-campaign .op-trust {
  border: 1px solid #e6e2ec;
  border-radius: 12px;
  padding: 20px 20px 8px;
  margin-top: 22px;
  background: #fff;
}
.single-campaign .op-trust-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #f0edf4;
}
.single-campaign .op-trust-item:last-child { border-bottom: 0; }
.single-campaign .op-trust-icon { font-size: 18px; line-height: 1.3; flex: 0 0 auto; }
.single-campaign .op-trust-item p {
  margin: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  color: #6b6478 !important;
  text-align: left !important;
}
.single-campaign .donors-list.donors-list-horizontal {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.single-campaign .donors-list.donors-list-horizontal li.donor {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid #f0edf4 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
}
.single-campaign .donors-list.donors-list-horizontal li.donor:last-child { border-bottom: 0 !important; }
.single-campaign .donors-list.donors-list-horizontal li.donor img.avatar {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 50% !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}
.single-campaign .donors-list.donors-list-horizontal li.donor .donor-name {
  flex: 1 1 auto !important;
  margin: 0 !important;
  text-align: left !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #4a3658 !important;
  line-height: 1.3 !important;
}
.single-campaign .donors-list.donors-list-horizontal li.donor .donor-donation-amount {
  flex: 0 0 auto !important;
  margin: 0 !important;
  text-align: right !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  color: #3f8f5f !important;
}
@media (min-width: 1025px) {
  body.postid-9201 .charitable-campaign-row > .charitable-campaign-column:last-child > .charitable-field-section {
    position: sticky;
    top: 110px;
  }
}

/* Read more collapse on campaign story */
.single-campaign .op-story-collapsed {
  position: relative;
  max-height: 420px;
  overflow: hidden;
}
.single-campaign .op-story-collapsed::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 110px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 85%);
  pointer-events: none;
}
.single-campaign .op-story-collapsed.op-story-open {
  max-height: none;
  overflow: visible;
}
.single-campaign .op-story-collapsed.op-story-open::after { display: none; }
.single-campaign button.op-read-more {
  display: inline-block;
  margin: 14px 0 6px;
  padding: 10px 26px;
  background: #fff;
  color: #4a3658;
  border: 1px solid #d8cde3;
  border-radius: 40px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
}
.single-campaign button.op-read-more:hover {
  background: #f6f3f9;
  border-color: #b9a8c9;
}

/* op-campaign-col-widths: narrower donate column, more room for the story */
@media (min-width: 1025px) {
  .single-campaign .charitable-campaign-row { justify-content: space-between; }
  .single-campaign .charitable-campaign-row > .charitable-campaign-column-0 {
    flex: 0 0 62% !important;
    max-width: 62% !important;
  }
  .single-campaign .charitable-campaign-row > .charitable-campaign-column-1 {
    flex: 0 0 34% !important;
    max-width: 34% !important;
  }
}

/* op-amount-rows: single-column amount tiles in the narrower donate sidebar */
@media (min-width: 1025px) {
  .single-campaign ul.donation-amounts {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .single-campaign ul.donation-amounts li.donation-amount {
    width: 100% !important;
    min-height: 0 !important;
  }
  .single-campaign ul.donation-amounts li.donation-amount label {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 2px 8px !important;
    text-align: left !important;
    padding: 12px 14px !important;
    line-height: 1.35 !important;
  }
  .single-campaign ul.donation-amounts li.donation-amount .donation-amount-figure,
  .single-campaign ul.donation-amounts li.donation-amount .amount {
    font-size: 17px !important;
    font-weight: 700 !important;
    flex: 0 0 auto !important;
  }
  .single-campaign ul.donation-amounts li.donation-amount .description,
  .single-campaign ul.donation-amounts li.donation-amount .donation-amount-description {
    font-size: 13px !important;
    flex: 1 1 auto !important;
    text-align: left !important;
  }
}

/* op-placeholder-contrast: darker placeholder in the custom donation amount box */
.charitable-donation-form input.custom-donation-input::placeholder,
.charitable-donation-form input[name="custom_donation_amount"]::placeholder,
.charitable-form input.custom-donation-input::placeholder {
  color: #6f6879 !important;
  opacity: 1 !important;
  font-weight: 500 !important;
}
.charitable-donation-form input.custom-donation-input::-webkit-input-placeholder,
.charitable-form input.custom-donation-input::-webkit-input-placeholder {
  color: #6f6879 !important;
  opacity: 1 !important;
  font-weight: 500 !important;
}

/* op-donor-rows-v2: supporter list as single-line rows, no gravatar */
html body.single-campaign .charitable-campaign-field-donation-wall ol.donors-list li.donor {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  border: 0 !important;
  border-bottom: 1px solid #f0edf4 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 11px 2px !important;
}
html body.single-campaign .charitable-campaign-field-donation-wall ol.donors-list li.donor:last-child {
  border-bottom: 0 !important;
}
html body.single-campaign .charitable-campaign-field-donation-wall ol.donors-list li.donor img.avatar {
  display: none !important;
}
html body.single-campaign .charitable-campaign-field-donation-wall ol.donors-list li.donor .donor-name {
  width: auto !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  overflow-wrap: anywhere !important;
}
html body.single-campaign .charitable-campaign-field-donation-wall ol.donors-list li.donor .donor-donation-amount {
  width: auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  text-align: right !important;
  white-space: nowrap !important;
}