/* Girls Are Precious — unified homepage theme
   Loaded after the existing theme CSS. Existing Owl Carousel sizing and JS are preserved. */
:root { --gap-pink:#ed0878; --gap-rose:#ed3e68; --gap-rose-soft:#fff1f5; --gap-maroon:#5c1238; --gap-ink:#172b49; --gap-muted:#707987; --gap-border:#f2dce5; --gap-shadow:0 10px 28px rgba(80,24,52,.08); }
html { scroll-behavior:smooth; }
body { color:#3c4657; background:#fff; font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:1.6; }
#tg-wrapper { overflow:hidden; background:#fff; }
.container { width: min(1180px, calc(100% - 36px)); }
/* Header: keep existing navigation and links, refine the brand presentation */
#tg-header { background:rgba(255,255,255,.98); box-shadow:0 3px 18px rgba(40,20,30,.07); position:relative; z-index:20; }
#tg-header .tg-topbar { background:#fff7fa; border-bottom:1px solid #f6e5ec; }
#tg-header .tg-topbar, #tg-header .tg-topbar a { color:#5c5260; }
#tg-header .tg-navigationarea, #tg-header .tg-nav { background:#fff; }
#tg-header .tg-logo img { max-width:205px; max-height:62px; object-fit:contain; }
#tg-header .tg-navigation > ul > li > a, #tg-header .tg-addnav a { color:#29364c; font-weight:600; transition:color .2s ease; }
#tg-header .tg-navigation > ul > li:hover > a, #tg-header .tg-navigation > ul > li.current-menu-item > a { color:var(--gap-pink); }
#tg-header .tg-btn, #tg-header .tg-btnactive { border-radius:7px; background:var(--gap-pink); border-color:var(--gap-pink); color:#fff; }
/* Hero slider: preserve slider engine, image source and caption content */
#tg-homeslidervtwo { background:#24131b; }
#tg-homeslidervtwo .item > figure { position:relative; overflow:hidden; margin:0; }
#tg-homeslidervtwo .item > figure > img { display:block; width:100%; height:clamp(300px, 38vw, 540px); object-fit:cover; object-position:center; }
#tg-homeslidervtwo .item > figure:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(12,9,12,.78),rgba(12,9,12,.22) 60%,rgba(12,9,12,.08)); pointer-events:none; }
#tg-homeslidervtwo figcaption { z-index:2; }
#tg-homeslidervtwo .tg-slidercontent { max-width:680px; padding:26px 0; color:#fff; text-align:left; }
#tg-homeslidervtwo .tg-slidercontent h1 { color:#fff; font-family:Georgia,'Times New Roman',serif; font-size:clamp(30px,4vw,52px); font-weight:700; line-height:1.08; margin:0 0 16px; text-shadow:0 2px 12px rgba(0,0,0,.18); }
#tg-homeslidervtwo .tg-slidercontent h1 span, #tg-homeslidervtwo .tg-slidercontent strong { color:#ff5b9f; }
#tg-homeslidervtwo .tg-slidercontent .tg-description, #tg-homeslidervtwo .tg-slidercontent p { color:#fff; font-size:16px; line-height:1.7; }
#tg-homeslidervtwo .tg-slidercontent a { display:inline-flex; align-items:center; margin-top:12px; padding:12px 22px; border-radius:7px; background:var(--gap-pink); color:#fff; font-weight:700; }
/* Shared section rhythm and headings */
.tg-sectionspace { padding:42px 0; }
.tg-sectionheadvtwo { margin:0 auto 24px; max-width:760px; }
.tg-sectiontitle h2, .tg-oursponsorstext .tg-sectiontitle h2 { margin:0 0 8px; color:var(--gap-ink); font-family:Georgia,'Times New Roman',serif; font-size:clamp(26px,3vw,36px); font-weight:700; line-height:1.18; }
.tg-sectiontitle h2 span { display:inline-block; padding:2px 8px 4px; border-radius:3px; background:var(--gap-pink); color:#fff; }
.tg-sectionheadvtwo .tg-description, .tg-sectionheadvtwo .tg-description p { margin:0; color:#6e7582; font-size:16px; line-height:1.65; }
.tg-sectionheadvtwo .tg-description p { margin-top:5px; }
.tg-sectionheadvtwo .tg-description a, .tg-sectionheadvtwo a { color:var(--gap-pink); }
/* Shared campaign carousel cards */
.helpSeriousCauses, .LifeChangeEvent { background:linear-gradient(135deg,#fff 0%,#fff3f7 100%); }
.helpSeriousCauses .container, .DropProductsinDonation .container, .HelpThemforEducation .container, .LifeChangeEvent .container { position:relative; }
.helpSeriousCauses .tg-sectionheadvtwo, .DropProductsinDonation .tg-sectionheadvtwo, .HelpThemforEducation .tg-sectionheadvtwo, .LifeChangeEvent .tg-sectionheadvtwo { max-width:none; width:100%; text-align:left; }
.helpSeriousCauses .tg-sectionheadvtwo > .tg-sectiontitle, .DropProductsinDonation .tg-sectionheadvtwo > .tg-sectiontitle, .HelpThemforEducation .tg-sectionheadvtwo > .tg-sectiontitle, .LifeChangeEvent .tg-sectionheadvtwo > .tg-sectiontitle { text-align:left; }
#tg-causesslider .owl-stage, #tg-productsslider .owl-stage, #tg-eventsslider .owl-stage { display:flex; align-items:stretch; }
#tg-causesslider .owl-item, #tg-productsslider .owl-item, #tg-eventsslider .owl-item { display:flex; height:auto; }
#tg-causesslider .item, #tg-productsslider .item, #tg-eventsslider .item { display:flex; width:100%; height:100%; padding:5px 7px 12px; box-sizing:border-box; }
#tg-causesslider .tg-cause, #tg-productsslider .tg-product, #tg-eventsslider .tg-event { display:flex; flex-direction:column; width:100%; min-width:0; overflow:hidden; border:1px solid var(--gap-border); border-radius:12px; background:#fff; box-shadow:var(--gap-shadow); transition:transform .22s ease,box-shadow .22s ease; }
#tg-causesslider .tg-cause:hover, #tg-productsslider .tg-product:hover, #tg-eventsslider .tg-event:hover { transform:translateY(-3px); box-shadow:0 14px 32px rgba(80,24,52,.12); }
#tg-causesslider .tg-cause > figure, #tg-productsslider .tg-product > figure, #tg-eventsslider .tg-event > figure { display:block; position:relative; flex:0 0 170px; width:100%; height:170px; margin:0; overflow:hidden; background:#fbeaf0; }
#tg-causesslider .tg-cause > figure a, #tg-productsslider .tg-product > figure a, #tg-eventsslider .tg-event > figure a { display:block; width:100%; height:100%; }
#tg-causesslider .tg-cause > figure img, #tg-productsslider .tg-product > figure img, #tg-eventsslider .tg-event > figure img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; transition:transform .35s ease; }
#tg-causesslider .tg-cause:hover > figure img, #tg-productsslider .tg-product:hover > figure img, #tg-eventsslider .tg-event:hover > figure img { transform:scale(1.035); }
#tg-causesslider .tg-causecontent, #tg-productsslider .tg-productcontent, #tg-eventsslider .tg-event > h3, #tg-eventsslider .tg-event > .tg-authorname, #tg-eventsslider .tg-event > time, #tg-eventsslider .tg-event > address, #tg-eventsslider .tg-event > .tg-btn { margin-left:15px; margin-right:15px; }
#tg-causesslider .tg-causecontent, #tg-productsslider .tg-productcontent { display:flex; flex:1 1 auto; flex-direction:column; min-width:0; padding:13px 0 15px; }
#tg-causesslider .tg-causecontent .tg-address, #tg-productsslider .tg-productcontent .tg-address { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 9px; color:var(--gap-muted); font-size:11px; }
#tg-causesslider .tg-causecontent .tg-address address, #tg-productsslider .tg-productcontent .tg-address address { margin:0; font-style:normal; text-align:right; }
#tg-causesslider .tg-causecontent h3, #tg-productsslider .tg-productcontent h3, #tg-eventsslider .tg-event h3 { margin:0 0 0px; color:var(--gap-ink); font-family:Georgia,'Times New Roman',serif; font-size:18px; font-weight:700; line-height:1.3; }
#tg-causesslider .tg-causecontent h3 a, #tg-productsslider .tg-productcontent h3 a, #tg-eventsslider .tg-event h3 a { color:inherit; }
#tg-causesslider .tg-causecontent .tg-description, #tg-causesslider .tg-causecontent .tg-description p { margin:0 0 12px; color:#6e7582; font-size:12px; line-height:1.6; }
#tg-causesslider .tg-causecontent .tg-description a { color:var(--gap-pink); font-weight:700; }
/* Shared Raised/Remaining row + progress bar + Goal footer */
.tg-funding-block { margin-top:auto; padding-top:8px; }
.tg-funding-top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 9px; color:#424b5b; font-size:12px; line-height:1.4; }
.tg-funding-top > span { min-width:0; }
.tg-funding-top .tg-funding-raised { text-align:left; }
.tg-funding-top .tg-funding-remaining { text-align:right; }
.tg-funding-top strong { color:var(--gap-pink); font-weight:800; }
.tg-funding-bottom { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:7px; color:#737b89; font-size:11px; line-height:1.4; }
.tg-funding-bottom span:last-child { text-align:right; }
.tg-funding-block .tg-skillbar { position:relative; display:block; width:100%; height:8px; margin:0; overflow:hidden; border:0; border-radius:20px; background:#f7dce6; box-shadow:none; }
.tg-funding-block .tg-skillbarbar { display:block; height:100%; max-width:100%; border-radius:20px; background:linear-gradient(90deg,#ec0878,#ff699d); }
.tg-btn, a.tg-btn, .tg-btns .tg-btn { display:flex; align-items:center; justify-content:center; min-height:42px; padding:10px 14px; border:1px solid var(--gap-rose); border-radius:7px; background:var(--gap-rose); color:#fff!important; font-size:12px; font-weight:800; line-height:1.25; text-align:center; text-transform:uppercase; transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.tg-btn:hover, a.tg-btn:hover, .tg-btns .tg-btn:hover { background:var(--gap-pink); border-color:var(--gap-pink); color:#fff!important; }
#tg-causesslider .tg-causecontent > .tg-btn, #tg-productsslider .tg-productcontent > .tg-btn, #tg-eventsslider .tg-event > .tg-btn { width:auto; margin-top:14px; }
.tg-btns { margin-top:24px; text-align:center; }
.tg-btns .tg-btn { display:inline-flex; min-width:155px; }
/* Product cards */
.DropProductsinDonation { background:linear-gradient(135deg,#fff8fa 0%,#ffeef4 100%); }
#tg-productsslider .tg-productcontent .tg-price { margin:0 0 8px; color:#606b7a; font-size:12px; }
#tg-productsslider .tg-productcontent .tg-price strong { color:#27364d; }
#tg-productsslider .tg-productdetails, #tg-productsslider .tg-productcontent > ul { margin:0 0 9px; padding:0; list-style:none; }
#tg-productsslider .tg-productdetails li, #tg-productsslider .tg-productcontent > ul li { display:flex; justify-content:space-between; gap:8px; margin:0; padding:5px 0; border-bottom:1px solid #f2e3e9; color:#737b89; font-size:12px; list-style:none; background:transparent!important; }
#tg-productsslider .tg-productdetails li span, #tg-productsslider .tg-productcontent > ul li span { color:#27364d; font-weight:700; }
#tg-productsslider .tg-productfunding { margin-top:2px; }
/* Education: rich maroon section with white cards */
.HelpThemforEducation { position:relative; background:linear-gradient(125deg,#4c1032 0%,#761443 55%,#5b1238 100%)!important; background-color:var(--gap-maroon)!important; }
.HelpThemforEducation:before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.15; background:radial-gradient(circle at 8% 92%,#ff7bad 0,transparent 26%),radial-gradient(circle at 90% 8%,#ff7bad 0,transparent 24%); }
.HelpThemforEducation > .container { position:relative; z-index:1; }
.HelpThemforEducation .tg-sectiontitle h2, .HelpThemforEducation .tg-sectionheadvtwo .tg-description, .HelpThemforEducation .tg-sectionheadvtwo .tg-description p { color:#fff; }
.HelpThemforEducation .tg-sectionheadvtwo .tg-description { opacity:.88; }
.tg-educationposts { display:flex; flex-wrap:wrap; align-items:stretch; margin-left:-7px; margin-right:-7px; }
.tg-educationposts > [class*="col-"] { display:flex; float:none; margin-bottom:14px; padding-left:7px; padding-right:7px; }
.tg-educationpost { display:flex; flex-direction:column; width:100%; height:100%; margin:0; padding:0 15px 15px; overflow:hidden; border:1px solid rgba(255,255,255,.45); border-radius:12px; background:#fff; box-shadow:0 10px 24px rgba(15,0,8,.15); }
.tg-educationpost > h3 { order:2; margin:12px 0 4px; padding: 0 10px 0 10px; color:var(--gap-ink); font-family:Georgia,'Times New Roman',serif; font-size:18px; font-weight:700; line-height:1.3; }
.tg-educationpost > h3 a { color:inherit; }
.tg-educationpost > .tg-address { order:3; display:block; margin:0 0 7px; color:#7b8290; font-size:11px; }
.tg-educationpost > .tg-btnshare { display:none; }
.tg-educationpost > figure { order:1; position:relative; width:calc(100% + 30px); height:150px; flex:0 0 150px; margin:0 -15px; overflow:hidden; background:#fae8ef; }
.tg-educationpost > figure a, .tg-educationpost > figure img { display:block; width:100%; height:100%; }
.tg-educationpost > figure img { object-fit:cover; }
.tg-educationpost > time { order:4; margin:0 0 8px; color:#7b8290; font-size:11px; }
.tg-educationpost > .tg-educationdetails, .tg-educationpost > ul { order:5; margin:0 0 10px; padding:0; list-style:none; }
.tg-educationpost > .tg-educationdetails li, .tg-educationpost > ul li { display:flex; justify-content:space-between; gap:8px; margin:0; padding:5px 0; border-bottom:1px solid #f0e2e8; color:#727987; font-size:12px; list-style:none; background:transparent!important; }
.tg-educationpost > .tg-educationdetails li span, .tg-educationpost > ul li span { color:#27364d; font-weight:700; text-align:right; }
.tg-educationpost > .tg-educationfunding { order:6; margin-top:auto; }
.tg-educationpost > .tg-btn { order:7; margin:13px 0 0; }
.HelpThemforEducation .tg-btns { position:relative; z-index:2; width:100%; }
/* Stories */
.LifeChangeEvent { background:linear-gradient(135deg,#fff 0%,#fff1f6 100%); }
#tg-eventsslider .tg-event { padding:0 0 14px; }
#tg-eventsslider .tg-event h3 { margin-top:12px; font-size:16px; }
#tg-eventsslider .tg-event .tg-authorname, #tg-eventsslider .tg-event time, #tg-eventsslider .tg-event address { display:block; margin-top:5px; margin-bottom:5px; color:#78808d; font-size:11px; font-style:normal; }
#tg-eventsslider .tg-event .tg-btn { margin-top:auto; }
/* Donation transparency section: preserve chart JS and content */
.tg-bgfixedfloatdonation { position:relative; background-color:#571133!important; background-image:linear-gradient(125deg,rgba(61,8,36,.91),rgba(119,19,66,.88)),url('../images/bgfloatdonation.jpg')!important; background-position:center; background-size:cover; background-repeat:no-repeat; }
.tg-bgfixedfloatdonation .tg-sectiontitle h2, .tg-bgfixedfloatdonation .tg-sectionheadvtwo .tg-description, .tg-bgfixedfloatdonation .tg-sectionheadvtwo .tg-description p { color:#fff; }
.tg-floatdonations { display:flex; align-items:center; justify-content:center; gap:28px; max-width:760px; margin:0 auto; padding:20px; border:1px solid rgba(255,255,255,.2); border-radius:16px; background:rgba(255,255,255,.08); }
#tg-donutchart { width:220px; min-width:220px; height:220px; }
.tg-graphinfo { margin:0; padding:0; list-style:none; }
.tg-graphinfo li { margin:10px 0; }
.tg-graphinfo li span { display:inline-block; padding:10px 14px; border-radius:7px; background:rgba(255,255,255,.12); color:#fff; font-weight:700; }
/* Sponsors and footer */
.tg-bglight { background:#fff; }
.tg-oursponsorsarea { display:flex; align-items:center; flex-wrap:wrap; }
.tg-oursponsorstext .tg-sectiontitle h2 { font-size:30px; }
.tg-oursponsors { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.tg-oursponsor { flex:1 1 125px; min-width:100px; padding:12px; border:1px solid #f0e1e8; border-radius:9px; background:#fff; box-shadow:0 5px 16px rgba(80,24,52,.04); }
.tg-oursponsor figure, .tg-oursponsor figure a { display:flex; align-items:center; justify-content:center; margin:0; min-height:50px; }
.tg-oursponsor img { max-width:100%; max-height:55px; object-fit:contain; }
#tg-footer, .tg-footervtwo { background:linear-gradient(120deg,#430c2b,#69133f 65%,#4b0e31)!important; color:#fcebf2; }
#tg-footer a, #tg-footer h1, #tg-footer h2, #tg-footer h3, #tg-footer h4, #tg-footer p, #tg-footer li, #tg-footer span { color:inherit; }
#tg-footer a:hover { color:#ff78b1!important; }
#tg-footer .tg-footercolumns { padding:36px 0 26px; }
#tg-footer .tg-footercolumn { border-color:rgba(255,255,255,.13); }
#tg-footer .tg-footercolumn h3, #tg-footer .tg-footercolumn h4 { color:#fff; font-size:15px; font-weight:700; }
#tg-footer .tg-footerbar { border-top:1px solid rgba(255,255,255,.14); background:rgba(0,0,0,.12); }
#tg-footer .tg-socialicons li a { display:flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.12); color:#fff; }
/* Responsive */
@media (min-width:992px) {
  .helpSeriousCauses #tg-causesslider .tg-cause, .DropProductsinDonation #tg-productsslider .tg-product, .LifeChangeEvent #tg-eventsslider .tg-event { min-height:100%; }
}
@media (max-width:991px) {
  .tg-sectionspace { padding:34px 0; }
  #tg-homeslidervtwo .item > figure > img { height:380px; }
  .tg-educationposts > .col-sm-6 { width:50%; }
  .tg-floatdonations { gap:16px; }
}
@media (max-width:767px) {
  .container { width:calc(100% - 28px); }
  .tg-sectionspace { padding:28px 0; }
  .tg-sectionheadvtwo { margin-bottom:17px; }
  #tg-homeslidervtwo .item > figure > img { height:340px; }
  #tg-homeslidervtwo .tg-slidercontent { padding:18px 0; }
  #tg-homeslidervtwo .tg-slidercontent h1 { font-size:30px; }
  #tg-causesslider .tg-cause > figure, #tg-productsslider .tg-product > figure, #tg-eventsslider .tg-event > figure { flex-basis:155px; height:155px; }
  .tg-educationposts > [class*="col-"] { width:100%; }
  .tg-educationpost > figure { height:190px; flex-basis:190px; }
  .tg-floatdonations { flex-direction:column; padding:14px; }
  #tg-donutchart { width:190px; min-width:190px; height:190px; }
  .tg-graphinfo { width:100%; }
  .tg-oursponsorsarea { display:block; }
  .tg-oursponsorstext { margin-bottom:20px; }
}


/* FINAL ALIGNMENT PATCH — October 2026
   Scope limited to homepage sections discussed: Serious Causes, Products, Education.
   Keeps carousel engine and campaign data untouched. */

/* Full-width, left-aligned section headings: remove the old Bootstrap push/center effect. */
.helpSeriousCauses > .container > .row > div:first-child,
.DropProductsinDonation > .container > .row > div:first-child,
.HelpThemforEducation > .container > .row > div:first-child {
  position: static !important;
  left: auto !important;
  right: auto !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
  box-sizing: border-box !important;
}
.helpSeriousCauses .tg-sectionheadvtwo,
.DropProductsinDonation .tg-sectionheadvtwo,
.HelpThemforEducation .tg-sectionheadvtwo {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  text-align: left !important;
}
.helpSeriousCauses .tg-sectiontitle,
.DropProductsinDonation .tg-sectiontitle,
.HelpThemforEducation .tg-sectiontitle,
.helpSeriousCauses .tg-sectiontitle h2,
.DropProductsinDonation .tg-sectiontitle h2,
.HelpThemforEducation .tg-sectiontitle h2 {
  text-align: left !important;
}
.helpSeriousCauses .tg-sectionheadvtwo .tg-description,
.DropProductsinDonation .tg-sectionheadvtwo .tg-description,
.HelpThemforEducation .tg-sectionheadvtwo .tg-description {
  max-width: 780px;
  margin: 7px 0 0 !important;
  text-align: left !important;
}
.helpSeriousCauses .tg-sectionheadvtwo .tg-description p,
.DropProductsinDonation .tg-sectionheadvtwo .tg-description p,
.HelpThemforEducation .tg-sectionheadvtwo .tg-description p {
  margin: 0 !important;
  line-height: 1.55 !important;
}

/* Reduce the excessive gap between descriptions and campaign cards. */
.helpSeriousCauses.tg-sectionspace,
.DropProductsinDonation.tg-sectionspace,
.HelpThemforEducation.tg-sectionspace {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.helpSeriousCauses #tg-causesslider,
.DropProductsinDonation #tg-productsslider,
.HelpThemforEducation .tg-educationposts {
  margin-top: 0 !important;
}
#tg-causesslider .tg-causecontent .tg-description {
  margin-bottom: 8px !important;
}
#tg-causesslider .tg-causecontent .tg-funding-block,
#tg-productsslider .tg-productcontent .tg-funding-block,
.HelpThemforEducation .tg-educationfunding {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 10px !important;
  padding-top: 0 !important;
  box-sizing: border-box !important;
}

/* Keep the raised/remaining row and the progress footer inside each card. */
#tg-causesslider .tg-funding-top,
#tg-productsslider .tg-funding-top,
.HelpThemforEducation .tg-funding-top,
#tg-causesslider .tg-funding-bottom,
#tg-productsslider .tg-funding-bottom,
.HelpThemforEducation .tg-funding-bottom {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  gap: 10px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
#tg-causesslider .tg-funding-top > span,
#tg-productsslider .tg-funding-top > span,
.HelpThemforEducation .tg-funding-top > span,
#tg-causesslider .tg-funding-bottom > span,
#tg-productsslider .tg-funding-bottom > span,
.HelpThemforEducation .tg-funding-bottom > span {
  display: block !important;
  flex: 1 1 50% !important;
  width: 50% !important;
  min-width: 0 !important;
  max-width: 50% !important;
  margin: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 1.45 !important;
}
#tg-causesslider .tg-funding-top > span:first-child,
#tg-productsslider .tg-funding-top > span:first-child,
.HelpThemforEducation .tg-funding-top > span:first-child,
#tg-causesslider .tg-funding-bottom > span:first-child,
#tg-productsslider .tg-funding-bottom > span:first-child,
.HelpThemforEducation .tg-funding-bottom > span:first-child {
  text-align: left !important;
}
#tg-causesslider .tg-funding-top > span:last-child,
#tg-productsslider .tg-funding-top > span:last-child,
.HelpThemforEducation .tg-funding-top > span:last-child,
#tg-causesslider .tg-funding-bottom > span:last-child,
#tg-productsslider .tg-funding-bottom > span:last-child,
.HelpThemforEducation .tg-funding-bottom > span:last-child {
  text-align: right !important;
}
#tg-causesslider .tg-funding-block .tg-skillbar,
#tg-productsslider .tg-funding-block .tg-skillbar,
.HelpThemforEducation .tg-funding-block .tg-skillbar {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  clear: both !important;
  box-sizing: border-box !important;
}
#tg-causesslider .tg-causecontent > .tg-btn,
#tg-productsslider .tg-productcontent > .tg-btn,
.HelpThemforEducation .tg-educationpost > .tg-btn {
  margin-top: auto !important;
  flex-shrink: 0;
}

/* Product details and education fee rows must never push outside the card. */
#tg-productsslider .tg-productcontent,
.HelpThemforEducation .tg-educationpost {
  min-width: 0 !important;
  box-sizing: border-box !important;
}
#tg-productsslider .tg-productdetails li,
#tg-productsslider .tg-productcontent > ul li,
.HelpThemforEducation .tg-educationpost > .tg-educationdetails li,
.HelpThemforEducation .tg-educationpost > ul li {
  min-width: 0 !important;
  box-sizing: border-box !important;
}
#tg-productsslider .tg-productdetails li span,
#tg-productsslider .tg-productcontent > ul li span,
.HelpThemforEducation .tg-educationpost > .tg-educationdetails li span,
.HelpThemforEducation .tg-educationpost > ul li span {
  max-width: 58% !important;
  overflow-wrap: anywhere !important;
}

/* Responsive: keep the same left/right hierarchy on narrow cards without clipping. */
@media (max-width: 767px) {
  .helpSeriousCauses > .container > .row > div:first-child,
  .DropProductsinDonation > .container > .row > div:first-child,
  .HelpThemforEducation > .container > .row > div:first-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .helpSeriousCauses.tg-sectionspace,
  .DropProductsinDonation.tg-sectionspace,
  .HelpThemforEducation.tg-sectionspace {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  #tg-causesslider .tg-funding-top,
  #tg-productsslider .tg-funding-top,
  .HelpThemforEducation .tg-funding-top,
  #tg-causesslider .tg-funding-bottom,
  #tg-productsslider .tg-funding-bottom,
  .HelpThemforEducation .tg-funding-bottom {
    gap: 6px !important;
    font-size: 11px !important;
  }
}



/* VIEW ALL buttons: compact centered pills, not full-width bars. */
.helpSeriousCauses .text-center.mt-30 > a.tg-btn.tg-btnactive,
.DropProductsinDonation .text-center.mt-30 > a.tg-btn.tg-btnactive,
.HelpThemforEducation .tg-btns > a.tg-btn.tg-btnactive,
.LifeChangeEvent .text-center.mt-30 > a.tg-btn.tg-btnactive {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 150px;
  max-width: 220px;
  padding: 12px 30px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  float: none !important;
}
.helpSeriousCauses .text-center.mt-30,
.DropProductsinDonation .text-center.mt-30,
.LifeChangeEvent .text-center.mt-30,
.HelpThemforEducation .tg-btns {
  text-align: center !important;
  width: 100% !important;
}



/* ==========================================================
   GAP HOMEPAGE FINAL TARGETED FIX
   Preserves the original theme and Owl Carousel sizing.
   Fixes funding row overflow, excessive description gaps,
   metadata markup presentation and compact View All controls.
========================================================== */

/* Keep the four campaign/story sections aligned to their card grid. */
.helpSeriousCauses .tg-sectionheadvtwo,
.DropProductsinDonation .tg-sectionheadvtwo,
.HelpThemforEducation .tg-sectionheadvtwo,
.LifeChangeEvent .tg-sectionheadvtwo {
  width: 100%;
  max-width: none;
  margin: 0 0 16px;
  padding: 0;
  text-align: left;
  box-sizing: border-box;
}
.helpSeriousCauses .tg-sectionheadvtwo .tg-sectiontitle,
.DropProductsinDonation .tg-sectionheadvtwo .tg-sectiontitle,
.HelpThemforEducation .tg-sectionheadvtwo .tg-sectiontitle,
.LifeChangeEvent .tg-sectionheadvtwo .tg-sectiontitle,
.helpSeriousCauses .tg-sectionheadvtwo .tg-sectiontitle h2,
.DropProductsinDonation .tg-sectionheadvtwo .tg-sectiontitle h2,
.HelpThemforEducation .tg-sectionheadvtwo .tg-sectiontitle h2,
.LifeChangeEvent .tg-sectionheadvtwo .tg-sectiontitle h2 {
  text-align: left;
}
.helpSeriousCauses .tg-sectionheadvtwo .tg-description,
.DropProductsinDonation .tg-sectionheadvtwo .tg-description,
.HelpThemforEducation .tg-sectionheadvtwo .tg-description,
.LifeChangeEvent .tg-sectionheadvtwo .tg-description {
  max-width: 100% !important;
  margin: 5px 0 0;
  text-align: left;
}
.helpSeriousCauses .tg-sectionheadvtwo .tg-description p,
.DropProductsinDonation .tg-sectionheadvtwo .tg-description p,
.HelpThemforEducation .tg-sectionheadvtwo .tg-description p,
.LifeChangeEvent .tg-sectionheadvtwo .tg-description p {
  margin: 0;
  line-height: 1.6;
}

/* Tighten only the four relevant sections; leave chart, sponsors and footer rhythm intact. */
.helpSeriousCauses.tg-sectionspace,
.DropProductsinDonation.tg-sectionspace,
.HelpThemforEducation.tg-sectionspace,
.LifeChangeEvent.tg-sectionspace {
  padding-top: 32px;
  padding-bottom: 32px;
}
.helpSeriousCauses #tg-causesslider,
.DropProductsinDonation #tg-productsslider,
.LifeChangeEvent #tg-eventsslider {
  margin-top: 0;
}
#tg-causesslider .tg-causecontent .tg-description,
#tg-causesslider .tg-causecontent .tg-description p {
  margin-bottom: 10px;
  line-height: 1.6;
}

/* Critical fix: 50% + 50% widths plus a gap caused the funding text to overflow.
   Use two equal minmax columns and let each value shrink/wrap inside its own half. */
#tg-causesslider .tg-funding-top,
#tg-productsslider .tg-funding-top,
.HelpThemforEducation .tg-funding-top,
#tg-causesslider .tg-funding-bottom,
#tg-productsslider .tg-funding-bottom,
.HelpThemforEducation .tg-funding-bottom {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: start !important;
  justify-content: normal !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
#tg-causesslider .tg-funding-bottom,
#tg-productsslider .tg-funding-bottom,
.HelpThemforEducation .tg-funding-bottom {
  margin: 7px 0 0 !important;
}
#tg-causesslider .tg-funding-top > span,
#tg-productsslider .tg-funding-top > span,
.HelpThemforEducation .tg-funding-top > span,
#tg-causesslider .tg-funding-bottom > span,
#tg-productsslider .tg-funding-bottom > span,
.HelpThemforEducation .tg-funding-bottom > span {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: initial !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  box-sizing: border-box !important;
}
#tg-causesslider .tg-funding-top > span:first-child,
#tg-productsslider .tg-funding-top > span:first-child,
.HelpThemforEducation .tg-funding-top > span:first-child,
#tg-causesslider .tg-funding-bottom > span:first-child,
#tg-productsslider .tg-funding-bottom > span:first-child,
.HelpThemforEducation .tg-funding-bottom > span:first-child {
  text-align: left !important;
}
#tg-causesslider .tg-funding-top > span:last-child,
#tg-productsslider .tg-funding-top > span:last-child,
.HelpThemforEducation .tg-funding-top > span:last-child,
#tg-causesslider .tg-funding-bottom > span:last-child,
#tg-productsslider .tg-funding-bottom > span:last-child,
.HelpThemforEducation .tg-funding-bottom > span:last-child {
  text-align: right !important;
}
#tg-causesslider .tg-funding-block .tg-skillbar,
#tg-productsslider .tg-funding-block .tg-skillbar,
.HelpThemforEducation .tg-funding-block .tg-skillbar {
  display: block !important;
  position: relative !important;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  clear: both !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f7dce6 !important;
  box-sizing: border-box !important;
}
#tg-causesslider .tg-funding-block .tg-skillbarbar,
#tg-productsslider .tg-funding-block .tg-skillbarbar,
.HelpThemforEducation .tg-funding-block .tg-skillbarbar {
  display: block !important;
  height: 100% !important;
  max-width: 100% !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #ec0878, #ff699d) !important;
}

/* Funding should follow the description instead of being pushed to the card bottom.
   CTA buttons remain below the funding block and stay inside the card. */
#tg-causesslider .tg-causecontent .tg-funding-block,
#tg-productsslider .tg-productcontent .tg-funding-block,
.HelpThemforEducation .tg-educationpost > .tg-educationfunding {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 12px !important;
  padding-top: 0 !important;
  box-sizing: border-box !important;
}
#tg-causesslider .tg-causecontent > .tg-btn,
#tg-productsslider .tg-productcontent > .tg-btn,
#tg-eventsslider .tg-event > .tg-btn,
.HelpThemforEducation .tg-educationpost > .tg-btn {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Product and education detail values: label left, amount right, no overflow. */
#tg-productsslider .tg-productdetails li,
#tg-productsslider .tg-productcontent > ul li,
.HelpThemforEducation .tg-educationpost > .tg-educationdetails li,
.HelpThemforEducation .tg-educationpost > ul li {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
#tg-productsslider .tg-productdetails li > span,
#tg-productsslider .tg-productcontent > ul li > span,
.HelpThemforEducation .tg-educationpost > .tg-educationdetails li > span,
.HelpThemforEducation .tg-educationpost > ul li > span {
  flex: 0 1 58% !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 58% !important;
  margin-left: auto !important;
  text-align: right !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* Keep story cards and metadata readable without changing the carousel engine. */
#tg-eventsslider .tg-event {
  min-width: 0;
  box-sizing: border-box;
}
#tg-eventsslider .tg-event > h3 {
  overflow-wrap: anywhere;
  word-break: normal;
}
#tg-eventsslider .tg-event > address {
  overflow-wrap: anywhere;
  word-break: normal;
}

/* View All only: compact centered button. Contribution buttons are not targeted. */
.helpSeriousCauses .text-center.mt-30 > a.tg-btn.tg-btnactive,
.DropProductsinDonation .text-center.mt-30 > a.tg-btn.tg-btnactive,
.HelpThemforEducation .tg-btns > a.tg-btn.tg-btnactive,
.LifeChangeEvent .text-center.mt-30 > a.tg-btn.tg-btnactive {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 150px !important;
  max-width: 210px !important;
  padding: 11px 28px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
}
.helpSeriousCauses .text-center.mt-30,
.DropProductsinDonation .text-center.mt-30,
.LifeChangeEvent .text-center.mt-30,
.HelpThemforEducation .tg-btns {
  text-align: center !important;
  width: 100% !important;
}

@media (max-width: 767px) {
  .helpSeriousCauses.tg-sectionspace,
  .DropProductsinDonation.tg-sectionspace,
  .HelpThemforEducation.tg-sectionspace,
  .LifeChangeEvent.tg-sectionspace {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  #tg-causesslider .tg-funding-top > span,
  #tg-productsslider .tg-funding-top > span,
  .HelpThemforEducation .tg-funding-top > span,
  #tg-causesslider .tg-funding-bottom > span,
  #tg-productsslider .tg-funding-bottom > span,
  .HelpThemforEducation .tg-funding-bottom > span {
    font-size: 11.5px !important;
  }
}



/* ==========================================================
   RIGHT GUTTER / CARD OVERFLOW FIX — Serious Causes + Products
   Root cause: card content is offset from the left but its
   100%-width children still size against the full card.
   Keep a true 15px gutter on BOTH sides.
========================================================== */

#tg-causesslider .tg-cause,
#tg-productsslider .tg-product {
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#tg-causesslider .tg-causecontent,
#tg-productsslider .tg-productcontent {
  display: flex !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 30px) !important;
  margin-left: 15px !important;
  margin-right: 15px !important;
  padding: 13px 0 15px !important;
  box-sizing: border-box !important;
}

#tg-causesslider .tg-causecontent *,
#tg-productsslider .tg-productcontent * {
  min-width: 0;
  box-sizing: border-box;
}

#tg-causesslider .tg-causecontent .tg-address,
#tg-productsslider .tg-productcontent .tg-address {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

#tg-causesslider .tg-causecontent .tg-address time,
#tg-productsslider .tg-productcontent .tg-address time {
  flex: 0 1 auto !important;
  min-width: 0 !important;
}

#tg-causesslider .tg-causecontent .tg-address address,
#tg-productsslider .tg-productcontent .tg-address address {
  flex: 0 1 48% !important;
  min-width: 0 !important;
  max-width: 48% !important;
  margin: 0 !important;
  text-align: right !important;
  overflow-wrap: anywhere !important;
}

#tg-causesslider .tg-funding-block,
#tg-productsslider .tg-funding-block {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#tg-causesslider .tg-funding-top,
#tg-causesslider .tg-funding-bottom,
#tg-productsslider .tg-funding-top,
#tg-productsslider .tg-funding-bottom {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#tg-causesslider .tg-funding-top > span,
#tg-causesslider .tg-funding-bottom > span,
#tg-productsslider .tg-funding-top > span,
#tg-productsslider .tg-funding-bottom > span {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  box-sizing: border-box !important;
}

#tg-causesslider .tg-funding-top > span:first-child,
#tg-causesslider .tg-funding-bottom > span:first-child,
#tg-productsslider .tg-funding-top > span:first-child,
#tg-productsslider .tg-funding-bottom > span:first-child {
  text-align: left !important;
}

#tg-causesslider .tg-funding-top > span:last-child,
#tg-causesslider .tg-funding-bottom > span:last-child,
#tg-productsslider .tg-funding-top > span:last-child,
#tg-productsslider .tg-funding-bottom > span:last-child {
  text-align: right !important;
}

#tg-causesslider .tg-funding-block .tg-skillbar,
#tg-productsslider .tg-funding-block .tg-skillbar {
  display: block !important;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#tg-causesslider .tg-causecontent > .tg-btn,
#tg-productsslider .tg-productcontent > .tg-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  #tg-causesslider .tg-causecontent,
  #tg-productsslider .tg-productcontent {
    max-width: calc(100% - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
}



/* ==========================================================
   IMAGE-TO-CONTENT ALIGNMENT FIX
   Content starts directly under the image's left edge and
   stops at its right edge. Keep the card's existing inner
   padding; do not add a second 15px content inset.
========================================================== */

#tg-causesslider .tg-causecontent,
#tg-productsslider .tg-productcontent {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 13px 10px 13px !important;
  box-sizing: border-box !important;
}

/* Image and text share the same card content edges. */
#tg-causesslider .tg-cause > figure,
#tg-productsslider .tg-product > figure {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Prevent nested metadata and funding rows from exceeding those edges. */
#tg-causesslider .tg-causecontent .tg-address,
#tg-productsslider .tg-productcontent .tg-address,
#tg-causesslider .tg-causecontent .tg-description,
#tg-productsslider .tg-productcontent .tg-description,
#tg-causesslider .tg-causecontent .tg-funding-block,
#tg-productsslider .tg-productcontent .tg-funding-block {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

#tg-causesslider .tg-causecontent > .tg-btn,
#tg-productsslider .tg-productcontent > .tg-btn {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Mobile cards use the same image/content edge alignment. */
@media (max-width: 767px) {
  #tg-causesslider .tg-causecontent,
  #tg-productsslider .tg-productcontent {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 12px 0 14px !important;
  }
}


/* HOMEPAGE CARD SPACING + HEADER CONTRAST FIX */
.HelpThemforEducation .tg-educationposts > [class*="col-"] { min-width:0; box-sizing:border-box; }
.HelpThemforEducation .tg-educationpost {
  width:100%!important; min-width:0!important; padding:0 14px 14px!important;
  overflow:hidden!important; border:1px solid rgba(255,255,255,.45)!important;
  border-radius:12px!important; box-sizing:border-box!important;
}
.HelpThemforEducation .tg-educationpost > figure {
  width:calc(100% + 28px)!important; max-width:none!important; height:170px!important;
  flex:0 0 170px!important; margin:0 -14px!important; padding:0!important;
  overflow:hidden!important; box-sizing:border-box!important;
}
.HelpThemforEducation .tg-educationpost > figure a,
.HelpThemforEducation .tg-educationpost > figure img { display:block!important; width:100%!important; height:100%!important; }
.HelpThemforEducation .tg-educationpost > figure img { object-fit:cover!important; object-position:center!important; }
.HelpThemforEducation .tg-educationpost > h3 {
  margin:12px 0 7px!important; padding:0!important; min-height:2.6em;
  line-height:1.35!important; overflow-wrap:anywhere;
}
.HelpThemforEducation .tg-educationpost > .tg-address,
.HelpThemforEducation .tg-educationpost > time { margin-left:0!important; margin-right:0!important; }
.HelpThemforEducation .tg-educationpost > .tg-educationdetails,
.HelpThemforEducation .tg-educationpost > .tg-educationfunding {
  width:100%!important; min-width:0!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important;
}
.HelpThemforEducation .tg-educationpost > .tg-educationdetails { padding:0!important; }
.HelpThemforEducation .tg-educationpost > .tg-btn { width:100%!important; margin:13px 0 0!important; box-sizing:border-box!important; }

/* Stories cards: even text inset and image aligned to card edges. */
.LifeChangeEvent #tg-eventsslider .tg-event {
  display:flex!important; flex-direction:column!important; min-width:0!important; height:100%!important;
  padding:0 14px 14px!important; overflow:hidden!important; border:1px solid #f2dce5!important;
  border-radius:12px!important; background:#fff!important; box-shadow:0 10px 24px rgba(80,24,52,.08)!important;
  box-sizing:border-box!important;
}
.LifeChangeEvent #tg-eventsslider .tg-event > h3,
.LifeChangeEvent #tg-eventsslider .tg-event > .tg-authorname,
.LifeChangeEvent #tg-eventsslider .tg-event > time,
.LifeChangeEvent #tg-eventsslider .tg-event > address,
.LifeChangeEvent #tg-eventsslider .tg-event > .tg-btn {
  width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important;
}
.LifeChangeEvent #tg-eventsslider .tg-event > h3 {
  margin-top:13px!important; margin-bottom:6px!important; min-height:2.6em;
  font-size:16px!important; line-height:1.35!important; overflow-wrap:anywhere;
}
.LifeChangeEvent #tg-eventsslider .tg-event > .tg-authorname { margin-top:0!important; margin-bottom:10px!important; }
.LifeChangeEvent #tg-eventsslider .tg-event > figure {
  order:3; width:calc(100% + 28px)!important; max-width:none!important; height:170px!important;
  flex:0 0 170px!important; margin:0 -14px 9px!important; padding:0!important; overflow:hidden!important; box-sizing:border-box!important;
}
.LifeChangeEvent #tg-eventsslider .tg-event > figure > a,
.LifeChangeEvent #tg-eventsslider .tg-event > figure img { display:block!important; width:100%!important; height:100%!important; }
.LifeChangeEvent #tg-eventsslider .tg-event > figure img { object-fit:cover!important; object-position:center!important; }
.LifeChangeEvent #tg-eventsslider .tg-event > time,
.LifeChangeEvent #tg-eventsslider .tg-event > address { margin-top:4px!important; margin-bottom:4px!important; line-height:1.5!important; overflow-wrap:anywhere; }
.LifeChangeEvent #tg-eventsslider .tg-event > .tg-btn { margin-top:auto!important; margin-bottom:0!important; }
.LifeChangeEvent #tg-eventsslider .owl-stage,
.LifeChangeEvent #tg-eventsslider .owl-item { align-items:stretch; }

/* Utility/top bar white on pink. Primary menu intentionally remains dark. */
#tg-header .tg-topbar { background:#ed0878!important; border-bottom:1px solid #d8076c!important; }
#tg-header .tg-topbar, #tg-header .tg-topbar a, #tg-header .tg-topbar span,
#tg-header .tg-topbar li, #tg-header .tg-topbar i, #tg-header .tg-topbar .fa,
#tg-header .tg-topbar .tg-socialicons a, #tg-header .tg-topbar .tg-socialicons a i { color:#fff!important; }
#tg-header .tg-topbar .tg-socialicons a { border-color:rgba(255,255,255,.72)!important; background:transparent!important; }
#tg-header .tg-topbar a:hover, #tg-header .tg-topbar .tg-socialicons a:hover,
#tg-header .tg-topbar .tg-socialicons a:hover i { color:#fff!important; background:rgba(255,255,255,.14)!important; border-color:#fff!important; }
#tg-header .tg-navigationarea, #tg-header .tg-nav { background:#fff!important; }
#tg-header .tg-navigation > ul > li > a, #tg-header .tg-addnav a { color:#29364c!important; }
#tg-header .tg-navigation > ul > li:hover > a,
#tg-header .tg-navigation > ul > li.current-menu-item > a { color:#ed0878!important; }

@media (max-width:767px) {
 .HelpThemforEducation .tg-educationpost > figure,
 .LifeChangeEvent #tg-eventsslider .tg-event > figure { height:155px!important; flex-basis:155px!important; }
 .HelpThemforEducation .tg-educationpost { padding-left:12px!important; padding-right:12px!important; }
 .HelpThemforEducation .tg-educationpost > figure { width:calc(100% + 24px)!important; margin-left:-12px!important; margin-right:-12px!important; }
 .LifeChangeEvent #tg-eventsslider .tg-event { padding-left:12px!important; padding-right:12px!important; }
 .LifeChangeEvent #tg-eventsslider .tg-event > figure { width:calc(100% + 24px)!important; margin-left:-12px!important; margin-right:-12px!important; }
}



/* FINAL FIX: Life Changing Stories — image first, all story details below */
.LifeChangeEvent #tg-eventsslider .tg-event {
  display: flex !important;
  flex-direction: column !important;
}

.LifeChangeEvent #tg-eventsslider .tg-event > figure.tg-story-image {
  order: 0 !important;
  position: relative !important;
  width: calc(100% + 28px) !important;
  max-width: none !important;
  height: 170px !important;
  flex: 0 0 170px !important;
  margin: 0 -14px 9px !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.LifeChangeEvent #tg-eventsslider .tg-event > .tg-story-content {
  order: 1 !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.LifeChangeEvent #tg-eventsslider .tg-event > .tg-story-content > h3,
.LifeChangeEvent #tg-eventsslider .tg-event > .tg-story-content > .tg-authorname,
.LifeChangeEvent #tg-eventsslider .tg-event > .tg-story-content > time,
.LifeChangeEvent #tg-eventsslider .tg-event > .tg-story-content > address,
.LifeChangeEvent #tg-eventsslider .tg-event > .tg-story-content > .tg-btn {
  order: initial !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.LifeChangeEvent #tg-eventsslider .tg-event > .tg-story-content > h3 {
  min-height: 0 !important;
  margin: 0 0 2px !important;
  line-height: 1.35 !important;
}

.LifeChangeEvent #tg-eventsslider .tg-event > .tg-story-content > address {
  font-style: normal !important;
}

.LifeChangeEvent #tg-eventsslider .tg-event > .tg-story-content > .tg-btn {
  margin-top: auto !important;
}

@media (max-width: 767px) {
  .LifeChangeEvent #tg-eventsslider .tg-event > figure.tg-story-image {
    width: calc(100% + 24px) !important;
    height: 155px !important;
    flex-basis: 155px !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
  }
}


/* HEADER TOP BAR COLOR FIX (scoped to pink utility bar only) */
#tg-header.tg-headervtwo .tg-topbar,
#tg-header.tg-headervtwo .tg-topbar .tg-leftbox,
#tg-header.tg-headervtwo .tg-topbar .tg-leftbox > span,
#tg-header.tg-headervtwo .tg-topbar .tg-rightbox,
#tg-header.tg-headervtwo .tg-topbar .tg-addnav,
#tg-header.tg-headervtwo .tg-topbar .tg-addnav ul,
#tg-header.tg-headervtwo .tg-topbar .tg-addnav ul li,
#tg-header.tg-headervtwo .tg-topbar .tg-addnav ul li a,
#tg-header.tg-headervtwo .tg-topbar .tg-socialicons,
#tg-header.tg-headervtwo .tg-topbar .tg-socialicons li,
#tg-header.tg-headervtwo .tg-topbar .tg-socialicons li a,
#tg-header.tg-headervtwo .tg-topbar .tg-socialicons li a i,
#tg-header.tg-headervtwo .tg-topbar .tg-socialicons li a .fa {
    color: #fff !important;
}
#tg-header.tg-headervtwo .tg-topbar {
    background-color: #ed0878 !important;
    border-bottom-color: #d8076c !important;
}
#tg-header.tg-headervtwo .tg-topbar .tg-socialicons li a {
    border-color: rgba(255,255,255,.78) !important;
    background-color: transparent !important;
}
#tg-header.tg-headervtwo .tg-topbar .tg-socialicons li a:hover,
#tg-header.tg-headervtwo .tg-topbar .tg-socialicons li a:hover i,
#tg-header.tg-headervtwo .tg-topbar .tg-addnav ul li a:hover {
    color: #fff !important;
    background-color: rgba(255,255,255,.14) !important;
    border-color: #fff !important;
}

/* Main navigation intentionally stays white with navy links. */
#tg-header.tg-headervtwo .tg-navigationarea,
#tg-header.tg-headervtwo #tg-nav,
#tg-header.tg-headervtwo #tg-navigation {
    background-color: #fff !important;
}
#tg-header.tg-headervtwo #tg-navigation > ul > li > a {
    color: #29364c !important;
}
#tg-header.tg-headervtwo #tg-navigation > ul > li:hover > a,
#tg-header.tg-headervtwo #tg-navigation > ul > li.current-menu-item > a {
    color: #ed0878 !important;
}


/* DONATE A PRODUCT — match Serious Causes card/image treatment.
   The product card has the same full-bleed image, rounded outer card,
   and consistent inner content padding as the Serious Causes cards. */
section.DropProductsinDonation #tg-productsslider .owl-stage {
  display: flex !important;
  align-items: stretch !important;
}
section.DropProductsinDonation #tg-productsslider .owl-item {
  display: flex !important;
  height: auto !important;
}
section.DropProductsinDonation #tg-productsslider .item {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  padding: 5px 7px 12px !important;
  box-sizing: border-box !important;
}
section.DropProductsinDonation #tg-productsslider .tg-product {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--gap-border, #f2dce5) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(80,24,52,.08) !important;
  box-sizing: border-box !important;
}
section.DropProductsinDonation #tg-productsslider .tg-product > figure {
  display: block !important;
  position: relative !important;
  flex: 0 0 170px !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 170px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fbeaf0 !important;
  box-sizing: border-box !important;
}
section.DropProductsinDonation #tg-productsslider .tg-product > figure > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
section.DropProductsinDonation #tg-productsslider .tg-product > figure img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}
section.DropProductsinDonation #tg-productsslider .tg-productcontent {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 13px 15px 15px !important;
  box-sizing: border-box !important;
}
section.DropProductsinDonation #tg-productsslider .tg-productcontent > * {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
section.DropProductsinDonation #tg-productsslider .tg-productcontent > .tg-btn {
  width: 100% !important;
  margin: 14px 0 0 !important;
  margin-top: auto !important;
  box-sizing: border-box !important;
}
@media (max-width: 767px) {
  section.DropProductsinDonation #tg-productsslider .tg-product > figure {
    height: 155px !important;
    flex-basis: 155px !important;
  }
  section.DropProductsinDonation #tg-productsslider .tg-productcontent {
    padding: 12px 12px 14px !important;
  }
}


