{"id":207,"date":"2026-09-28T23:24:17","date_gmt":"2026-09-28T23:24:17","guid":{"rendered":"https:\/\/kumbangcx.com\/faf\/?page_id=207"},"modified":"2026-09-28T23:46:37","modified_gmt":"2026-09-28T23:46:37","slug":"gallery","status":"publish","type":"page","link":"https:\/\/kumbangcx.com\/faf\/gallery\/","title":{"rendered":"Gallery"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"207\" class=\"elementor elementor-207\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a1879d e-con-full e-flex e-con e-parent\" data-id=\"0a1879d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2087b19 elementor-widget elementor-widget-html\" data-id=\"2087b19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n FOOD AID FOUNDATION\r\n INNER PAGE \u2014 GALLERY\r\n COMPLETE ELEMENTOR HTML WIDGET\r\n========================================================= -->\r\n\r\n<section class=\"faf-gallery-page\">\r\n\r\n\r\n    <!-- =====================================================\r\n    HERO \/ INNER PAGE BANNER\r\n    ====================================================== -->\r\n\r\n    <section class=\"faf-gallery-hero\">\r\n\r\n        <div class=\"faf-gallery-hero-bg\"><\/div>\r\n        <div class=\"faf-gallery-hero-overlay\"><\/div>\r\n        <div class=\"faf-gallery-hero-grid\"><\/div>\r\n\r\n        <div class=\"faf-gallery-hero-container\">\r\n\r\n            <div class=\"faf-gallery-hero-content\">\r\n\r\n                <div class=\"faf-gallery-breadcrumb\">\r\n                    <span>HOME<\/span>\r\n                    <b>\/<\/b>\r\n                    <span>EXPLORE<\/span>\r\n                <\/div>\r\n\r\n                <h1>\r\n                    GALLERY\r\n                <\/h1>\r\n\r\n                <p>\r\n                    A visual journey through the people,\r\n                    partnerships and moments that shape our work.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"faf-gallery-hero-strip\">\r\n            FOODBANKING FOR THE NEEDY\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n    INTRODUCTION\r\n    ====================================================== -->\r\n\r\n    <section class=\"faf-gallery-intro-section\">\r\n\r\n        <div class=\"faf-gallery-container\">\r\n\r\n            <div class=\"faf-gallery-intro faf-gallery-reveal\">\r\n\r\n                <div class=\"faf-gallery-eyebrow\">\r\n                    <span><\/span>\r\n                    OUR JOURNEY IN PICTURES\r\n                    <span><\/span>\r\n                <\/div>\r\n\r\n                <h2>\r\n                    Stories Captured.<br>\r\n                    <strong>Moments Remembered.<\/strong>\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Explore Food Aid Foundation's journey through\r\n                    the moments, people and activities that have\r\n                    shaped our work over the years. Select an\r\n                    album below to view the gallery.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n    GALLERY ALBUMS\r\n    ====================================================== -->\r\n\r\n    <section class=\"faf-gallery-albums\">\r\n\r\n        <div class=\"faf-gallery-container\">\r\n\r\n            <div class=\"faf-gallery-album-grid\">\r\n\r\n\r\n                <!-- =========================================\r\n                01 \u2014 HUMBLE BEGINNINGS\r\n                ========================================== -->\r\n\r\n                <article class=\"faf-gallery-album faf-gallery-reveal\">\r\n\r\n                    <a href=\"#\"\r\n                       class=\"faf-gallery-cover\"\r\n                       aria-label=\"View Humble Beginnings Gallery\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/2-Humble-Beginning-Cover.png\"\r\n                            alt=\"Humble Beginnings\">\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <div class=\"faf-gallery-album-info\">\r\n\r\n                        <span class=\"faf-gallery-number\">\r\n                            01\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Humble Beginnings\r\n                        <\/h3>\r\n\r\n                        <a href=\"https:\/\/kumbangcx.com\/faf\/gallery\/gallery-humble-beginnings\/\"\r\n                           class=\"faf-gallery-button\">\r\n\r\n                            <span>\r\n                                VIEW GALLERY\r\n                            <\/span>\r\n\r\n                            <b>\u2192<\/b>\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                02 \u2014 OPERATIONS\r\n                ========================================== -->\r\n\r\n                <article class=\"faf-gallery-album faf-gallery-reveal\">\r\n\r\n                    <a href=\"#\"\r\n                       class=\"faf-gallery-cover\"\r\n                       aria-label=\"View Operations Gallery\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/3-Operation-Cover.png\"\r\n                            alt=\"Operations\">\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <div class=\"faf-gallery-album-info\">\r\n\r\n                        <span class=\"faf-gallery-number\">\r\n                            02\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Operations\r\n                        <\/h3>\r\n\r\n                        <a href=\"https:\/\/kumbangcx.com\/faf\/gallery\/gallery-operations\/\"\r\n                           class=\"faf-gallery-button\">\r\n\r\n                            <span>\r\n                                VIEW GALLERY\r\n                            <\/span>\r\n\r\n                            <b>\u2192<\/b>\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                03 \u2014 CORPORATE SOCIAL RESPONSIBILITIES\r\n                ========================================== -->\r\n\r\n                <article class=\"faf-gallery-album faf-gallery-reveal\">\r\n\r\n                    <a href=\"#\"\r\n                       class=\"faf-gallery-cover\"\r\n                       aria-label=\"View Corporate Social Responsibilities Gallery\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/4-Corporate-Social-Responsibilities-Cover.png\"\r\n                            alt=\"Corporate Social Responsibilities\">\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <div class=\"faf-gallery-album-info\">\r\n\r\n                        <span class=\"faf-gallery-number\">\r\n                            03\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Corporate Social Responsibilities\r\n                        <\/h3>\r\n\r\n                        <a href=\"#\"\r\n                           class=\"faf-gallery-button\">\r\n\r\n                            <span>\r\n                                VIEW GALLERY\r\n                            <\/span>\r\n\r\n                            <b>\u2192<\/b>\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                04 \u2014 EMPOWERMENT\r\n                ========================================== -->\r\n\r\n                <article class=\"faf-gallery-album faf-gallery-reveal\">\r\n\r\n                    <a href=\"#\"\r\n                       class=\"faf-gallery-cover\"\r\n                       aria-label=\"View Empowerment Gallery\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/5-Empowerment-Cover.png\"\r\n                            alt=\"Empowerment\">\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <div class=\"faf-gallery-album-info\">\r\n\r\n                        <span class=\"faf-gallery-number\">\r\n                            04\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Empowerment\r\n                        <\/h3>\r\n\r\n                        <a href=\"#\"\r\n                           class=\"faf-gallery-button\">\r\n\r\n                            <span>\r\n                                VIEW GALLERY\r\n                            <\/span>\r\n\r\n                            <b>\u2192<\/b>\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                05 \u2014 VOLUNTEERISM\r\n                ========================================== -->\r\n\r\n                <article class=\"faf-gallery-album faf-gallery-reveal\">\r\n\r\n                    <a href=\"#\"\r\n                       class=\"faf-gallery-cover\"\r\n                       aria-label=\"View Volunteerism Gallery\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/6-Volunteerism-Cover.png\"\r\n                            alt=\"Volunteerism\">\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <div class=\"faf-gallery-album-info\">\r\n\r\n                        <span class=\"faf-gallery-number\">\r\n                            05\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Volunteerism\r\n                        <\/h3>\r\n\r\n                        <a href=\"#\"\r\n                           class=\"faf-gallery-button\">\r\n\r\n                            <span>\r\n                                VIEW GALLERY\r\n                            <\/span>\r\n\r\n                            <b>\u2192<\/b>\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                06 \u2014 TRANSPARENCY & ACCOUNTABILITY\r\n                ========================================== -->\r\n\r\n                <article class=\"faf-gallery-album faf-gallery-reveal\">\r\n\r\n                    <a href=\"#\"\r\n                       class=\"faf-gallery-cover\"\r\n                       aria-label=\"View Transparency and Accountability Gallery\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/7-Transparency-and-Accountability-Cover.png\"\r\n                            alt=\"Transparency and Accountability\">\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <div class=\"faf-gallery-album-info\">\r\n\r\n                        <span class=\"faf-gallery-number\">\r\n                            06\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Transparency &amp; Accountability\r\n                        <\/h3>\r\n\r\n                        <a href=\"#\"\r\n                           class=\"faf-gallery-button\">\r\n\r\n                            <span>\r\n                                VIEW GALLERY\r\n                            <\/span>\r\n\r\n                            <b>\u2192<\/b>\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                07 \u2014 GROWTH & REACH\r\n                ========================================== -->\r\n\r\n                <article class=\"faf-gallery-album faf-gallery-reveal\">\r\n\r\n                    <a href=\"#\"\r\n                       class=\"faf-gallery-cover\"\r\n                       aria-label=\"View Growth and Reach Gallery\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/8-Growth-and-Reach-Cover.png\"\r\n                            alt=\"Growth and Reach\">\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <div class=\"faf-gallery-album-info\">\r\n\r\n                        <span class=\"faf-gallery-number\">\r\n                            07\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Growth &amp; Reach\r\n                        <\/h3>\r\n\r\n                        <a href=\"#\"\r\n                           class=\"faf-gallery-button\">\r\n\r\n                            <span>\r\n                                VIEW GALLERY\r\n                            <\/span>\r\n\r\n                            <b>\u2192<\/b>\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                08 \u2014 HUMANITARIAN AID\r\n                ========================================== -->\r\n\r\n                <article class=\"faf-gallery-album faf-gallery-reveal\">\r\n\r\n                    <a href=\"#\"\r\n                       class=\"faf-gallery-cover\"\r\n                       aria-label=\"View Humanitarian Aid Gallery\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/9-Humanitarian-Aid-Cover.png\"\r\n                            alt=\"Humanitarian Aid\">\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <div class=\"faf-gallery-album-info\">\r\n\r\n                        <span class=\"faf-gallery-number\">\r\n                            08\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Humanitarian Aid\r\n                        <\/h3>\r\n\r\n                        <a href=\"#\"\r\n                           class=\"faf-gallery-button\">\r\n\r\n                            <span>\r\n                                VIEW GALLERY\r\n                            <\/span>\r\n\r\n                            <b>\u2192<\/b>\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n FOOD AID FOUNDATION \u2014 GALLERY INNER PAGE\r\n========================================================= *\/\r\n\r\n.faf-gallery-page {\r\n\r\n    --green:#249858;\r\n    --green-dark:#176F43;\r\n    --green-deep:#105A37;\r\n\r\n    --lime:#8DC63F;\r\n\r\n    --blue:#223982;\r\n    --blue-dark:#172A70;\r\n\r\n    --ink:#17231D;\r\n    --grey:#66736C;\r\n\r\n    --light:#F5F8F5;\r\n    --line:#DDE7E0;\r\n\r\n    width:100%;\r\n\r\n    margin:0;\r\n    padding:0;\r\n\r\n    font-family:\r\n        \"Roboto\",\r\n        sans-serif;\r\n\r\n    color:var(--ink);\r\n}\r\n\r\n\r\n.faf-gallery-page *,\r\n.faf-gallery-page *::before,\r\n.faf-gallery-page *::after {\r\n\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n.faf-gallery-container {\r\n\r\n    width:calc(100% - 60px);\r\n\r\n    max-width:1320px;\r\n\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 01. HERO\r\n========================================================= *\/\r\n\r\n.faf-gallery-hero {\r\n\r\n    position:relative;\r\n    isolation:isolate;\r\n\r\n    width:100%;\r\n\r\n    min-height:390px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    overflow:hidden;\r\n\r\n    background:var(--green-dark);\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n\r\n\/* BANNER IMAGE *\/\r\n\r\n.faf-gallery-hero-bg {\r\n\r\n    position:absolute;\r\n\r\n    z-index:-4;\r\n\r\n    inset:0;\r\n\r\n    background-image:\r\n        url(\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/6.Gallery.png\");\r\n\r\n    background-size:cover;\r\n\r\n    background-position:center;\r\n\r\n    transform:scale(1.02);\r\n\r\n    filter:\r\n        saturate(1.08)\r\n        contrast(1.06)\r\n        brightness(.94);\r\n}\r\n\r\n\r\n\r\n\/* GREEN BRAND OVERLAY *\/\r\n\r\n.faf-gallery-hero-overlay {\r\n\r\n    position:absolute;\r\n\r\n    z-index:-3;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(13,82,48,.92) 0%,\r\n            rgba(23,111,67,.75) 38%,\r\n            rgba(23,111,67,.35) 70%,\r\n            rgba(23,111,67,.15) 100%\r\n        );\r\n}\r\n\r\n\r\n\r\n\/* SUBTLE GRID *\/\r\n\r\n.faf-gallery-hero-grid {\r\n\r\n    position:absolute;\r\n\r\n    z-index:-2;\r\n\r\n    inset:0;\r\n\r\n    opacity:.11;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(255,255,255,.22) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.22) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:\r\n        70px 70px;\r\n}\r\n\r\n\r\n\r\n\/* HERO CONTAINER *\/\r\n\r\n.faf-gallery-hero-container {\r\n\r\n    width:calc(100% - 60px);\r\n\r\n    max-width:1320px;\r\n\r\n    margin:0 auto;\r\n\r\n    padding:\r\n        55px 0 70px;\r\n}\r\n\r\n\r\n.faf-gallery-hero-content {\r\n\r\n    max-width:670px;\r\n}\r\n\r\n\r\n\r\n\/* BREADCRUMB *\/\r\n\r\n.faf-gallery-breadcrumb {\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    margin-bottom:17px;\r\n\r\n    font-family:\r\n        \"Roboto\",\r\n        sans-serif;\r\n\r\n    font-size:9px;\r\n    font-weight:500;\r\n\r\n    letter-spacing:1.8px;\r\n\r\n    color:\r\n        rgba(255,255,255,.72);\r\n}\r\n\r\n\r\n.faf-gallery-breadcrumb b {\r\n\r\n    color:var(--lime);\r\n\r\n    font-weight:400;\r\n}\r\n\r\n\r\n\r\n\/* HERO TITLE *\/\r\n\r\n.faf-gallery-hero h1 {\r\n\r\n    margin:\r\n        0 0 17px;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(52px,6vw,82px);\r\n\r\n    line-height:.95;\r\n\r\n    letter-spacing:-3px;\r\n\r\n    font-weight:700;\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n.faf-gallery-hero-content p {\r\n\r\n    max-width:530px;\r\n\r\n    margin:0;\r\n\r\n    font-size:16px;\r\n    line-height:1.7;\r\n\r\n    color:\r\n        rgba(255,255,255,.88);\r\n}\r\n\r\n\r\n\r\n\/* TAGLINE STRIP *\/\r\n\r\n.faf-gallery-hero-strip {\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    right:0;\r\n    bottom:0;\r\n\r\n    z-index:5;\r\n\r\n    padding:\r\n        12px 30px;\r\n\r\n    background:var(--lime);\r\n\r\n    color:var(--green-deep);\r\n\r\n    text-align:center;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        sans-serif;\r\n\r\n    font-size:9px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:2.4px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 02. INTRODUCTION\r\n========================================================= *\/\r\n\r\n.faf-gallery-intro-section {\r\n\r\n    padding:\r\n        90px 0 68px;\r\n\r\n    background:#fff;\r\n}\r\n\r\n\r\n.faf-gallery-intro {\r\n\r\n    max-width:850px;\r\n\r\n    margin:0 auto;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\r\n\r\n\/* EYEBROW *\/\r\n\r\n.faf-gallery-eyebrow {\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:14px;\r\n\r\n    margin-bottom:18px;\r\n\r\n    font-size:9px;\r\n    font-weight:500;\r\n\r\n    letter-spacing:2px;\r\n\r\n    color:var(--green);\r\n}\r\n\r\n\r\n.faf-gallery-eyebrow span {\r\n\r\n    width:30px;\r\n    height:2px;\r\n\r\n    background:var(--lime);\r\n}\r\n\r\n\r\n\r\n\/* INTRO TITLE *\/\r\n\r\n.faf-gallery-intro h2 {\r\n\r\n    margin:\r\n        0 0 22px;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(37px,4vw,55px);\r\n\r\n    line-height:1.07;\r\n\r\n    letter-spacing:-2px;\r\n\r\n    font-weight:500;\r\n\r\n    color:var(--blue-dark);\r\n}\r\n\r\n\r\n.faf-gallery-intro h2 strong {\r\n\r\n    color:var(--green);\r\n\r\n    font-weight:700;\r\n}\r\n\r\n\r\n.faf-gallery-intro p {\r\n\r\n    max-width:690px;\r\n\r\n    margin:0 auto;\r\n\r\n    font-size:15px;\r\n    line-height:1.8;\r\n\r\n    color:var(--grey);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 03. ALBUM SECTION\r\n========================================================= *\/\r\n\r\n.faf-gallery-albums {\r\n\r\n    padding:\r\n        20px 0 110px;\r\n\r\n    background:#fff;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 04. ALBUM GRID\r\n========================================================= *\/\r\n\r\n.faf-gallery-album-grid {\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n    column-gap:30px;\r\n    row-gap:58px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 05. ALBUM\r\n========================================================= *\/\r\n\r\n.faf-gallery-album {\r\n\r\n    min-width:0;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 06. COVER IMAGE\r\n========================================================= *\/\r\n\r\n.faf-gallery-cover {\r\n\r\n    position:relative;\r\n\r\n    display:block;\r\n\r\n    width:100%;\r\n\r\n    aspect-ratio:\r\n        1.38 \/ 1;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#EEF2EF;\r\n\r\n    text-decoration:none !important;\r\n\r\n    box-shadow:\r\n        0 5px 18px\r\n        rgba(23,60,39,.06);\r\n\r\n    transition:\r\n        box-shadow .35s ease;\r\n}\r\n\r\n\r\n.faf-gallery-cover img {\r\n\r\n    display:block;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    transform:scale(1);\r\n\r\n    filter:\r\n        saturate(.98)\r\n        contrast(1.01);\r\n\r\n    transition:\r\n        transform .6s\r\n        cubic-bezier(.2,.7,.2,1),\r\n        filter .4s ease;\r\n}\r\n\r\n\r\n\r\n\/* VERY LIGHT HOVER *\/\r\n\r\n.faf-gallery-album:hover\r\n.faf-gallery-cover {\r\n\r\n    box-shadow:\r\n        0 13px 30px\r\n        rgba(23,60,39,.11);\r\n}\r\n\r\n\r\n.faf-gallery-album:hover\r\n.faf-gallery-cover img {\r\n\r\n    transform:\r\n        scale(1.025);\r\n\r\n    filter:\r\n        saturate(1.03)\r\n        contrast(1.02);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 07. ALBUM INFORMATION\r\n========================================================= *\/\r\n\r\n.faf-gallery-album-info {\r\n\r\n    padding-top:21px;\r\n}\r\n\r\n\r\n\r\n\/* NUMBER *\/\r\n\r\n.faf-gallery-number {\r\n\r\n    display:block;\r\n\r\n    margin-bottom:8px;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        sans-serif;\r\n\r\n    font-size:9px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:1.5px;\r\n\r\n    color:var(--lime);\r\n}\r\n\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.faf-gallery-album h3 {\r\n\r\n    min-height:58px;\r\n\r\n    margin:\r\n        0 0 20px;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(20px,1.7vw,25px);\r\n\r\n    line-height:1.2;\r\n\r\n    letter-spacing:-.6px;\r\n\r\n    font-weight:600;\r\n\r\n    color:var(--blue-dark);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 08. LARGE VIEW GALLERY BUTTON\r\n========================================================= *\/\r\n\r\n.faf-gallery-button {\r\n\r\n    width:100%;\r\n\r\n    min-height:54px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    padding:\r\n        0 18px 0 21px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(36,152,88,.30);\r\n\r\n    background:#fff;\r\n\r\n    color:var(--green) !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.faf-gallery-button span {\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        sans-serif;\r\n\r\n    font-size:9px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:1.4px;\r\n}\r\n\r\n\r\n.faf-gallery-button b {\r\n\r\n    width:32px;\r\n    height:32px;\r\n\r\n    flex:0 0 32px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--green);\r\n\r\n    color:#fff;\r\n\r\n    font-size:15px;\r\n    font-weight:400;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n\r\n\r\n\/* BUTTON HOVER *\/\r\n\r\n.faf-gallery-button:hover {\r\n\r\n    background:var(--green);\r\n\r\n    border-color:var(--green);\r\n\r\n    color:#fff !important;\r\n}\r\n\r\n\r\n.faf-gallery-button:hover b {\r\n\r\n    background:#fff;\r\n\r\n    color:var(--green);\r\n\r\n    transform:\r\n        translateX(3px);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 09. REVEAL\r\n========================================================= *\/\r\n\r\n.faf-gallery-reveal {\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(18px);\r\n\r\n    transition:\r\n        opacity .65s ease,\r\n        transform .65s\r\n        cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.faf-gallery-reveal.faf-gallery-visible {\r\n\r\n    opacity:1;\r\n\r\n    transform:\r\n        translateY(0);\r\n}\r\n\r\n\r\n\r\n\/* SUBTLE STAGGER *\/\r\n\r\n.faf-gallery-album-grid\r\n.faf-gallery-album:nth-child(3n+2) {\r\n\r\n    transition-delay:.07s;\r\n}\r\n\r\n\r\n.faf-gallery-album-grid\r\n.faf-gallery-album:nth-child(3n+3) {\r\n\r\n    transition-delay:.14s;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 10. TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:1050px) {\r\n\r\n    .faf-gallery-container,\r\n    .faf-gallery-hero-container {\r\n\r\n        width:\r\n            calc(100% - 50px);\r\n    }\r\n\r\n\r\n    .faf-gallery-album-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n\r\n        gap:\r\n            50px 24px;\r\n    }\r\n\r\n\r\n    .faf-gallery-album h3 {\r\n\r\n        min-height:55px;\r\n    }\r\n\r\n\r\n    .faf-gallery-album-grid\r\n    .faf-gallery-album {\r\n\r\n        transition-delay:0s;\r\n    }\r\n\r\n\r\n    .faf-gallery-album-grid\r\n    .faf-gallery-album:nth-child(even) {\r\n\r\n        transition-delay:.07s;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 11. MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n    \/* HERO *\/\r\n\r\n    .faf-gallery-hero {\r\n\r\n        min-height:335px;\r\n    }\r\n\r\n\r\n    .faf-gallery-hero-container {\r\n\r\n        width:\r\n            calc(100% - 36px);\r\n\r\n        padding:\r\n            45px 0 65px;\r\n    }\r\n\r\n\r\n    .faf-gallery-hero-bg {\r\n\r\n        background-position:center;\r\n    }\r\n\r\n\r\n    .faf-gallery-hero-overlay {\r\n\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(13,82,48,.90) 0%,\r\n                rgba(23,111,67,.67) 70%,\r\n                rgba(23,111,67,.45) 100%\r\n            );\r\n    }\r\n\r\n\r\n    .faf-gallery-hero h1 {\r\n\r\n        font-size:52px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n\r\n    .faf-gallery-hero-content p {\r\n\r\n        max-width:360px;\r\n\r\n        font-size:14px;\r\n    }\r\n\r\n\r\n    \/* INTRO *\/\r\n\r\n    .faf-gallery-container {\r\n\r\n        width:\r\n            calc(100% - 36px);\r\n    }\r\n\r\n\r\n    .faf-gallery-intro-section {\r\n\r\n        padding:\r\n            70px 0 50px;\r\n    }\r\n\r\n\r\n    .faf-gallery-intro h2 {\r\n\r\n        font-size:37px;\r\n\r\n        letter-spacing:-1.4px;\r\n    }\r\n\r\n\r\n    .faf-gallery-intro p {\r\n\r\n        font-size:14px;\r\n    }\r\n\r\n\r\n    \/* ALBUMS *\/\r\n\r\n    .faf-gallery-albums {\r\n\r\n        padding:\r\n            15px 0 80px;\r\n    }\r\n\r\n\r\n    .faf-gallery-album-grid {\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:45px;\r\n    }\r\n\r\n\r\n    .faf-gallery-album {\r\n\r\n        transition-delay:0s !important;\r\n    }\r\n\r\n\r\n    .faf-gallery-album h3 {\r\n\r\n        min-height:0;\r\n\r\n        margin-bottom:18px;\r\n\r\n        font-size:22px;\r\n    }\r\n\r\n\r\n    .faf-gallery-button {\r\n\r\n        min-height:52px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 12. SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:420px) {\r\n\r\n    .faf-gallery-hero h1 {\r\n\r\n        font-size:46px;\r\n    }\r\n\r\n\r\n    .faf-gallery-intro h2 {\r\n\r\n        font-size:34px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 13. REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n    .faf-gallery-reveal {\r\n\r\n        opacity:1;\r\n\r\n        transform:none;\r\n\r\n        transition:none;\r\n    }\r\n\r\n\r\n    .faf-gallery-cover img,\r\n    .faf-gallery-button,\r\n    .faf-gallery-button b {\r\n\r\n        transition:none;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n FOOD AID FOUNDATION\r\n GALLERY INNER PAGE \u2014 SUBTLE REVEAL\r\n========================================================= *\/\r\n\r\n(function () {\r\n\r\n    const page =\r\n        document.querySelector(\r\n            \".faf-gallery-page\"\r\n        );\r\n\r\n\r\n    if (!page) {\r\n        return;\r\n    }\r\n\r\n\r\n    const items =\r\n        page.querySelectorAll(\r\n            \".faf-gallery-reveal\"\r\n        );\r\n\r\n\r\n    if (!(\"IntersectionObserver\" in window)) {\r\n\r\n        items.forEach(function (item) {\r\n\r\n            item.classList.add(\r\n                \"faf-gallery-visible\"\r\n            );\r\n\r\n        });\r\n\r\n        return;\r\n    }\r\n\r\n\r\n    const observer =\r\n        new IntersectionObserver(\r\n\r\n            function (entries) {\r\n\r\n                entries.forEach(\r\n                    function (entry) {\r\n\r\n                        if (entry.isIntersecting) {\r\n\r\n                            entry.target\r\n                                .classList\r\n                                .add(\r\n                                    \"faf-gallery-visible\"\r\n                                );\r\n\r\n                            observer.unobserve(\r\n                                entry.target\r\n                            );\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            },\r\n\r\n            {\r\n                threshold:0.08,\r\n\r\n                rootMargin:\r\n                    \"0px 0px -25px 0px\"\r\n            }\r\n\r\n        );\r\n\r\n\r\n    items.forEach(function (item) {\r\n\r\n        observer.observe(item);\r\n\r\n    });\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HOME \/ EXPLORE GALLERY A visual journey through the people, partnerships and moments that shape our work. FOODBANKING FOR THE NEEDY OUR JOURNEY IN PICTURES Stories Captured. Moments Remembered. Explore Food Aid Foundation&#8217;s journey through the moments, people and activities that have shaped our work over the years. Select an album below to view the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-207","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/pages\/207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/comments?post=207"}],"version-history":[{"count":7,"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/pages\/207\/revisions"}],"predecessor-version":[{"id":252,"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/pages\/207\/revisions\/252"}],"wp:attachment":[{"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/media?parent=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}