{"id":2,"date":"2024-11-20T14:26:41","date_gmt":"2024-11-20T14:26:41","guid":{"rendered":"https:\/\/rootsupportfoundation.org\/?page_id=2"},"modified":"2026-04-08T21:54:52","modified_gmt":"2026-04-08T21:54:52","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/rootsupportfoundation.org\/?page_id=2","title":{"rendered":"Impact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bbce4f e-flex e-con-boxed e-con e-parent\" data-id=\"8bbce4f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e60f0a5 elementor-widget elementor-widget-shortcode\" data-id=\"e60f0a5\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=DM+Sans:wght@300;400;500&display=swap');\n\n        .rsf-impact-wrap {\n            --green-deep:  #0d4a2f;\n            --green-mid:   #1a7a4a;\n            --green-light: #2daa6a;\n            --green-pale:  #e8f5ee;\n            --green-muted: #c3dfd0;\n            --gold:        #c8a85a;\n            --text-dark:   #0f1f17;\n            --text-body:   #2e4039;\n            --text-muted:  #5a7266;\n            --white:       #ffffff;\n\n            font-family: 'DM Sans', sans-serif;\n            color: var(--text-body);\n            background: transparent;\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 0 20px 80px;\n            box-sizing: border-box;\n        }\n\n        .rsf-impact-wrap *,\n        .rsf-impact-wrap *::before,\n        .rsf-impact-wrap *::after {\n            box-sizing: border-box;\n        }\n\n        \/* \u2500\u2500 Section label \u2500\u2500 *\/\n        .rsf-section-label {\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            margin-bottom: 48px;\n        }\n        .rsf-section-label span {\n            font-family: 'DM Sans', sans-serif;\n            font-size: 11px;\n            font-weight: 500;\n            letter-spacing: 0.22em;\n            text-transform: uppercase;\n            color: var(--green-mid);\n        }\n        .rsf-section-label::before {\n            content: '';\n            display: block;\n            width: 36px;\n            height: 2px;\n            background: var(--green-light);\n            flex-shrink: 0;\n        }\n        .rsf-section-label::after {\n            content: '';\n            display: block;\n            flex: 1;\n            height: 1px;\n            background: var(--green-muted);\n        }\n\n        \/* \u2500\u2500 Story card \u2500\u2500 *\/\n        .rsf-story {\n            position: relative;\n            margin-bottom: 80px;\n            opacity: 0;\n            transform: translateY(32px);\n            transition: opacity 0.7s ease, transform 0.7s ease;\n        }\n        .rsf-story.rsf-visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        .rsf-story:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* \u2500\u2500 Story inner layout \u2500\u2500 *\/\n        .rsf-story-inner {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 0;\n            border-radius: 4px;\n            overflow: hidden;\n            box-shadow: 0 8px 40px rgba(13, 74, 47, 0.12);\n        }\n        .rsf-story.rsf-reverse .rsf-story-inner {\n            direction: rtl;\n        }\n        .rsf-story.rsf-reverse .rsf-story-inner > * {\n            direction: ltr;\n        }\n\n        \/* \u2500\u2500 Image pane \u2500\u2500 *\/\n        .rsf-story-media {\n            position: relative;\n            min-height: 460px;\n            overflow: hidden;\n        }\n        .rsf-story-media img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center;\n            display: block;\n            transition: transform 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .rsf-story:hover .rsf-story-media img {\n            transform: scale(1.04);\n        }\n        .rsf-story-media::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(135deg, rgba(13, 74, 47, 0.35) 0%, transparent 60%);\n            pointer-events: none;\n        }\n\n        \/* \u2500\u2500 Gallery (3 images) \u2500\u2500 *\/\n        .rsf-gallery {\n            display: grid;\n            grid-template-rows: 2fr 1fr;\n            grid-template-columns: 1fr 1fr;\n            height: 100%;\n            min-height: 460px;\n            gap: 3px;\n        }\n        .rsf-gallery-main {\n            grid-row: 1 \/ 2;\n            grid-column: 1 \/ 3;\n            overflow: hidden;\n        }\n        .rsf-gallery-main img,\n        .rsf-gallery-thumb img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            transition: transform 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .rsf-story:hover .rsf-gallery-main img,\n        .rsf-story:hover .rsf-gallery-thumb img {\n            transform: scale(1.04);\n        }\n        .rsf-gallery-thumb {\n            overflow: hidden;\n        }\n\n        \/* \u2500\u2500 Number badge \u2500\u2500 *\/\n        .rsf-story-num {\n            position: absolute;\n            top: 24px;\n            left: 24px;\n            z-index: 2;\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 72px;\n            font-weight: 600;\n            color: rgba(255, 255, 255, 0.18);\n            line-height: 1;\n            user-select: none;\n        }\n\n        \/* \u2500\u2500 Content pane \u2500\u2500 *\/\n        .rsf-story-content {\n            background: var(--white);\n            padding: 52px 48px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            position: relative;\n        }\n        .rsf-story-content::before {\n            content: '';\n            position: absolute;\n            top: 52px;\n            left: 0;\n            width: 4px;\n            height: 56px;\n            background: linear-gradient(to bottom, var(--green-light), var(--green-mid));\n            border-radius: 0 2px 2px 0;\n        }\n\n        .rsf-story-tag {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: var(--green-pale);\n            color: var(--green-deep);\n            font-size: 10.5px;\n            font-weight: 500;\n            letter-spacing: 0.16em;\n            text-transform: uppercase;\n            padding: 6px 14px;\n            border-radius: 2px;\n            margin-bottom: 20px;\n            width: fit-content;\n        }\n        .rsf-story-tag::before {\n            content: '';\n            display: block;\n            width: 6px;\n            height: 6px;\n            background: var(--green-light);\n            border-radius: 50%;\n        }\n\n        .rsf-story-title {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 30px;\n            font-weight: 600;\n            color: var(--green-deep);\n            line-height: 1.28;\n            margin: 0 0 20px;\n        }\n\n        .rsf-story-divider {\n            width: 40px;\n            height: 2px;\n            background: var(--gold);\n            margin-bottom: 20px;\n        }\n\n        .rsf-story-body {\n            font-size: 14.5px;\n            font-weight: 300;\n            line-height: 1.82;\n            color: var(--text-body);\n            margin: 0 0 24px;\n        }\n\n        \/* \u2500\u2500 Stats row \u2500\u2500 *\/\n        .rsf-stats {\n            display: flex;\n            gap: 28px;\n            margin-top: 8px;\n            padding-top: 24px;\n            border-top: 1px solid var(--green-muted);\n            flex-wrap: wrap;\n        }\n        .rsf-stat {\n            display: flex;\n            flex-direction: column;\n            gap: 3px;\n        }\n        .rsf-stat-num {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 34px;\n            font-weight: 600;\n            color: var(--green-mid);\n            line-height: 1;\n        }\n        .rsf-stat-label {\n            font-size: 11px;\n            font-weight: 400;\n            color: var(--text-muted);\n            letter-spacing: 0.06em;\n        }\n\n        \/* \u2500\u2500 Separator \u2500\u2500 *\/\n        .rsf-separator {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            margin: 0 0 80px;\n            opacity: 0;\n            transition: opacity 0.6s ease 0.3s;\n        }\n        .rsf-separator.rsf-visible {\n            opacity: 1;\n        }\n        .rsf-separator::before,\n        .rsf-separator::after {\n            content: '';\n            flex: 1;\n            height: 1px;\n            background: var(--green-muted);\n        }\n        .rsf-sep-icon {\n            width: 10px;\n            height: 10px;\n            background: var(--green-light);\n            transform: rotate(45deg);\n        }\n\n        \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n        @media (max-width: 768px) {\n            .rsf-story-inner {\n                grid-template-columns: 1fr;\n                direction: ltr !important;\n            }\n            .rsf-story.rsf-reverse .rsf-story-inner > * {\n                direction: ltr;\n            }\n            .rsf-story-media,\n            .rsf-gallery {\n                min-height: 280px;\n            }\n            .rsf-story-content {\n                padding: 36px 28px;\n            }\n            .rsf-story-title {\n                font-size: 24px;\n            }\n        }\n        @media (max-width: 480px) {\n            .rsf-story-content {\n                padding: 28px 20px;\n            }\n            .rsf-stats {\n                gap: 20px;\n            }\n        }\n    <\/style>\n\n    <div class=\"rsf-impact-wrap\">\n\n        <div class=\"rsf-section-label\"><span>Impact Stories<\/span><\/div>\n\n        <!-- \u2500\u2500 STORY 1: Street to Strength \u2500\u2500 -->\n        <div class=\"rsf-story\" id=\"rsf-s1\">\n            <div class=\"rsf-story-inner\">\n\n                <div class=\"rsf-story-media\">\n                    <span class=\"rsf-story-num\">01<\/span>\n                    <div class=\"rsf-gallery\">\n                        <div class=\"rsf-gallery-main\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/rootsupportfoundation.org\/wp-content\/uploads\/2026\/04\/IMG-20251119-WA0007.jpg.jpeg\"\n                                alt=\"Street feeding outreach \u2013 main\"\n                            >\n                        <\/div>\n                        <div class=\"rsf-gallery-thumb\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/rootsupportfoundation.org\/wp-content\/uploads\/2026\/04\/IMG-20251119-WA0005.jpg.jpeg\"\n                                alt=\"Street feeding outreach \u2013 moment 2\"\n                            >\n                        <\/div>\n                        <div class=\"rsf-gallery-thumb\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/rootsupportfoundation.org\/wp-content\/uploads\/2026\/04\/IMG-20251119-WA0006.jpg.jpeg\"\n                                alt=\"Street feeding outreach \u2013 moment 3\"\n                            >\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"rsf-story-content\">\n                    <div class=\"rsf-story-tag\">Feeding &amp; Outreach &middot; 2025<\/div>\n                    <h2 class=\"rsf-story-title\">Street to Strength: 6-Month Youth Feeding &amp; Outreach Program<\/h2>\n                    <div class=\"rsf-story-divider\"><\/div>\n                    <p class=\"rsf-story-body\">\n                        Across the busy streets of Kampala, a mission of compassion came to life&mdash;reaching the city&rsquo;s most vulnerable children where they needed it most. Over six months, the program reached nearly <strong>200 street children<\/strong>, restoring not just nourishment, but dignity and hope.\n                    <\/p>\n                    <p class=\"rsf-story-body\">\n                        Outreach spanned more than 150 streets across Kisenyi, Katwe, Nakasero, Wandegeya, Makerere, and Bwaise. Each visit was more than a food distribution&mdash;it was a moment of care. Volunteers sat with the children, shared meals, listened to their stories, and created a sense of belonging. The simple act of sharing a meal became a powerful tool for connection and change.\n                    <\/p>\n                    <div class=\"rsf-stats\">\n                        <div class=\"rsf-stat\">\n                            <span class=\"rsf-stat-num\">200<\/span>\n                            <span class=\"rsf-stat-label\">Children Reached<\/span>\n                        <\/div>\n                        <div class=\"rsf-stat\">\n                            <span class=\"rsf-stat-num\">150+<\/span>\n                            <span class=\"rsf-stat-label\">Streets Covered<\/span>\n                        <\/div>\n                        <div class=\"rsf-stat\">\n                            <span class=\"rsf-stat-num\">6<\/span>\n                            <span class=\"rsf-stat-label\">Months of Service<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div><!-- \/story 1 -->\n\n        <!-- Separator -->\n        <div class=\"rsf-separator\" id=\"rsf-sep\">\n            <div class=\"rsf-sep-icon\"><\/div>\n        <\/div>\n\n        <!-- \u2500\u2500 STORY 2: Skills in Motion \u2500\u2500 -->\n        <div class=\"rsf-story rsf-reverse\" id=\"rsf-s2\">\n            <div class=\"rsf-story-inner\">\n\n                <div class=\"rsf-story-media\">\n                    <span class=\"rsf-story-num\">02<\/span>\n                    <img decoding=\"async\"\n                        src=\"https:\/\/rootsupportfoundation.org\/wp-content\/uploads\/2025\/03\/IMG_3915-scaled.jpg\"\n                        alt=\"Youth machinery training\"\n                    >\n                <\/div>\n\n                <div class=\"rsf-story-content\">\n                    <div class=\"rsf-story-tag\">Skills Training &middot; 2025<\/div>\n                    <h2 class=\"rsf-story-title\">Skills in Motion: Youth Machinery Training Initiative<\/h2>\n                    <div class=\"rsf-story-divider\"><\/div>\n                    <p class=\"rsf-story-body\">\n                        Across communities like Mengo, Ndeeba, Nateete, Katwe, and Bwaise, a powerful transformation unfolded over six months&mdash;driven by opportunity, hands-on learning, and the determination of young people ready to change their future.\n                    <\/p>\n                    <p class=\"rsf-story-body\">\n                        Over <strong>100 underprivileged youths<\/strong> were empowered with practical, income-generating skills in heavy machinery operation, including excavators. The community-based approach removed barriers to access, ensuring even the most vulnerable youth could participate. By the end, participants walked away with certified competencies and a renewed sense of purpose&mdash;ready for the workforce, small business, and community development.\n                    <\/p>\n                    <div class=\"rsf-stats\">\n                        <div class=\"rsf-stat\">\n                            <span class=\"rsf-stat-num\">100+<\/span>\n                            <span class=\"rsf-stat-label\">Youths Trained<\/span>\n                        <\/div>\n                        <div class=\"rsf-stat\">\n                            <span class=\"rsf-stat-num\">5<\/span>\n                            <span class=\"rsf-stat-label\">Communities Served<\/span>\n                        <\/div>\n                        <div class=\"rsf-stat\">\n                            <span class=\"rsf-stat-num\">100%<\/span>\n                            <span class=\"rsf-stat-label\">Certified Graduates<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div><!-- \/story 2 -->\n\n    <\/div><!-- \/rsf-impact-wrap -->\n\n    <script>\n    (function () {\n        var els = document.querySelectorAll('.rsf-story, .rsf-separator');\n        if (!els.length) return;\n        var io = new IntersectionObserver(function (entries) {\n            entries.forEach(function (e) {\n                if (e.isIntersecting) {\n                    e.target.classList.add('rsf-visible');\n                }\n            });\n        }, { threshold: 0.1 });\n        els.forEach(function (el) { io.observe(el); });\n    })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"give_campaign_id":0,"inline_featured_image":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/rootsupportfoundation.org\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rootsupportfoundation.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rootsupportfoundation.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rootsupportfoundation.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rootsupportfoundation.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":4,"href":"https:\/\/rootsupportfoundation.org\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":1537,"href":"https:\/\/rootsupportfoundation.org\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/1537"}],"wp:attachment":[{"href":"https:\/\/rootsupportfoundation.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}