/* FINAL OVERRIDE — Donate A Product image must touch the card's inner edges.
   Remove theme-level figure/image insets without affecting other sections. */
section.DropProductsinDonation #tg-productsslider .owl-item .item > .tg-product,
section.DropProductsinDonation #tg-productsslider .owl-item .item > .tg-product.DropProductsinDonation {
  padding: 0 !important;
  border: 1px solid #f2dce5 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
section.DropProductsinDonation #tg-productsslider .owl-item .item > .tg-product > figure {
  display: block !important;
  position: relative !important;
  float: none !important;
  inset: auto !important;
  width: calc(100% + 2px) !important;
  max-width: none !important;
  height: 170px !important;
  flex: 0 0 170px !important;
  margin: -1px -1px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
section.DropProductsinDonation #tg-productsslider .owl-item .item > .tg-product > figure::before,
section.DropProductsinDonation #tg-productsslider .owl-item .item > .tg-product > figure::after {
  content: none !important;
  display: none !important;
}
section.DropProductsinDonation #tg-productsslider .owl-item .item > .tg-product > figure > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
section.DropProductsinDonation #tg-productsslider .owl-item .item > .tg-product > figure img {
  display: block !important;
  position: static !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}
section.DropProductsinDonation #tg-productsslider .tg-productcontent {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 13px 15px 15px !important;
  box-sizing: border-box !important;
}
@media (max-width: 767px) {
  section.DropProductsinDonation #tg-productsslider .owl-item .item > .tg-product > figure {
    height: 155px !important;
    flex-basis: 155px !important;
  }
  section.DropProductsinDonation #tg-productsslider .tg-productcontent {
    padding: 12px !important;
  }
}


