/* -------------------------
   Sections
------------------------- */
.impact-support-wrapper section {scroll-margin-top:125px;}
.impact-support-wrapper section>.container {padding-top:70px; padding-bottom:70px; padding-right:20px; padding-left:20px;}
.impact-support-wrapper section a:hover {color:var(--clr-neutral-700);}
.impact-support-wrapper section .btn {margin-bottom:1.25rem; display:inline-flex; gap:.5rem;}
.impact-support-wrapper section .btn img {width:32px;}
.impact-support-wrapper section .btn:hover {background-color:var(--clr-neutral-700) !important; border-color:var(--clr-neutral-700) !important;}
.impact-support-wrapper section ul.cta-links {list-style:none; margin-left:0;}

@media (min-width:768px) {
    .impact-support-wrapper section>.container {padding-top:100px; padding-bottom:100px;}
}


/* -------------------------
   GSAP Animation set elements to hidden on load
------------------------- */
[data-animate] {visibility: hidden;}



/* -------------------------
   Images
------------------------- */
.impact-support-wrapper svg,
.impact-support-wrapper img {display:block; width:100%; height:auto;}
.img-fit {object-fit:cover; width:100%; height:auto;}
.img-rounded {border-radius:1rem;}



/* -------------------------
   Backgrounds
------------------------- */
[data-background='white'] {background-color:var(--clr-neutral-100);}
[data-background='grey'] {background-color:var(--clr-neutral-200);}
[data-background='red'] {background-color:var(--clr-red-400); color:var(--clr-neutral-100);}
[data-background='blue'] {background-color:var(--clr-blue-400); color:var(--clr-blue-700);}
[data-background='yellow'] {background-color:var(--clr-yellow-400); color:var(--clr-yellow-700);}
[data-background='purple'] {background-color:var(--clr-purple-400); color:var(--clr-purple-700);}



/* -------------------------
   Fonts
------------------------- */
.sectionTitle {font-size:30px; line-height:1.1;}

/* Default */
.impact-support-wrapper {color:var(--clr-red-700);}
.impact-support-wrapper .sectionTitle {color:var(--clr-red-700);}
.impact-support-wrapper .sectionTitle span {color:var(--clr-red-400);}
.impact-support-wrapper .sectionTitleH3 {color:var(--clr-red-400);}
.impact-support-wrapper strong {font-family:'Circular Std Black';}

/* Variations */
.impact-support-wrapper .impact-report-fundraising .sectionTitle {color:var(--clr-purple-700);}
.impact-support-wrapper .impact-report-fundraising .sectionTitle span {color:var(--clr-neutral-100);}
.impact-support-wrapper .impact-report-fundraising .sectionTitleH3 {color:var(--clr-purple-700);}

.impact-support-wrapper .impact-report-eap .sectionTitle {color:var(--clr-yellow-700);}
.impact-support-wrapper .impact-report-eap .sectionTitle span {color:var(--clr-neutral-100);}
.impact-support-wrapper .impact-report-eap .sectionTitleH3 {color:var(--clr-yellow-700);}

.impact-support-wrapper .impact-report-grants .sectionTitle {color:var(--clr-blue-700);}
.impact-support-wrapper .impact-report-grants .sectionTitle span {color:var(--clr-neutral-100);}
.impact-support-wrapper .impact-report-grants .sectionTitleH3 {color:var(--clr-blue-700);}

@media (max-width:420px) {
    .sectionTitle br {display:none;}
}

@media (min-width:768px) {
    .sectionTitle {font-size:38px;}
}




/* -------------------------
   Scroll Indicator
------------------------- */
#scroll-progress-bar {background-color:var(--clr-neutral-700); position:fixed; top:0; left:0; width:100vw; padding:4px 0; z-index:1035;}
#scroll-progress-bar-indicator {background-color:var(--clr-red-400); width:0; height:4px;}



