#fw-section-rich-text-ed422cfd-23dc-469a-baa8-992390a1f3ee {
--font-heading-scale: 1.16;
--font-body-scale: 1.08;
}



#fw-section-hero-8d63af34-d965-47f2-b54b-ba1f8d6ef433 {
--color-primary: #696667;
--color-primary-rgb: 105, 102, 103;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-rich-text-1704436417 {
--font-heading-scale: 0.87;
--font-body-scale: 0.81;
}

#fw-section-custom-html-1702500152 {
--color-primary: #696667;
--color-primary-rgb: 105, 102, 103;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
.overcome-mini-banner {
  background: #000;
  padding: 40px 20px;
  display: flex;
  justify-content: center; /* This fixes the "floating left" issue */
  align-items: center;
  width: 100%;
}

.slant-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.slant-bar {
  background: #fff;
  color: #000;
  font-family: 'Arial Black', Gadget, sans-serif;
  font-weight: 900;
  font-size: 1.2rem; /* Adjusted for a smaller footprint */
  padding: 8px 25px;
  text-transform: uppercase;
  /* This creates the specific slant seen in your image */
  transform: skewX(-15deg); 
  width: fit-content;
  box-shadow: 4px 4px 0px rgba(255,255,255,0.1); /* Subtle depth */
}
}

#fw-section-rich-text-ba67fef8-19d7-4078-acb9-4b637d1a4377 {
--font-heading-scale: 1.0;
--font-body-scale: 0.93;
}
#fw-section-donations-0 {
--color-primary: #696667;
--color-primary-rgb: 105, 102, 103;
--color-background: #030303;
--color-background-rgb: 3, 3, 3;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #fffdfd;
--color-on-background-rgb: 255, 253, 253;
--color-product-image-background: #ffffff;
--color-background-brightness: 3;
background-color: var(--color-background);
color: var(--color-on-background);

}


#fw-section-text-carousel-f16f328c-a411-4b46-8989-adb7a660e819 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-footer {
--color-primary: #696667;
--color-primary-rgb: 105, 102, 103;
--color-background: #e4dfdf;
--color-background-rgb: 228, 223, 223;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 224;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-announcement-bar {
--color-primary: #070004;
--color-primary-rgb: 7, 0, 4;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}












#fw-section-hero-0 {
--color-primary: #696667;
--color-primary-rgb: 105, 102, 103;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}