/* GAP Donate A Product final alignment: scoped to this section only */
section.DropProductsinDonation #tg-productsslider .owl-stage { display:flex !important; align-items:stretch !important; }
section.DropProductsinDonation #tg-productsslider .owl-item { display:flex !important; height:auto !important; }
section.DropProductsinDonation #tg-productsslider .item { display:flex !important; width:100% !important; height:100% !important; }
section.DropProductsinDonation #tg-productsslider .tg-product { display:flex !important; flex-direction:column !important; height:100% !important; width:100% !important; }
section.DropProductsinDonation #tg-productsslider .tg-product > figure { flex:0 0 180px !important; height:180px !important; }
section.DropProductsinDonation #tg-productsslider .tg-product > figure img { width:100% !important; height:100% !important; object-fit:cover !important; }
section.DropProductsinDonation #tg-productsslider .tg-productcontent { display:flex !important; flex:1 1 auto !important; flex-direction:column !important; gap:9px !important; min-height:0 !important; }
section.DropProductsinDonation #tg-productsslider .tg-product-meta { display:flex !important; justify-content:space-between !important; align-items:center !important; gap:10px !important; width:100% !important; margin:0 0 3px !important; }
section.DropProductsinDonation #tg-productsslider .tg-product-meta time,
section.DropProductsinDonation #tg-productsslider .tg-product-meta address { display:flex !important; align-items:center !important; gap:5px !important; min-width:0 !important; max-width:50% !important; margin:0 !important; font-style:normal !important; overflow-wrap:anywhere !important; }
section.DropProductsinDonation #tg-productsslider .tg-product-meta address { justify-content:flex-end !important; text-align:right !important; }
section.DropProductsinDonation #tg-productsslider .tg-product-meta i,
section.DropProductsinDonation #tg-productsslider .tg-funding-block i { color:#ed0878 !important; }
section.DropProductsinDonation #tg-productsslider .tg-productcontent h3 { min-height:48px !important; margin:0 !important; line-height:1.35 !important; }
section.DropProductsinDonation #tg-productsslider .tg-productcontent .tg-price,
section.DropProductsinDonation #tg-productsslider .tg-productcontent .tg-productdetails { margin:0 !important; }
section.DropProductsinDonation #tg-productsslider .tg-productcontent .tg-productdetails { padding:0 !important; list-style:none !important; }
section.DropProductsinDonation #tg-productsslider .tg-productfunding { margin-top:auto !important; }
section.DropProductsinDonation #tg-productsslider .tg-funding-top,
section.DropProductsinDonation #tg-productsslider .tg-funding-bottom { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; gap:6px !important; }
section.DropProductsinDonation #tg-productsslider .tg-funding-top > span,
section.DropProductsinDonation #tg-productsslider .tg-funding-bottom > span { min-width:0 !important; font-size:11px !important; line-height:1.45 !important; overflow-wrap:anywhere !important; }
section.DropProductsinDonation #tg-productsslider .tg-skillbar { width:100% !important; margin:8px 0 !important; }
section.DropProductsinDonation #tg-productsslider .tg-productcontent > .tg-btn { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-height:44px !important; margin-top:14px !important; }
@media (max-width:767px) {
 section.DropProductsinDonation #tg-productsslider .owl-item { width:100% !important; }
 section.DropProductsinDonation #tg-productsslider .tg-product > figure { flex-basis:190px !important; height:190px !important; }
 section.DropProductsinDonation #tg-productsslider .tg-productcontent h3 { min-height:0 !important; }
}