/* -------------------------
   Quick Links
------------------------- */
#quick-links {background-color:var(--clr-neutral-700); color:var(--clr-neutral-100); position:sticky; top:90px; z-index:99; padding:12px 0;}
.quick-links-toggle {display:flex; width:100%; background:none; border:0; color:var(--clr-neutral-100); text-align:left; font:inherit; cursor:pointer; padding:0; transition:color .3s ease-out;}
.quick-links-toggle:hover {color:var(--clr-red-400);}
.quick-links-toggle svg path {transition:fill .3s ease-out;}
.quick-links-toggle:hover svg path {fill:var(--clr-red-400)}
.quick-links-toggle svg {width:14px; margin-left:auto; transition:transform .3s ease-out;}
.quick-links-toggle[aria-expanded='true'] svg {transform:rotate(180deg);}
.quick-links-list {display:none; margin:12px 0 0; padding:0; list-style:none; flex-direction:column; row-gap:12px;}
#quick-links.open .quick-links-list {display:flex;}
#quick-links a {color:var(--clr-neutral-100); text-decoration:none; display:block;}
#quick-links a:hover {color:var(--clr-red-400);}
#quick-links li:nth-child(6) a:hover {color:var(--clr-blue-400);}
#quick-links li:nth-child(7) a:hover {color:var(--clr-yellow-400);}
#quick-links li:nth-child(8) a:hover {color:var(--clr-purple-400);}

/* Quick Links Desktop */
@media (min-width:1200px) {
    #quick-links {height:64px; padding:12px 20px; display:flex; align-items:center;}
    .quick-links-toggle {display:none;}
    .quick-links-list {display:flex !important; flex-direction:row; column-gap:16px; align-items:center; margin:0;}
    .quick-links-list::before {content:"Quickly take me to:";}
    #quick-links a {display:inline-block;}
}



/* -------------------------
   Hero
------------------------- */
.impact-report-hero {overflow-X:clip;}
.impact-report-hero .container {position:relative; padding-bottom:0 !important; padding-top:70px;}
.impact-report-hero-title {max-width:540px; margin:0 auto;}
.impact-report-hero .level-1-title {margin-bottom:0.5rem;}
.impact-report-hero .level-1-title span {color:var(--clr-red-700);}
.impact-report-hero p {font-size:20px;}
.impact-report-hero-people {display:flex; position:relative; z-index:1; left:50%; transform:translateX(-50%); align-items:flex-end; justify-content:center;}
.impact-report-hero-people img {display:block; width:auto; height:80vw;}
.impact-report-hero-people .ppl-1 img {transform:translateX(20%);}
.impact-report-hero-people .ppl-2 img {transform:translateX(-20%);} 
.impact-report-year {position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; max-width:540px;}
.impact-report-year img {width:100%; height:auto; display:block;} 

@media (min-width:576px) {
     .impact-report-hero-people img {height:400px;}
}

@media (min-width:992px) {
    .impact-report-hero-title {margin-left:50%;}
    .impact-report-hero-people {margin-top:-5rem;}
    .impact-report-hero-people img {height:auto;}
    .impact-report-hero p {font-size:24px;}
    .impact-report-year {left:auto; right:0; transform:none;}
    .impact-report-hero-people {transform:none; left:5%; justify-content:flex-start;}
    .impact-report-hero-people .ppl-1 img {transform:none;}
    .impact-report-hero-people .ppl-2 img {transform:translateX(-40%);}  
}

@media (min-width:1200px) { 
    .impact-report-year {max-width:580px; right:8%;} 
}



