{"id":0,"name":"root","depth":0,"children":[{"id":2,"name":"ct_section","options":{"ct_id":2,"ct_parent":0,"selector":"section-2-49","original":{"background-size":"cover","background-repeat":"no-repeat","background-position-left-unit":"%","background-position-top-unit":"%","height-unit":"vh","align-items":"flex-start","text-align":"left","flex-direction":"column","display":"flex","justify-content":"center","color":"color(2)","gradient":{"colors":[{"position-unit":"px","value":"rgba(0,0,0,0.5)","position":""},{"position-unit":"%","value":"rgba(0,0,0,0)","position":"30"}],"linear-angle":"90"},"background-size-width-unit":"%","background-size-width":"100","background-position-left":"50","video_background":"https:\/\/gatewayhungerrelief.org\/wp-content\/uploads\/2021\/08\/Untitled-design-12.mp4","background-image":"https:\/\/gatewayhungerrelief.org\/wp-content\/uploads\/2021\/08\/AdobeStock_339050686.jpeg","height":"65","video_background_overlay":"rgba(51,51,51,0.79)","overlay-color":"rgba(51,51,51,0.8)"},"activeselector":false,"classes":[],"media":{"phone-landscape":{"original":{"display":"flex","flex-direction":"column","align-items":"center","text-align":"center"}}},"ct_depth":1,"nicename":"Section (#2)"},"children":[{"id":3,"name":"ct_headline","options":{"ct_id":3,"ct_parent":2,"selector":"headline-3-49","original":{"margin-bottom":"20","width-unit":"%","width":"58","aos-enable":"true","aos-type":"fade","aos-duration":"850","aos-easing":"ease-in-quart","font-size":"32"},"activeselector":false,"media":{"phone-landscape":{"original":{"width-unit":"%","width":"100","font-size":"41"}},"phone-portrait":{"original":{"font-size":"26"}},"tablet":{"original":{"width-unit":"%","width":"100"}},"page-width":{"original":{"width-unit":"%","width":"65"}}},"ct_depth":0,"nicename":"Heading (#3)","ct_content":"<\/span> in our community one family at a time."},"children":[{"id":127,"name":"ct_span","options":{"ct_id":127,"ct_parent":3,"selector":"span-127-49","original":{"background-color":"#55386a","padding-top":"8","padding-bottom":"8","padding-left":"12","padding-right":"12","text-transform":"uppercase"},"ct_depth":0,"nicename":"Span (#127)","ct_content":"Providing Hope and Relief"},"depth":0}],"depth":0},{"id":4,"name":"ct_text_block","options":{"ct_id":4,"ct_parent":2,"selector":"text_block-4-49","original":{"margin-bottom":"20","text-transform":"uppercase","font-weight":"500","letter-spacing":".5","conditionspreview":"0","globalConditionsResult":false},"activeselector":false,"ct_depth":0,"nicename":"Text (#4)","ct_content":"Serving the Richmond, Indiana area and beyond"},"depth":0},{"id":9,"name":"ct_div_block","options":{"ct_id":9,"ct_parent":2,"selector":"div_block-9-49","classes":["inline-buttons"],"activeselector":"inline-buttons","ct_depth":2,"nicename":"Div (#9)"},"children":[{"id":5,"name":"ct_link_button","options":{"ct_id":5,"ct_parent":9,"selector":"link_button-5-49","activeselector":"btn-purple","classes":["btn-purple","btn-primary"],"original":{"url":"https:\/\/gatewayhungerrelief.org\/assistance\/","target":"","url_encoded":"true","button-text-color":"color(2)"},"ct_depth":0,"nicename":"Button (#5)","ct_content":"Need Help?"},"depth":0},{"id":11,"name":"ct_link_button","options":{"ct_id":11,"ct_parent":9,"selector":"link_button-11-49","original":{"margin-left":"20","url":"https:\/\/gatewayhungerrelief.org\/donate\/","target":"","url_encoded":"true","button-text-color":"color(2)"},"activeselector":"btn-outline","classes":["btn-primary","btn-outline"],"ct_depth":0,"nicename":"Button (#11)","ct_content":"Sponsor a Family"},"depth":0}],"depth":2}],"depth":1},{"id":99,"name":"ct_section","options":{"ct_id":99,"ct_parent":0,"selector":"section-99-49","original":{"background-color":"color(4)","flex-direction":"row","display":"flex","container-padding-bottom":"0","container-padding-top":"0"},"activeselector":false,"media":{"phone-landscape":{"original":{"flex-direction":"column","display":"flex"}}},"ct_depth":1,"nicename":"Section (#99)"},"children":[{"id":184,"name":"ct_div_block","options":{"ct_id":184,"ct_parent":99,"selector":"div_block-184-49","original":{"width-unit":"%","width":"100","flex-direction":"row","display":"flex","padding-top":"45","padding-bottom":"45","margin-top":"-35","position":"relative","z-index":"2","background-color":"color(4)"},"activeselector":false,"ct_depth":2,"nicename":"Div (#184)"},"children":[{"id":100,"name":"ct_div_block","options":{"ct_id":100,"ct_parent":184,"selector":"div_block-100-49","original":{"align-items":"center","text-align":"center","padding-top":"16","padding-left":"16","padding-right":"16","padding-bottom":"16","width-unit":"%","width":"100","position":"relative"},"activeselector":"oxel_number_counter","nicename":"Number Counter","classes":["oxel_number_counter","home_number_counter"],"ct_depth":3},"children":[{"id":101,"name":"ct_code_block","options":{"ct_id":101,"ct_parent":100,"selector":"code_block-101-49","original":{"code-php":"","code-js":" var url_string = window.location.href;\n var url = new URL(url_string);\n var param = url.searchParams.get(\"ct_builder\");\n\nfunction startCounting( target ) {\n \n \tvar number = jQuery(target);\n \n if( !param && !number.data('counter-started') ) {\n \n var counterStart = 0;\n var counterEnd = number.html();\n var counterSpeed = 50;\n var currentCount = counterStart;\n \n number.attr('data-counter-started', 'true');\n \n var numberCounterInterval = setInterval( function() {\n \n if( currentCount < counterEnd ) {\n \n currentCount++;\n \n number.text(currentCount);\n\n } else { \n \n clearInterval( numberCounterInterval ); \n \n }\n \n }, counterSpeed);\n \n }\n}\n\n\/** Intersection Observer for Triggering On Visible **\/\n\/\/ First we grab all Number Counter numbers by the selector .oxel_number_counter__number.\nvar numberCounters = document.querySelectorAll('.oxel_number_counter__number');\n\n\/\/ Now we define the options of our intersection observer.\n\/\/ Root should remain null, this means the \"window\" is the viewport.\n\/\/ Threshold is the percentage of the section that should be in the viewport before\n\/\/ the intersection observer fires.\n\/\/ Root margin is a margin based offset, we won't use it here.\nvar numberCounterOptions = { \n root: null,\n threshold: 0,\n rootMargin: \"0px\"\n};\n\n\/\/ Now we create our new intersection observer.\nvar numberCounterObserver = new IntersectionObserver( \n \/\/ Callback function.\n function(entries, observer) { \n\n \/\/ For each entry, we'll run our code.\n entries.forEach( entry => {\n \n \/\/ Boolean to tell us if target is intersecting or not.\n var targetIsIntersecting = entry.isIntersecting; \n\n \/\/ If it is intersecting, start counting.\n if( targetIsIntersecting ) {\n\n \tstartCounting( entry.target );\n\n } else if( !targetIsIntersecting ) {\n\n \/\/If it's not intersecting, this code will run.\n\n }\n\n });\n \n }\n \/\/ Pass in our options variable.\n , numberCounterOptions );\n\n\/\/ Finally, we tell the observer to go ahead and observe all of our numbers.\nnumberCounters.forEach( section => {\n numberCounterObserver.observe(section); \n})"},"nicename":"Number Counter Code","ct_depth":0,"ct_content":""},"depth":0},{"id":166,"name":"ct_div_block","options":{"ct_id":166,"ct_parent":100,"selector":"div_block-166-49","original":{"flex-direction":"row","display":"flex"},"activeselector":false,"ct_depth":4,"nicename":"Div (#166)"},"children":[{"id":114,"name":"ct_text_block","options":{"ct_id":114,"ct_parent":166,"selector":"text_block-114-49","original":{"custom-attributes":[{"name":"akhi","value":"5"}]},"activeselector":"number-counter","classes":["number-counter"],"ct_depth":0,"nicename":"Text (#114)","ct_content":"$"},"depth":0},{"id":168,"name":"ct_text_block","options":{"ct_id":168,"ct_parent":166,"selector":"text_block-168-49","original":{"custom-attributes":[{"name":"akhi","value":"5"}]},"activeselector":"value","classes":["value","number-counter"],"ct_depth":0,"nicename":"Text (#168)","ct_content":"0"},"depth":0}],"depth":4},{"id":103,"name":"ct_text_block","options":{"ct_id":103,"ct_parent":100,"selector":"text_block-103-49","activeselector":"oxel_number_counter__label","classes":["oxel_number_counter__label"],"nicename":"Number Label","ct_depth":0,"ct_content":"Per Month Feeds 1 Family"},"depth":0}],"depth":3},{"id":105,"name":"ct_div_block","options":{"ct_id":105,"ct_parent":184,"selector":"div_block-105-49","original":{"align-items":"center","text-align":"center","padding-top":"16","padding-left":"16","padding-right":"16","padding-bottom":"16","width-unit":"%","width":"100","position":"relative"},"nicename":"Number Counter","activeselector":"home_number_counter","classes":["oxel_number_counter","home_number_counter"],"ct_depth":3},"children":[{"id":106,"name":"ct_code_block","options":{"ct_id":106,"ct_parent":105,"selector":"code_block-106-49","original":{"code-php":"","code-js":" var url_string = window.location.href;\n var url = new URL(url_string);\n var param = url.searchParams.get(\"ct_builder\");\n\nfunction startCounting( target ) {\n \n \tvar number = jQuery(target);\n \n if( !param && !number.data('counter-started') ) {\n \n var counterStart = 0;\n var counterEnd = number.html();\n var counterSpeed = 50;\n var currentCount = counterStart;\n \n number.attr('data-counter-started', 'true');\n \n var numberCounterInterval = setInterval( function() {\n \n if( currentCount < counterEnd ) {\n \n currentCount++;\n \n number.text(currentCount);\n\n } else { \n \n clearInterval( numberCounterInterval ); \n \n }\n \n }, counterSpeed);\n \n }\n}\n\n\/** Intersection Observer for Triggering On Visible **\/\n\/\/ First we grab all Number Counter numbers by the selector .oxel_number_counter__number.\nvar numberCounters = document.querySelectorAll('.oxel_number_counter__number');\n\n\/\/ Now we define the options of our intersection observer.\n\/\/ Root should remain null, this means the \"window\" is the viewport.\n\/\/ Threshold is the percentage of the section that should be in the viewport before\n\/\/ the intersection observer fires.\n\/\/ Root margin is a margin based offset, we won't use it here.\nvar numberCounterOptions = { \n root: null,\n threshold: 0,\n rootMargin: \"0px\"\n};\n\n\/\/ Now we create our new intersection observer.\nvar numberCounterObserver = new IntersectionObserver( \n \/\/ Callback function.\n function(entries, observer) { \n\n \/\/ For each entry, we'll run our code.\n entries.forEach( entry => {\n \n \/\/ Boolean to tell us if target is intersecting or not.\n var targetIsIntersecting = entry.isIntersecting; \n\n \/\/ If it is intersecting, start counting.\n if( targetIsIntersecting ) {\n\n \tstartCounting( entry.target );\n\n } else if( !targetIsIntersecting ) {\n\n \/\/If it's not intersecting, this code will run.\n\n }\n\n });\n \n }\n \/\/ Pass in our options variable.\n , numberCounterOptions );\n\n\/\/ Finally, we tell the observer to go ahead and observe all of our numbers.\nnumberCounters.forEach( section => {\n numberCounterObserver.observe(section); \n})"},"nicename":"Number Counter Code","ct_depth":0,"ct_content":""},"depth":0},{"id":116,"name":"ct_text_block","options":{"ct_id":116,"ct_parent":105,"selector":"text_block-116-49","original":{"custom-attributes":[{"name":"akhi","value":"235"}]},"activeselector":false,"classes":[],"ct_depth":0,"nicename":"Text (#116)","ct_content":"<\/span><\/span>"},"children":[{"id":189,"name":"ct_span","options":{"ct_id":189,"ct_parent":116,"selector":"span-189-49","classes":["number-counter","value"],"activeselector":"value","original":{"custom-attributes":[{"name":"akhi","value":"500"}]},"ct_depth":0,"nicename":"Span (#189)","ct_content":"0"},"depth":0},{"id":187,"name":"ct_span","options":{"ct_id":187,"ct_parent":116,"selector":"span-187-49","classes":["number-counter"],"activeselector":"number-counter","ct_depth":0,"nicename":"Span (#187)","ct_content":"+"},"depth":0}],"depth":0},{"id":108,"name":"ct_text_block","options":{"ct_id":108,"ct_parent":105,"selector":"text_block-108-49","activeselector":"oxel_number_counter__label","classes":["oxel_number_counter__label"],"nicename":"Number Label","ct_depth":0,"ct_content":"Families Helped"},"depth":0}],"depth":3},{"id":109,"name":"ct_div_block","options":{"ct_id":109,"ct_parent":184,"selector":"div_block-109-49","original":{"align-items":"center","text-align":"center","padding-top":"16","padding-left":"16","padding-right":"16","padding-bottom":"16","width-unit":"%","width":"100","position":"relative"},"nicename":"Number Counter","activeselector":"home_number_counter","classes":["oxel_number_counter","home_number_counter"],"ct_depth":3},"children":[{"id":110,"name":"ct_code_block","options":{"ct_id":110,"ct_parent":109,"selector":"code_block-110-49","original":{"code-php":"","code-js":" var url_string = window.location.href;\n var url = new URL(url_string);\n var param = url.searchParams.get(\"ct_builder\");\n\nfunction startCounting( target ) {\n \n \tvar number = jQuery(target);\n \n if( !param && !number.data('counter-started') ) {\n \n var counterStart = 0;\n var counterEnd = number.html();\n var counterSpeed = 50;\n var currentCount = counterStart;\n \n number.attr('data-counter-started', 'true');\n \n var numberCounterInterval = setInterval( function() {\n \n if( currentCount < counterEnd ) {\n \n currentCount++;\n \n number.text(currentCount);\n\n } else { \n \n clearInterval( numberCounterInterval ); \n \n }\n \n }, counterSpeed);\n \n }\n}\n\n\/** Intersection Observer for Triggering On Visible **\/\n\/\/ First we grab all Number Counter numbers by the selector .oxel_number_counter__number.\nvar numberCounters = document.querySelectorAll('.oxel_number_counter__number');\n\n\/\/ Now we define the options of our intersection observer.\n\/\/ Root should remain null, this means the \"window\" is the viewport.\n\/\/ Threshold is the percentage of the section that should be in the viewport before\n\/\/ the intersection observer fires.\n\/\/ Root margin is a margin based offset, we won't use it here.\nvar numberCounterOptions = { \n root: null,\n threshold: 0,\n rootMargin: \"0px\"\n};\n\n\/\/ Now we create our new intersection observer.\nvar numberCounterObserver = new IntersectionObserver( \n \/\/ Callback function.\n function(entries, observer) { \n\n \/\/ For each entry, we'll run our code.\n entries.forEach( entry => {\n \n \/\/ Boolean to tell us if target is intersecting or not.\n var targetIsIntersecting = entry.isIntersecting; \n\n \/\/ If it is intersecting, start counting.\n if( targetIsIntersecting ) {\n\n \tstartCounting( entry.target );\n\n } else if( !targetIsIntersecting ) {\n\n \/\/If it's not intersecting, this code will run.\n\n }\n\n });\n \n }\n \/\/ Pass in our options variable.\n , numberCounterOptions );\n\n\/\/ Finally, we tell the observer to go ahead and observe all of our numbers.\nnumberCounters.forEach( section => {\n numberCounterObserver.observe(section); \n})"},"nicename":"Number Counter Code","ct_depth":0,"ct_content":""},"depth":0},{"id":118,"name":"ct_text_block","options":{"ct_id":118,"ct_parent":109,"selector":"text_block-118-49","original":{"custom-attributes":[{"name":"akhi","value":"15"}],"custom-js":""},"activeselector":"number-counter","classes":["value","number-counter"],"ct_depth":0,"nicename":"Text (#118)","ct_content":"0"},"depth":0},{"id":112,"name":"ct_text_block","options":{"ct_id":112,"ct_parent":109,"selector":"text_block-112-49","activeselector":"oxel_number_counter__label","classes":["oxel_number_counter__label"],"nicename":"Number Label","ct_depth":0,"ct_content":"Years in Service"},"depth":0}],"depth":3},{"id":126,"name":"ct_code_block","options":{"ct_id":126,"ct_parent":184,"selector":"code_block-126-49","original":{"code-js":"const counters = document.querySelectorAll('.value');\nconst speed = 200;\n\ncounters.forEach( counter => {\n const animate = () => {\n const value = +counter.getAttribute('akhi');\n const data = +counter.innerText;\n \n const time = value \/ speed;\n if(data < value) {\n counter.innerText = Math.ceil(data + time);\n setTimeout(animate, 1);\n }else{\n counter.innerText = value;\n }\n \n }\n \n animate();\n});\n\n\n","code-php":""},"activeselector":false,"ct_depth":0,"nicename":"Code Block (#126)","ct_content":""},"depth":0}],"depth":2}],"depth":1},{"id":50,"name":"ct_section","options":{"ct_id":50,"ct_parent":0,"selector":"section-50-49","original":{"background-color":"color(4)","container-padding-top":"0"},"activeselector":false,"ct_depth":1,"nicename":"Section (#50)"},"children":[{"id":53,"name":"ct_div_block","options":{"ct_id":53,"ct_parent":50,"selector":"div_block-53-49","original":{"flex-direction":"row","display":"flex","width-unit":"%","width":"100","justify-content":"space-between","text-align":"justify","align-items":"center","background-image":"https:\/\/gatewayhungerrelief.org\/wp-content\/uploads\/2021\/08\/24294314_10155662098007745_8694455102450495824_n.jpeg","background-size":"cover","background-repeat":"no-repeat","background-position-top-unit":"%","background-position-left-unit":"%","padding-top":"45","padding-left":"45","padding-right":"45","padding-bottom":"45","margin-top":"25","background-size-width-unit":"%","background-size-width":"110","background-position-left":"50","background-position-top":"50","overlay-color":"rgba(250,246,242,0.75)","background-blend-mode":"normal","gradient":{"colors":[]}},"activeselector":false,"media":{"phone-landscape":{"original":{"flex-direction":"column","display":"flex","padding-left":"20","padding-right":"20","height-unit":"auto","background-size":"cover","background-repeat":"no-repeat","background-position-left-unit":"%","background-position-top-unit":"%","background-position-top":"50","background-position-left":"25"}},"tablet":{"original":{"flex-direction":"column","display":"flex","height-unit":"auto"}}},"ct_depth":2,"nicename":"Div (#53)"},"children":[{"id":54,"name":"ct_div_block","options":{"ct_id":54,"ct_parent":53,"selector":"div_block-54-49","original":{"width-unit":"%","width":"50"},"activeselector":false,"media":{"tablet":{"original":{"width-unit":"%","width":"100"}}},"ct_depth":3,"nicename":"Div (#54)"},"children":[{"id":158,"name":"ct_video","options":{"ct_id":158,"ct_parent":54,"selector":"video-158-49","original":{"src":"https:\/\/www.youtube.com\/watch?v=Hmlkxb9FHsU","embed_src":"https:\/\/www.youtube.com\/embed\/Hmlkxb9FHsU"},"activeselector":false,"ct_depth":0,"nicename":"Video (#158)","ct_content":""},"depth":0}],"depth":3},{"id":55,"name":"ct_div_block","options":{"ct_id":55,"ct_parent":53,"selector":"div_block-55-49","original":{"width-unit":"%","width":"40"},"activeselector":false,"media":{"tablet":{"original":{"width-unit":"%","width":"100","padding-top":"30"}},"phone-landscape":{"original":{"width-unit":"%","width":"100"}}},"ct_depth":3,"nicename":"Div (#55)"},"children":[{"id":56,"name":"ct_div_block","options":{"ct_id":56,"ct_parent":55,"selector":"div_block-56-49","original":{"width-unit":"%"},"activeselector":false,"media":{"phone-landscape":{"original":{"width-unit":"%","width":"100"}},"tablet":{"original":{"width-unit":"%"}}},"ct_depth":4,"nicename":"Div (#56)"},"children":[{"id":52,"name":"ct_headline","options":{"ct_id":52,"ct_parent":56,"selector":"headline-52-49","original":{"tag":"h2","color":"color(2)","background-color":"color(1)","padding-top":"6","padding-bottom":"6","padding-left":"18","padding-right":"18","margin-bottom":"15"},"activeselector":"big-headline","classes":["big-headline"],"ct_depth":0,"nicename":"Heading (#52)","ct_content":"Our Mission"},"depth":0},{"id":57,"name":"ct_text_block","options":{"ct_id":57,"ct_parent":56,"selector":"text_block-57-49","classes":["home-callout-text"],"activeselector":"home-callout-text","ct_depth":0,"nicename":"Text (#57)","ct_content":"Providing food to fill the basic need of hungry people
"},"depth":0},{"id":59,"name":"ct_text_block","options":{"ct_id":59,"ct_parent":56,"selector":"text_block-59-49","classes":["home-callout-text"],"activeselector":"home-callout-text","ct_depth":0,"nicename":"Text (#59)","ct_content":"Increasing the independence of our clients through self-help initiatives and other innovative programs
"},"depth":0},{"id":60,"name":"ct_text_block","options":{"ct_id":60,"ct_parent":56,"selector":"text_block-60-49","classes":["home-callout-text"],"activeselector":"home-callout-text","ct_depth":0,"nicename":"Text (#60)","ct_content":"Raising awareness of hunger and poverty and working towards solutions to eliminate them.
"},"depth":0}],"depth":4}],"depth":3}],"depth":2}],"depth":1},{"id":128,"name":"ct_section","options":{"ct_id":128,"ct_parent":0,"selector":"section-128-49","original":{"align-items":"center","text-align":"center"},"activeselector":false,"ct_depth":1,"nicename":"Section (#128)"},"children":[{"id":143,"name":"ct_headline","options":{"ct_id":143,"ct_parent":128,"selector":"headline-143-49","classes":["big-headline"],"activeselector":"big-headline","ct_depth":0,"nicename":"Heading (#143)","ct_content":"Our Gold Sponsors"},"depth":0},{"id":155,"name":"ct_code_block","options":{"ct_id":155,"ct_parent":128,"selector":"code_block-155-49","original":{"code-php":"\n\n\n\n
chevron-down Gateway Hunger Relief Center 20 Years of Service