/* FINAL, scoped Donate A Product alignment/typography pass.
   Values mirror the existing Serious Causes shared rules above. */
section.DropProductsinDonation #tg-productsslider .tg-productcontent .tg-product-meta {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  width:100% !important;
  margin:0 0 9px !important;
  color:var(--gap-muted) !important;
  font-size:11px !important;
  line-height:1.4 !important;
  box-sizing:border-box !important;
}
section.DropProductsinDonation #tg-productsslider .tg-product-meta time,
section.DropProductsinDonation #tg-productsslider .tg-product-meta address {
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  min-width:0 !important;
  max-width:50% !important;
  margin:0 !important;
  padding:0 !important;
  font-size:11px !important;
  line-height:1.4 !important;
  font-style:normal !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  box-sizing:border-box !important;
}
section.DropProductsinDonation #tg-productsslider .tg-product-meta address {
  justify-content:flex-end !important;
  text-align:right !important;
}
section.DropProductsinDonation #tg-productsslider .tg-product-meta i,
section.DropProductsinDonation #tg-productsslider .tg-funding-block i {
  color:var(--gap-pink) !important;
  font-size:12px !important;
  line-height:1 !important;
}
/* Do not synthesize additional icons: use only the explicit <i> elements in index.php. */
section.DropProductsinDonation #tg-productsslider .tg-product-meta time::before,
section.DropProductsinDonation #tg-productsslider .tg-product-meta time::after,
section.DropProductsinDonation #tg-productsslider .tg-product-meta address::before,
section.DropProductsinDonation #tg-productsslider .tg-product-meta address::after,
section.DropProductsinDonation #tg-productsslider .tg-funding-block .tg-funding-raised::before,
section.DropProductsinDonation #tg-productsslider .tg-funding-block .tg-funding-raised::after,
section.DropProductsinDonation #tg-productsslider .tg-funding-block .tg-funding-remaining::before,
section.DropProductsinDonation #tg-productsslider .tg-funding-block .tg-funding-remaining::after,
section.DropProductsinDonation #tg-productsslider .tg-funding-bottom span::before,
section.DropProductsinDonation #tg-productsslider .tg-funding-bottom span::after {
  content:none !important;
  display:none !important;
}
section.DropProductsinDonation #tg-productsslider .tg-productcontent > h3 {
  margin:0 0 0 !important;
  min-height:48px !important;
  color:var(--gap-ink) !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
}
section.DropProductsinDonation #tg-productsslider .tg-productcontent > h3 a {
  color:inherit !important;
  font:inherit !important;
}
section.DropProductsinDonation #tg-productsslider .tg-productcontent .tg-price {
  margin:0 !important;
  color:#606b7a !important;
  font-size:12px !important;
  line-height:1.4 !important;
}
section.DropProductsinDonation #tg-productsslider .tg-productcontent .tg-price strong {
  color:#27364d !important;
  font-size:12px !important;
  font-weight:700 !important;
}
section.DropProductsinDonation #tg-productsslider .tg-productdetails li {
  font-size:12px !important;
  line-height:1.4 !important;
}
section.DropProductsinDonation #tg-productsslider .tg-funding-block {
  margin-top:auto !important;
  padding-top:8px !important;
}
section.DropProductsinDonation #tg-productsslider .tg-funding-top {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin:0 0 9px !important;
  color:#424b5b !important;
  font-size:12px !important;
  line-height:1.4 !important;
}
section.DropProductsinDonation #tg-productsslider .tg-funding-top > span {
  min-width:0 !important;
  font-size:12px !important;
  line-height:1.4 !important;
}
section.DropProductsinDonation #tg-productsslider .tg-funding-top strong {
  color:var(--gap-pink) !important;
  font-weight:800 !important;
}
section.DropProductsinDonation #tg-productsslider .tg-funding-bottom {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin-top:7px !important;
  color:#737b89 !important;
  font-size:11px !important;
  line-height:1.4 !important;
}
section.DropProductsinDonation #tg-productsslider .tg-funding-bottom > span {
  min-width:0 !important;
  font-size:11px !important;
  line-height:1.4 !important;
}
section.DropProductsinDonation #tg-productsslider .tg-funding-bottom > span:last-child {
  text-align:right !important;
}
section.DropProductsinDonation #tg-productsslider .tg-funding-block .tg-skillbar {
  height:8px !important;
  margin:0 !important;
}
section.DropProductsinDonation #tg-productsslider .tg-productcontent > .tg-btn {
  width:100% !important;
  min-height:42px !important;
  margin-top:14px !important;
  padding:10px 14px !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
}
@media (max-width: 991px) {
  section.DropProductsinDonation #tg-productsslider .tg-productcontent { padding:13px 12px 15px !important; }
  section.DropProductsinDonation #tg-productsslider .tg-productcontent > h3 { font-size:18px !important; }
}
@media (max-width: 767px) {
  section.DropProductsinDonation #tg-productsslider .owl-stage {
    display:block !important;
    width:100% !important;
    transform:none !important;
  }
  section.DropProductsinDonation #tg-productsslider .owl-item {
    display:flex !important;
    float:none !important;
    width:100% !important;
    margin:0 0 12px !important;
  }
  section.DropProductsinDonation #tg-productsslider .item {
    width:100% !important;
    padding:5px 7px 8px !important;
  }
  section.DropProductsinDonation #tg-productsslider .tg-product > figure {
    height:180px !important;
    flex-basis:180px !important;
  }
  section.DropProductsinDonation #tg-productsslider .tg-productcontent > h3 { min-height:0 !important; }
  section.DropProductsinDonation #tg-productsslider .tg-product-meta time,
  section.DropProductsinDonation #tg-productsslider .tg-product-meta address { font-size:11px !important; }
}