/* -------------------------
   Speech Bubbles
------------------------- */
.speech-bubble-outline {border:5px solid var(--clr-neutral-100); font-family:var(--ff-bold); border-radius:20px; margin-bottom:3rem; padding:1rem; border-bottom-right-radius:0; color:var(--clr-neutral-100); position:relative;}
.speech-bubble-outline span {font-family:'Circular Std Book',sans-serif;}
.speech-bubble-outline svg {width:40px; height:auto; position:absolute; bottom:-24.5px; right:-3.2px; z-index:1; overflow:visible;}
.speech-bubble-outline svg path {fill:var(--clr-red-400); stroke:var(--clr-neutral-100); stroke-width:4px;}
.speech-bubble-outline[data-bubble='yellow'] svg path {fill:var(--clr-yellow-400);}
.speech-bubble-outline[data-bubble='blue'] svg path {fill:var(--clr-blue-400);}
.speech-bubble-outline[data-bubble-colour='400'] {border-color:var(--clr-red-400); color:var(--clr-red-400);}
.speech-bubble-outline[data-bubble-colour='400'] svg path {stroke:var(--clr-red-400); fill:var(--clr-neutral-100);}
.speech-bubble-outline[data-bubble-colour='700'] {border-color:var(--clr-red-700); color:var(--clr-red-700);}
.speech-bubble-outline[data-bubble-colour='700'] svg path {stroke:var(--clr-red-700); fill:var(--clr-neutral-100);}

@media (min-width:576px) {
    .speech-bubble-outline {padding:2rem;}
}



/* -------------------------
   Section Support
------------------------- */
.impact-report-support {position:relative; z-index:3; overflow-x:clip;}
.support-circle-grid {display:grid; grid-template-columns:1fr; grid-template-rows:auto;
    grid-template-areas:
        "supportcircle"
        "workplace"
        "crisis"
        "life";
}

.support-circle-container {grid-area:supportcircle; align-self:center;}
.support-circle {position:relative;}
.support-circle svg {overflow:visible;}
.support-circle-title {font-size:20px; margin-bottom:1.75rem;}
.support-circle .support-crisis {z-index:3; position:relative;}
.support-circle .support-workplace {z-index:2; position:relative;}
.support-circle .support-life {z-index:1; position:relative;}
.workplace-info,
.life-info {align-self:flex-start;}
.workplace-info>div,
.crisis-info>div,
.life-info>div {font-size:24px; display:flex; gap:1rem; align-items:center; line-height:1;}

.workplace-info {grid-area:workplace; color:var(--clr-neutral-700); margin-bottom:2rem;}
.crisis-info {grid-area:crisis; align-self:center; color:var(--clr-red-400);}
.life-info {grid-area:life; color:var(--clr-red-700);}

.crisis-info img  {height:60px; width:auto; margin-bottom:.5rem;}
.workplace-info img,
.life-info img {height:70px; width:auto; margin-bottom:.5rem;}

.workplace-info ul,
.crisis-info ul,
.life-info ul {list-style:none; padding:0; margin:0;}

.workplace-info li,
.crisis-info li,
.life-info li {display:flex; align-items:flex-start; gap:10px; margin-bottom:0.2rem;}

.workplace-info li::before,
.crisis-info li::before,
.life-info li::before {content:""; width:8px; height:8px; border-radius:50%; flex-shrink:0; margin-top:0.45em;}

.workplace-info li,
.life-info li {justify-content:flex-start;}

.workplace-info li::before {background:var(--clr-neutral-700);}
.life-info li::before {background:var(--clr-red-700);}
.crisis-info li::before {background:var(--clr-red-400);}

@media (min-width:420px) {
    .support-circle-title {position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); text-align:center; width:34%; font-size:16px;}
}

@media (min-width:576px) {
    .workplace-info>div img {transform:translateY(-10px);}
    .life-info>div img {transform:translateY(-10px);}
    .workplace-info {margin-bottom:0;}
    .support-circle-grid {display:grid; grid-template-columns:1fr 1fr;
        grid-template-areas:
        "supportcircle supportcircle"
            "workplace crisis"
            "life .";
    }
   .support-circle-container {width:400px; margin:0 auto;}
}

@media (min-width:768px) {
    .support-circle-grid {display:grid; grid-template-columns:1fr 1fr 1fr;
        grid-template-areas:
        "supportcircle supportcircle supportcircle"
            "workplace crisis life";
    }
}

