:root {
  --base-color: #d39b2a !important;
  --primary-color: #009640 !important;
  --secondary-color: #2e1a78 !important;
  --tertiary-color: #009640 !important;
  --quaternary-color: #f7f4ea !important;
}

.navbar-logo img,
.mobile-menu__wrapper .logo img,
.footer__copyright-logo img,
.footer-two__widget-logo img,
.footer-three__logo img {
  width: auto;
  max-width: 380px;
  height: 100px;
  object-fit: contain;
  background: transparent;
  border-radius: 0;
  padding: 0;
}

.header .navbar-logo img {
  width: 240px;
  max-width: 240px;
  height: auto;
}

.mobile-menu__wrapper .logo img {
  width: 250px;
  max-width: 250px;
  height: auto;
}

/* Amounts, percentages, and demo identities remain hidden until ASF supplies verified data. */
.cause__progress,
.cause__slider-inner .cause__progress,
.team,
.testimonial,
.blog,
.partner { display: none !important; }

.color-palate,
.color-palate-inner,
.color-palate-head,
.color-palate-settings { display: none !important; }

.purchase-box,
.contact-main__inner,
.volunteer__content .progress-wrapper { display: none !important; }

.difference-two__progress,
.difference-two__card { display: none !important; }

/* Payment details were not supplied in the flyer. Keep the template section,
   but do not expose its demo amount/payment controls. */
.community-donation .donation-form { display: none !important; }

/* The original donation widget overlaps the next section by 140px. Once its
   unverified payment controls are hidden, that offset clips the shortened ASF
   information card and creates a large white break. Keep the template card,
   but let it participate in the page flow at its natural height. */
.community {
  padding-bottom: 100px;
}

.community .community-donation {
  bottom: auto;
  margin-top: 40px;
  min-height: 270px;
  display: flex;
  align-items: center;
}

.community .community-donation .community__thumb {
  width: 38%;
}

.community .community-donation .community__thumb img {
  width: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 991px) {
  .community {
    padding-bottom: 80px;
  }

  .community .community-donation {
    min-height: 0;
  }
}

/* Keep the original header layout while suppressing unsupported demo controls. */
.header .contact-btn,
.header .search-box,
.topbar .select-currency,
.topbar .select-language,
.topbar .select-country,
.topbar .social,
.mobile-menu__social { display: none !important; }

.footer-two .social { display: none !important; }

/* Newsletter delivery has not been configured. */
.footer-two__newsletter-form { display: none !important; }

button:disabled,
input:disabled,
textarea:disabled {
  cursor: not-allowed;
  opacity: .72;
}

/* Real ASF outreach photography uses mixed portrait and landscape formats. */
.cause .cause__slider-single .thumb img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center;
}

.cause .cause__slider-single .thumb video {
  display: block;
  width: 100%;
  height: 250px;
  object-fit: cover;
  background: #081f19;
}

.help .help__thumb-inner .thumb-top img,
.help .help__thumb-inner .thumb-bottom img {
  width: 230px;
  height: 225px;
  object-fit: cover;
}

.help .help__thumb-inner .thumb-lg img {
  width: 462px;
  height: 544px;
  object-fit: cover;
  object-position: center top;
}

.help .video-btn-wrapper { display: none !important; }

.help .help__thumb-inner .thumb-lg video,
.difference-two .thumb-lg video {
  display: block;
  width: 100%;
  height: 544px;
  object-fit: cover;
  background: #081f19;
}

.difference-two .thumb-lg video {
  height: 580px;
  border-radius: inherit;
}

.cta-section .cta-img video {
  display: block;
  width: 100%;
  min-height: 360px;
  max-height: 520px;
  object-fit: cover;
  background: #081f19;
}

.gallery .gallery__single img {
  width: 100%;
  height: 320px;
  object-fit: cover;
}

.banner-two .banner-two__slider-bg { background-position: center center; }

@media (max-width: 767px) {
  .header .navbar-logo img { width: 200px; max-width: 200px; height: auto; }
  .mobile-menu__wrapper .logo img { width: 200px; max-width: 200px; height: auto; }
}