/* ========================================================================
   GAP FINAL SHARED CARD SYSTEM — CAUSES / PRODUCTS / EDUCATION
   Scoped to the three requested homepage sections. Keeps all existing PHP,
   database queries, links, and Owl Carousel setup unchanged.
   ======================================================================== */
:root {
  --gap-card-image-height: 180px;
  --gap-card-content-x: 15px;
  --gap-card-content-top: 13px;
  --gap-card-content-bottom: 15px;
  --gap-card-radius: 12px;
  --gap-card-button-height: 42px;
}

/* One common card shell and image crop for all three sections. */
section.helpSeriousCauses #tg-causesslider .owl-stage,
section.DropProductsinDonation #tg-productsslider .owl-stage {
  display: flex !important;
  align-items: stretch !important;
}
section.helpSeriousCauses #tg-causesslider .owl-item,
section.DropProductsinDonation #tg-productsslider .owl-item {
  display: flex !important;
  height: auto !important;
}
section.helpSeriousCauses #tg-causesslider .item,
section.DropProductsinDonation #tg-productsslider .item {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
}
section.helpSeriousCauses #tg-causesslider .tg-cause,
section.DropProductsinDonation #tg-productsslider .tg-product,
section.HelpThemforEducation .tg-educationpost {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--gap-border, #f2dce5) !important;
  border-radius: var(--gap-card-radius, 12px) !important;
  background: #fff !important;
  box-sizing: border-box !important;
  box-shadow: 0 10px 24px rgba(15, 0, 8, .10) !important;
}
section.helpSeriousCauses #tg-causesslider .tg-cause > figure,
section.DropProductsinDonation #tg-productsslider .tg-product > figure,
section.HelpThemforEducation .tg-educationpost > figure {
  display: block !important;
  position: relative !important;
  flex: 0 0 var(--gap-card-image-height, 180px) !important;
  width: 100% !important;
  height: var(--gap-card-image-height, 180px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fbeaf0 !important;
}
section.helpSeriousCauses #tg-causesslider .tg-cause > figure a,
section.DropProductsinDonation #tg-productsslider .tg-product > figure a,
section.HelpThemforEducation .tg-educationpost > figure a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
section.helpSeriousCauses #tg-causesslider .tg-cause > figure img,
section.DropProductsinDonation #tg-productsslider .tg-product > figure img,
section.HelpThemforEducation .tg-educationpost > figure img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Same typography and inner left/right edges. */
section.helpSeriousCauses #tg-causesslider .tg-causecontent,
section.DropProductsinDonation #tg-productsslider .tg-productcontent {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: var(--gap-card-content-top, 13px) var(--gap-card-content-x, 15px) var(--gap-card-content-bottom, 15px) !important;
  box-sizing: border-box !important;
}
section.HelpThemforEducation .tg-educationpost {
  padding: 0 15px 15px !important;
}
section.HelpThemforEducation .tg-educationpost > figure {
  width: calc(100% + 30px) !important;
  margin: 0 -15px !important;
}
section.helpSeriousCauses #tg-causesslider .tg-causecontent > h3,
section.DropProductsinDonation #tg-productsslider .tg-productcontent > h3,
section.HelpThemforEducation .tg-educationpost > h3 {
  display: block !important;
  min-height: 47px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--gap-ink, #172b49) !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.32 !important;
  overflow-wrap: anywhere !important;
  box-sizing: border-box !important;
}
section.helpSeriousCauses #tg-causesslider .tg-causecontent > h3 a,
section.DropProductsinDonation #tg-productsslider .tg-productcontent > h3 a,
section.HelpThemforEducation .tg-educationpost > h3 a {
  color: inherit !important;
  font: inherit !important;
  text-decoration: none;
}