@media (min-width:992px) {
    .support-circle-title {font-size:18px;}
    .support-circle-container {width:unset; margin:unset;}
    .support-circle-grid {display:grid; grid-template-columns:.5fr 1fr .5fr; grid-template-rows:1fr 1fr;
        grid-template-areas:
            "workplace supportcircle crisis"
            "life supportcircle crisis";
    }
    .crisis-info {margin-top:-70px;}
    .crisis-info img {margin-left:auto;}
    .crisis-info li {justify-content:flex-end;}
    .crisis-info li::before {order:2;}
    .workplace-info>div strong,
    .crisis-info>div strong,
    .life-info>div strong {display:none;}
    .workplace-info>div img,
    .life-info>div img {transform:unset;}
    .workplace-info,
    .crisis-info,
    .life-info {position:relative; padding-bottom:25px;}
    .workplace-info::after,
    .crisis-info::after,
    .life-info::after {content:''; height:25px; width:110%; margin-left:3px; border-bottom:1px solid var(--clr-neutral-700); border-left:1px solid var(--clr-neutral-700); border-bottom-left-radius:.75rem; position:absolute; bottom:0; left:0;}
    .life-info::after {border-color:var(--clr-red-700); width:160%;}
    .crisis-info::after {border-left:0; border-bottom-left-radius:0; border-right:1px solid var(--clr-red-400); border-bottom-right-radius:.75rem; border-bottom-color:var(--clr-red-400);}
    .crisis-info::after {width:120%; margin-left:calc(-20% - 3px);}
}   



/* -------------------------
   Section Numbers
------------------------- */
.numbers-carousel-container {position:relative; line-height:1; border:1px solid var(--clr-red-400); display:flex; align-items:center; border-radius:1rem; height:400px;}
.numbers-carousel-container .swiper {width:100%; height:100%;}
.numbers-carousel-container .swiper-wrapper {height:100%; align-items:stretch;}
.numbers-carousel-container .swiper-slide {height:100%; display:flex; justify-content:center; align-items:center; padding:3rem;}
.swiper-slide.slide-important {background:var(--clr-red-400); color:var(--clr-neutral-100); border-radius:1rem;}
.numbers-container img {height:100px; width:auto; margin-left:auto;}
.numbers-container {display:flex; gap:1rem; width:100%; font-size:24px; align-items:center; flex-direction:column; text-align:center;}
.swiper-pagination-bullet {opacity:1 !important; background:var(--clr-neutral-400) !important;}
.swiper-pagination-bullet:hover,
.swiper-pagination-bullet-active {background:var(--clr-red-400) !important;}
.swiper-pagination {position:relative; display:inline-flex; justify-content:center; gap:6px;}
.swiper-pagination[data-align="left"] {justify-content:flex-start;}
.swiper-pagination[data-align="right"] {justify-content:flex-end;}
.numbers-slider-pagination {position:relative !important; margin-top:2rem;}

@media (min-width:480px) {
    .numbers-container img {height:120px;}
    .numbers-container {font-size:30px;}
}

@media (min-width:768px) {
    .numbers-container img {height:140px;}
    .numbers-container {font-size:42px;flex-direction:row; text-align:left;}
    .numbers-container>div:first-child {flex:0 0 45%; justify-self:flex-end;}
    .numbers-container>div:last-child {flex:0 0 55%;}   
    img.icon-numbers-padlock {margin-right:12%}
}

@media (min-width:992px) {
    .numbers-container img {height:200px;}
    .numbers-container {font-size:52px;}
}



/* -------------------------
   Section Stats
------------------------- */
.impact-report-statistics {position:relative; z-index:3;}
.flourish-credit {display:none;}



/* -------------------------
   Section UNLOCKED
------------------------- */
.box-rounded {background:var(--clr-red-700); color:var(--clr-neutral-100); border-radius:1rem; padding:1.5rem;}