/* Consistent metadata row: date on the left, location on the right. */
section.helpSeriousCauses #tg-causesslider .tg-causecontent .tg-address,
section.DropProductsinDonation #tg-productsslider .tg-product-meta,
section.HelpThemforEducation .tg-educationpost > .tg-educationmeta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 10px 0 10px !important;
  padding: 0 !important;
  color: var(--gap-muted, #707987) !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  box-sizing: border-box !important;
}
section.helpSeriousCauses #tg-causesslider .tg-causecontent .tg-address time,
section.DropProductsinDonation #tg-productsslider .tg-product-meta time,
section.HelpThemforEducation .tg-educationpost > .tg-educationmeta time {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  flex: 0 1 50% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  font-style: normal !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
}
section.helpSeriousCauses #tg-causesslider .tg-causecontent .tg-address address,
section.DropProductsinDonation #tg-productsslider .tg-product-meta address,
section.DropProductsinDonation #tg-productsslider .tg-product-meta > .tg-cause-location,
section.HelpThemforEducation .tg-educationpost > .tg-educationmeta > .tg-address {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;
  flex: 0 1 50% !important;
  min-width: 0 !important;
  max-width: 50% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: 11px !important;
  font-style: normal !important;
  line-height: 1.4 !important;
  text-align: right !important;
  overflow-wrap: anywhere !important;
}
section.helpSeriousCauses #tg-causesslider .tg-causecontent .tg-address i,
section.DropProductsinDonation #tg-productsslider .tg-product-meta i,
section.HelpThemforEducation .tg-educationpost > .tg-educationmeta i,
section.helpSeriousCauses #tg-causesslider .tg-funding-block i,
section.DropProductsinDonation #tg-productsslider .tg-funding-block i,
section.HelpThemforEducation .tg-educationfunding i {
  flex: 0 0 auto !important;
  color: var(--gap-pink, #ed0878) !important;
  font-size: 12px !important;
  line-height: 1 !important;
}
section.HelpThemforEducation .tg-educationpost > .tg-educationmeta > .tg-address > span,
section.helpSeriousCauses #tg-causesslider .tg-causecontent .tg-address address span,
section.DropProductsinDonation #tg-productsslider .tg-product-meta address span {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

/* Cause description and product price/details use a common text scale. */
section.helpSeriousCauses #tg-causesslider .tg-causecontent > .tg-description,
section.helpSeriousCauses #tg-causesslider .tg-causecontent > .tg-description p {
  margin: 0 !important;
  color: #6e7582 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}
section.helpSeriousCauses #tg-causesslider .tg-causecontent > .tg-description a {
  color: var(--gap-pink, #ed0878) !important;
  font-weight: 700 !important;
}
section.DropProductsinDonation #tg-productsslider .tg-productcontent > .tg-price,
section.DropProductsinDonation #tg-productsslider .tg-productcontent > .tg-price strong {
  margin: 0 !important;
  color: #27364d !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}
section.DropProductsinDonation #tg-productsslider .tg-productcontent > .tg-productdetails,
section.HelpThemforEducation .tg-educationpost > .tg-educationdetails {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
section.DropProductsinDonation #tg-productsslider .tg-productcontent > .tg-productdetails li,
section.HelpThemforEducation .tg-educationpost > .tg-educationdetails li {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 5px 0 !important;
  border-bottom: 1px solid #f0e2e8 !important;
  color: #727987 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  list-style: none !important;
  background: transparent !important;
}
section.DropProductsinDonation #tg-productsslider .tg-productcontent > .tg-productdetails li span,
section.HelpThemforEducation .tg-educationpost > .tg-educationdetails li span {
  color: #27364d !important;
  font-weight: 700 !important;
  text-align: right !important;
}
section.HelpThemforEducation .tg-educationpost > .tg-btnshare { display: none !important; }

/* Funding, progress, and CTA share one visual system. Funding and CTA stay
   at the bottom of each card even when titles/descriptions differ in length. */
section.helpSeriousCauses #tg-causesslider .tg-causecontent > .tg-funding-block,
section.DropProductsinDonation #tg-productsslider .tg-productcontent > .tg-funding-block,
section.HelpThemforEducation .tg-educationpost > .tg-educationfunding {
  width: 100% !important;
  margin: auto 0 0 !important;
  padding: 8px 0 0 !important;
  box-sizing: border-box !important;
}
section.helpSeriousCauses #tg-causesslider .tg-funding-top,
section.DropProductsinDonation #tg-productsslider .tg-funding-top,
section.HelpThemforEducation .tg-educationfunding .tg-funding-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 0 9px !important;
  color: #424b5b !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}
section.helpSeriousCauses #tg-causesslider .tg-funding-top > span,
section.DropProductsinDonation #tg-productsslider .tg-funding-top > span,
section.HelpThemforEducation .tg-educationfunding .tg-funding-top > span {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  min-width: 0 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  overflow-wrap: anywhere !important;
}
section.helpSeriousCauses #tg-causesslider .tg-funding-top strong,
section.DropProductsinDonation #tg-productsslider .tg-funding-top strong,
section.HelpThemforEducation .tg-educationfunding .tg-funding-top strong {
  color: var(--gap-pink, #ed0878) !important;
  font-weight: 800 !important;
}
section.helpSeriousCauses #tg-causesslider .tg-funding-block .tg-skillbar,
section.DropProductsinDonation #tg-productsslider .tg-funding-block .tg-skillbar,
section.HelpThemforEducation .tg-educationfunding .tg-skillbar {
  display: block !important;
  width: 100% !important;
  height: 8px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 20px !important;
}
section.helpSeriousCauses #tg-causesslider .tg-funding-bottom,
section.DropProductsinDonation #tg-productsslider .tg-funding-bottom,
section.HelpThemforEducation .tg-educationfunding .tg-funding-bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 7px 0 0 !important;
  color: #737b89 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}
section.helpSeriousCauses #tg-causesslider .tg-funding-bottom > span,
section.DropProductsinDonation #tg-productsslider .tg-funding-bottom > span,
section.HelpThemforEducation .tg-educationfunding .tg-funding-bottom > span {
  min-width: 0 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  overflow-wrap: anywhere !important;
}
section.helpSeriousCauses #tg-causesslider .tg-funding-bottom > span:last-child,
section.DropProductsinDonation #tg-productsslider .tg-funding-bottom > span:last-child,
section.HelpThemforEducation .tg-educationfunding .tg-funding-bottom > span:last-child {
  text-align: right !important;
}
section.helpSeriousCauses #tg-causesslider .tg-causecontent > .tg-btn,
section.DropProductsinDonation #tg-productsslider .tg-productcontent > .tg-btn,
section.HelpThemforEducation .tg-educationpost > .tg-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: var(--gap-card-button-height, 42px) !important;
  margin: 14px 0 0 !important;
  padding: 10px 12px !important;
  border-radius: 5px !important;
  box-sizing: border-box !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-align: center !important;
}
section.HelpThemforEducation .tg-educationpost > .tg-educationfunding { order: 6 !important; }
section.HelpThemforEducation .tg-educationpost > .tg-btn { order: 7 !important; }

/* Prevent theme-generated pseudo icons from duplicating the real pink icons. */
section.helpSeriousCauses #tg-causesslider .tg-causecontent .tg-address time::before,
section.helpSeriousCauses #tg-causesslider .tg-causecontent .tg-address time::after,
section.helpSeriousCauses #tg-causesslider .tg-causecontent .tg-address address::before,
section.helpSeriousCauses #tg-causesslider .tg-causecontent .tg-address address::after,
section.DropProductsinDonation #tg-productsslider .tg-product-meta time::before,
section.DropProductsinDonation #tg-productsslider .tg-product-meta time::after,
section.DropProductsinDonation #tg-productsslider .tg-product-meta address::before,
section.DropProductsinDonation #tg-productsslider .tg-product-meta address::after,
section.HelpThemforEducation .tg-educationpost > .tg-educationmeta time::before,
section.HelpThemforEducation .tg-educationpost > .tg-educationmeta time::after,
section.HelpThemforEducation .tg-educationpost > .tg-educationmeta .tg-address::before,
section.HelpThemforEducation .tg-educationpost > .tg-educationmeta .tg-address::after,
section.helpSeriousCauses #tg-causesslider .tg-funding-block .tg-funding-raised::before,
section.helpSeriousCauses #tg-causesslider .tg-funding-block .tg-funding-raised::after,
section.helpSeriousCauses #tg-causesslider .tg-funding-block .tg-funding-remaining::before,
section.helpSeriousCauses #tg-causesslider .tg-funding-block .tg-funding-remaining::after,
section.DropProductsinDonation #tg-productsslider .tg-funding-block .tg-funding-raised::before,
section.DropProductsinDonation #tg-productsslider .tg-funding-block .tg-funding-raised::after,
section.DropProductsinDonation #tg-productsslider .tg-funding-block .tg-funding-remaining::before,
section.DropProductsinDonation #tg-productsslider .tg-funding-block .tg-funding-remaining::after,
section.HelpThemforEducation .tg-educationfunding .tg-funding-raised::before,
section.HelpThemforEducation .tg-educationfunding .tg-funding-raised::after,
section.HelpThemforEducation .tg-educationfunding .tg-funding-remaining::before,
section.HelpThemforEducation .tg-educationfunding .tg-funding-remaining::after {
  content: none !important;
  display: none !important;
}

/* Education cards retain a three-column desktop grid; stack cleanly on phones. */
section.HelpThemforEducation .tg-educationposts {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  margin-left: -7px !important;
  margin-right: -7px !important;
}
section.HelpThemforEducation .tg-educationposts > [class*="col-"] {
  display: flex !important;
  float: none !important;
  min-width: 0 !important;
  margin-bottom: 14px !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
  box-sizing: border-box !important;
}
@media (max-width: 767px) {
  section.helpSeriousCauses #tg-causesslider .tg-cause > figure,
  section.DropProductsinDonation #tg-productsslider .tg-product > figure,
  section.HelpThemforEducation .tg-educationpost > figure {
    flex-basis: 180px !important;
    height: 180px !important;
  }
  section.helpSeriousCauses #tg-causesslider .tg-causecontent,
  section.DropProductsinDonation #tg-productsslider .tg-productcontent {
    padding: 12px !important;
  }
  section.HelpThemforEducation .tg-educationpost { padding: 0 12px 12px !important; }
  section.HelpThemforEducation .tg-educationpost > figure {
    width: calc(100% + 24px) !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
  }
  section.helpSeriousCauses #tg-causesslider .tg-causecontent > h3,
  section.DropProductsinDonation #tg-productsslider .tg-productcontent > h3,
  section.HelpThemforEducation .tg-educationpost > h3 { min-height: 0 !important; }
  section.HelpThemforEducation .tg-educationposts > [class*="col-"] { width: 100% !important; }
  section.helpSeriousCauses #tg-causesslider .tg-causecontent .tg-address,
  section.DropProductsinDonation #tg-productsslider .tg-product-meta,
  section.HelpThemforEducation .tg-educationpost > .tg-educationmeta { gap: 6px !important; }
  section.helpSeriousCauses #tg-causesslider .tg-funding-top,
  section.DropProductsinDonation #tg-productsslider .tg-funding-top,
  section.HelpThemforEducation .tg-educationfunding .tg-funding-top { gap: 5px !important; }
}

/* Markup-safe correction: the cause card currently nests its location inside
   the <time> element. Lay that existing structure out as one three-column row
   without changing its PHP/HTML or moving either icon. */
section.helpSeriousCauses #tg-causesslider .tg-causecontent .tg-address > time {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 5px !important;
  flex: 1 1 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  white-space: normal !important;
}
section.helpSeriousCauses #tg-causesslider .tg-causecontent .tg-address > time > span {
  min-width: 0 !important;
  white-space: nowrap !important;
}
section.helpSeriousCauses #tg-causesslider .tg-causecontent .tg-address > time > address {
  grid-column: 3 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Targeted fix: keep education-card date/location below the image.
   The existing figure has flex order: 1; give metadata the same order so
   source order (figure first, metadata second) is preserved. */