.impact-report-unlocked .unlockedTitle svg {overflow:visible;}
.impact-report-unlocked .unlockedTitle,
.impact-report-unlocked .unlockedTitle span {color:var(--clr-neutral-100);}
.impact-report-unlocked .unlockedTitle span[data-animate='slide-up'] {display:block;}
.impact-report-unlocked .unlockedTitle svg {margin-left:auto;}
.impact-report-unlocked .unlockedTitle {font-size:21vw; line-height:1; font-family:'Circular Std Black';}

@media (min-width:576px) {
    .impact-report-unlocked .unlockedTitle {font-size:118px;}
}

@media (min-width:768px) {
    .impact-report-unlocked .unlockedTitle {font-size:160px;}
    .impact-report-unlocked .unlockedTitle svg {max-width:680px;}
}



/* -------------------------
   Section GRANTS
------------------------- */
.impact-report-grants .grantsTitle {font-size:17vw; line-height:1; font-family:'Circular Std Black';}

@media (min-width:576px) {
    .impact-report-grants .grantsTitle {font-size:12.5vw;}
}

@media (min-width:768px) {
    .impact-report-grants .grantsTitle {font-size:128px;}
}

@media (min-width:992px) {
    .impact-report-grants .grantsTitle {font-size:175px;}
}

@media (min-width:1200px) {
    .impact-report-grants .grantsTitle {font-size:208px;}
}

.impact-support-wrapper .impact-report-grants .grantsTitle span[data-animate='counter'] {color:var(--clr-blue-700);}
.impact-report-grants .intro-para {font-size:30px; line-height:1.1;}
.impact-report-grants .btn {background-color:var(--clr-blue-700); border-color:var(--clr-blue-700);}



/* -------------------------
   Section EAP 
------------------------- */
.impact-report-eap {overflow-x:clip;}
.impact-report-eap .eapTitle {font-size:120px; line-height:1; margin-right:-7%; font-family:'Circular Std Black';}
.impact-report-eap .eapTitle span {display:inline-block;}
.impact-report-eap .eapTitle span:last-child {transform:translateX(-30px);}
.impact-support-wrapper .impact-report-eap .sectionTitle[data-animate="eapHeadline"] span {color:var(--clr-yellow-700);}

.counter-list {display:flex; flex-direction:column; gap:1rem; margin-bottom:1.75rem;}
.counter-list>div {display:flex; font-size:20px; line-height:1.1; gap:0.5rem;}
.counter-list>div>div:first-child {flex:0 0 80px; align-self:center;}
.counter-list>div>div:first-child img {height:48px;}
.counter-list div strong:first-child {color:var(--clr-neutral-100); font-size:30px;}

.impact-report-cta {color:var(--clr-neutral-100); max-width:320px; display:flex; gap:0.5rem;}
.impact-report-cta a {color:var(--clr-yellow-700);}
.impact-report-eap .btn {background-color:var(--clr-yellow-700); border-color:var(--clr-yellow-700);}

@media (min-width:440px) {
    .impact-report-eap .eapTitle {font-size:180px;}
    .impact-report-eap .eapTitle  span:last-child {transform:translateX(-50px);}
    .impact-report-eap .eapTitle {margin-right:-5%;}
}



/* -------------------------
   Section FUNDRAISING
------------------------- */
.impact-report-fundraising {min-height:600px; overflow-x:clip;}
.impact-report-fundraising h2 {font-size:12.5vw;}

@media (min-width:576px) {
    .impact-report-fundraising h2 {font-size:9.5vw;}
}

@media (min-width:992px) {
    .impact-report-fundraising h2 {font-size:128px;}
}

@media (min-width:1200px) {
    .impact-report-fundraising h2 {font-size:152px;}
}

[data-animate="fundraisingHeadline"] {display:flex; line-height:.8; overflow:hidden; justify-content:center;}

.impact-support-wrapper .impact-report-fundraising .sectionTitle[data-animate="fundraisingHeadline"] span {color:var(--clr-purple-700);}
.impact-report-fundraising .intro-para {max-width:668px; margin:0 auto;}
.impact-report-fundraising [data-animate='counter'],
.impact-report-fundraising .pound {color:var(--clr-neutral-100);}
.matts-story-description {color:var(--clr-neutral-100);}