section.HelpThemforEducation .tg-educationpost > figure {
  order: 1 !important;
}
section.HelpThemforEducation .tg-educationpost > .tg-educationmeta {
  order: 1 !important;
}


/* Definitive Life Changing Stories fix: scope only to the stories carousel.
   The PHP markup also places the figure first so the visual order is resilient
   even if older theme rules are present. */
section.LifeChangeEvent #tg-eventsslider .item > .tg-event > figure.tg-story-image {
  order: 0 !important;
  position: relative !important;
  display: block !important;
  width: calc(100% + 28px) !important;
  max-width: none !important;
  height: 170px !important;
  min-height: 170px !important;
  flex: 0 0 170px !important;
  margin: 0 -14px 12px !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
section.LifeChangeEvent #tg-eventsslider .item > .tg-event > figure.tg-story-image > a,
section.LifeChangeEvent #tg-eventsslider .item > .tg-event > figure.tg-story-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
section.LifeChangeEvent #tg-eventsslider .item > .tg-event > figure.tg-story-image img {
  object-fit: cover !important;
  object-position: center !important;
}
section.LifeChangeEvent #tg-eventsslider .item > .tg-event > h3 { order: 1 !important; }
section.LifeChangeEvent #tg-eventsslider .item > .tg-event > .tg-authorname { order: 2 !important; }
section.LifeChangeEvent #tg-eventsslider .item > .tg-event > time { order: 3 !important; }
section.LifeChangeEvent #tg-eventsslider .item > .tg-event > address { order: 4 !important; }
section.LifeChangeEvent #tg-eventsslider .item > .tg-event > .tg-btn { order: 5 !important; margin-top: auto !important; }
section.LifeChangeEvent #tg-eventsslider .item > .tg-event {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  height: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
@media (max-width: 767px) {
  section.LifeChangeEvent #tg-eventsslider .item > .tg-event > figure.tg-story-image {
    width: calc(100% + 24px) !important;
    height: 155px !important;
    min-height: 155px !important;
    flex-basis: 155px !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
  }
}