.impact-report-fundraising .swiper-pagination-bullet {background:var(--clr-purple-700) !important;}
.impact-report-fundraising .swiper-pagination-bullet:hover,
.impact-report-fundraising .swiper-pagination-bullet-active {background:var(--clr-neutral-100) !important;}

@media (max-width:575px) {
  .three-col-slider {overflow:visible; padding:0 20px; margin-left:-20px; margin-right:-20px; width:100vw;}
}
@media (min-width:576px) and (max-width:767px) {
  .three-col-slider {overflow:visible; padding:0 20px; margin-left:-20px; margin-right:-20px; width:calc((100vw - 540px) / 2 + 540px);}
}
@media (max-width:767px) {
    .three-col-slider,
    .three-col-carousel-container {padding-right:20px;}
}

.highlights-list ul {display:grid; grid-template-columns:1fr; row-gap:1rem; list-style:none;}
.highlights-list ul li {position: relative; padding-left:30px; padding-right:1rem;}
.highlights-list ul li::before {content:''; position:absolute; top:0; left:0; width:20px; height:20px; background-image:url(/images/impact-report-2025/icon-star.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain;}
.highlights-list ul li strong:first-child {color:var(--clr-neutral-100);}

@media (min-width:600px) {
    .highlights-list ul {grid-template-columns:repeat(2,1fr); column-gap:24px;}
}

@media (min-width:768px) {
    .highlights-list ul {grid-template-columns:repeat(3,1fr); row-gap:2rem;}
}

.highlights-images {display:flex; gap:1rem; margin-bottom:3rem;}
.highlights-images img {border-radius:1rem;}
.highlights-images>div:nth-child(3),
.highlights-images>div:nth-child(4) {display:none;}

@media (min-width:768px) {
    .highlights-images>div:nth-child(3) {display:block;}
}

@media (min-width:992px) {
    .highlights-images>div:nth-child(4) {display:block;}
}

.fundraiaing-invisible-chips {background-color:var(--clr-yellow-400); color:var(--clr-yellow-700); padding:2rem; border-radius:1rem;}
.fundraiaing-invisible-chips .sectionTitle {color:var(--clr-neutral-100) !important;}
.fundraiaing-invisible-chips>div {display:flex; gap:1rem;}
.fundraiaing-invisible-chips>div>div:last-child {width:160px; margin-left:auto;}
.fundraiaing-invisible-chips>div>div:last-child img {margin-top:-4vw;}

@media (min-width:576px) {
    .fundraiaing-invisible-chips>div>div:last-child img {margin-top:-26px;}
}

.fundraising-carousel p {padding-right:1rem;}
.fundraising-carousel-title {display:flex; gap:1rem; align-items:flex-end; margin-bottom:0.6rem; margin-right:1rem;}
.fundraising-carousel-title .sectionTitleH3 {color:var(--clr-neutral-100) !important;}
.fundraising-carousel-title>div:last-child {margin-left:auto;}
.fundraising-carousel-title img {height:80px; width:auto;}

.fundraising-carousel-logos {max-width:200px; margin-right:1rem; margin-bottom:1.75rem;}

.impact-report-fundraising .impact-report-cta a {color:var(--clr-purple-700);}
.impact-report-fundraising .impact-report-cta a:hover {color:var(--clr-neutral-100);}
.impact-report-fundraising .btn {background-color:var(--clr-purple-700); border-color:var(--clr-purple-700);}



/* -------------------------
   Golden Friends
------------------------- */
.impact-report-friends .container {padding-bottom:0 !important;}
.golden-friends-list>div {display:flex; gap:1rem; margin-bottom:1rem;}
.golden-friends-list>div strong {color:var(--clr-red-400);}
.golden-friends-list>div>div:first-child {flex:0 0 80px; align-self:center;}