/* =====================================================================
   GAP DONATION TRANSPARENCY REDESIGN — scoped to this section only.
   Keeps the existing #tg-donutchart element and legend text intact so
   the site's current chart initialization/data continue to work.
   ===================================================================== */
section.gap-donation-redesign {
  position: relative;
  overflow: hidden;
  padding: 66px 0 72px !important;
  background-color: #210514 !important;
  background-image:
    radial-gradient(ellipse at 50% 0%, rgba(237, 8, 120, .18), transparent 55%),
    linear-gradient(135deg, #18030e 0%, #31071d 52%, #1d0411 100%) !important;
}
section.gap-donation-redesign:before,
section.gap-donation-redesign:after {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  border: 1px solid rgba(237, 8, 120, .15);
  border-radius: 50%;
  pointer-events: none;
}
section.gap-donation-redesign:before { top: -190px; right: -90px; }
section.gap-donation-redesign:after { bottom: -225px; left: -135px; }
section.gap-donation-redesign > .container,
section.gap-donation-redesign > .container > .row { position: relative; z-index: 1; }
section.gap-donation-redesign .tg-sectionheadvtwo {
  max-width: 1150px;
  margin: 0 auto 34px !important;
}
section.gap-donation-redesign .tg-sectiontitle h2 {
  margin: 0 0 16px !important;
  color: #fff !important;
  font-size: clamp(30px, 3.4vw, 48px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -.5px;
}
section.gap-donation-redesign .tg-sectiontitle h2 span {
  display: inline-block;
  padding: 2px 12px 5px;
  border-radius: 5px;
  background: #ed0878 !important;
  color: #fff !important;
}
section.gap-donation-redesign .tg-description,
section.gap-donation-redesign .tg-description p {
  max-width: 1145px;
  margin: 0 auto !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}
section.gap-donation-redesign .row > [class*="col-"] {
  float: none;
  left: auto;
  right: auto;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
section.gap-donation-redesign .tg-floatdonations {
  display: grid !important;
  grid-template-columns: minmax(250px, .85fr) minmax(0, 1.25fr);
  align-items: center;
  gap: clamp(24px, 4vw, 58px) !important;
  width: min(100%, 1100px);
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: clamp(24px, 4vw, 48px) !important;
  border: 1px solid rgba(255, 55, 150, .62) !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important;
  box-shadow: 0 22px 65px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
/* CSS-only donut: avoids chart-library trial watermark and keeps the center icon crisp. */
section.gap-donation-redesign .tg-donut-visual {
  position: relative;
  width: min(100%, 360px);
  aspect-ratio: 1 / 1;
  justify-self: center;
  border-radius: 50%;
  background: conic-gradient(from 0deg, #28c3ee 0deg 54deg, #ff4658 54deg 72deg, #a4e900 72deg 360deg);
  filter: drop-shadow(0 10px 24px rgba(164, 233, 0, .12));
}
section.gap-donation-redesign .tg-donut-visual:before {
  content: "";
  position: absolute;
  inset: 23%;
  border-radius: 50%;
  background: #351024;
  box-shadow: inset 0 0 24px rgba(0,0,0,.18);
}
section.gap-donation-redesign .tg-donut-center {
  position: absolute;
  inset: 23%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b94c83;
}
section.gap-donation-redesign .tg-donut-heart-hand {
  display: block;
  width: 56%;
  height: auto;
  overflow: visible;
  filter: drop-shadow(0 0 8px rgba(237, 8, 120, .12));
}
section.gap-donation-redesign #tg-donutchart { display: none !important; }
section.gap-donation-redesign .tg-graphinfo {
  width: 100%;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
section.gap-donation-redesign .tg-graphinfo li {
  position: relative;
  margin: 0 !important;
  padding: 19px 0 22px 24px !important;
  border-bottom: 1px solid rgba(255,255,255,.10);
  list-style: none;
}
section.gap-donation-redesign .tg-graphinfo li:last-child { border-bottom: 0; }
section.gap-donation-redesign .tg-graphinfo li:before {
  content: "";
  position: absolute;
  top: 29px;
  left: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--donation-color, #ed0878);
  box-shadow: 0 0 16px color-mix(in srgb, var(--donation-color, #ed0878) 35%, transparent);
}
section.gap-donation-redesign .tg-graphinfo li span {
  position: relative;
  display: block !important;
  padding: 0 0 25px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}
section.gap-donation-redesign .tg-graphinfo li span strong {
  display: inline-block;
  min-width: 74px;
  margin-right: 10px;
  color: var(--donation-color, #ed0878);
  font-size: 27px;
  font-weight: 800;
  letter-spacing: -.5px;
  vertical-align: -1px;
}
section.gap-donation-redesign .tg-graphinfo li span:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 9px;
  overflow: hidden;
  border-radius: 20px;
  background: rgba(255,255,255,.14);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.18);
}
section.gap-donation-redesign .tg-graphinfo li:after {
  content: "";
  position: absolute;
  bottom: 25px;
  left: 24px;
  z-index: 1;
  width: var(--donation-fill, 15%);
  height: 9px;
  border-radius: 20px;
  background: linear-gradient(90deg, var(--donation-color, #ed0878), color-mix(in srgb, var(--donation-color, #ed0878) 68%, white));
}
section.gap-donation-redesign .tg-graphinfo .tg-fund {
  --donation-color: #28c3ee;
  --donation-fill: 15%;
}
section.gap-donation-redesign .tg-graphinfo .tg-administration {
  --donation-color: #ff4658;
  --donation-fill: 5%;
}
section.gap-donation-redesign .tg-graphinfo .tg-spendcauses {
  --donation-color: #a4e900;
  --donation-fill: 80%;
}
/* Hide common chart-library attribution badges only if they appear inside this chart. */
section.gap-donation-redesign #tg-donutchart { display: none !important; }
@media (max-width: 767px) {
  section.gap-donation-redesign { padding: 42px 0 46px !important; }
  section.gap-donation-redesign .tg-sectionheadvtwo { margin-bottom: 24px !important; }
  section.gap-donation-redesign .tg-sectiontitle h2 { font-size: 30px !important; }
  section.gap-donation-redesign .tg-description,
  section.gap-donation-redesign .tg-description p { font-size: 14px !important; }
  section.gap-donation-redesign .tg-floatdonations {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px !important;
    padding: 20px 18px !important;
    border-radius: 18px !important;
  }
  section.gap-donation-redesign .tg-donut-visual { width: min(100%, 220px); }
  section.gap-donation-redesign .tg-graphinfo li { padding: 13px 0 18px 20px !important; }
  section.gap-donation-redesign .tg-graphinfo li:before { top: 23px; width: 10px; height: 10px; }
  section.gap-donation-redesign .tg-graphinfo li span { font-size: 14px !important; padding-bottom: 23px !important; }
  section.gap-donation-redesign .tg-graphinfo li span strong { min-width: 58px; font-size: 22px; margin-right: 5px; }
  section.gap-donation-redesign .tg-graphinfo li:after { left: 20px; bottom: 18px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.gap-donation-redesign .tg-floatdonations { grid-template-columns: minmax(200px, .8fr) minmax(0, 1.2fr); padding: 24px !important; }
  section.gap-donation-redesign .tg-donut-visual { width: min(100%, 260px); }
  section.gap-donation-redesign .tg-graphinfo li span { font-size: 15px !important; }
  section.gap-donation-redesign .tg-graphinfo li span strong { min-width: 58px; font-size: 23px; }
}


/* Donation donut responsive sizing (scoped to How we use donations only). */
@media (min-width: 768px) and (max-width: 1100px) {
  section.gap-donation-redesign .tg-donut-visual { width: min(100%, 280px); }
}
@media (max-width: 767px) {
  section.gap-donation-redesign .tg-donut-visual { width: min(100%, 220px); }
}