<turbo-stream action="replace" target="load-more-button"><template><turbo-frame id="load-more-button">
    <div class="text-center my-[10px]">
        	<a href="/wp-json/eif/v1/campaign?page=2" target=""
	   class="inline-block bg-[#215B7E] min-w-[210px] p-3 text-center text-white text-base font-normal no-underline tracking-[0.32px] mb-4      hover:bg-[#10294B] hover:font-semibold" >Load more</a>
    </div>
</turbo-frame></template></turbo-stream><turbo-stream action="replace" target="charity-filter"><template><turbo-frame id="charity-filter">
    <input id="tag-filters" type="checkbox" class="hidden peer" />
    <label for="tag-filters" tabindex="0" class=" block lg:hidden py-[15px] px-[20px] w-full text-center mb-3 text-white text-base font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100
peer-checked:bg-[#215B7E] peer-checked:border-[#215B7E]
block peer-checked:hidden lg:hidden">Open filter</label>
<label for="tag-filters" tabindex="0" class=" block lg:hidden py-[15px] px-[20px] w-full text-center mb-3 text-white text-base font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100
peer-checked:bg-[#215B7E] peer-checked:border-[#215B7E]
hidden peer-checked:block lg:hidden lg:peer-checked:hidden">Close filter</label>

    <div class=" hidden lg:block peer-checked:block">
        <ul id="charity-filter" class="pb-[50px] lg:pb-0">
                            <li class="inline-block mr-3">  <a href="/wp-json/eif/v1/campaigns" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-[#215B7E] border border-[#215B7E]
	  hover:bg-[#10294B] active" data-category="">All</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=79" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">AIDS Awareness</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=93" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">Alzheimer's</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=90" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">Bullying</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=16" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">Cancer Research</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=61" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">Career Pathways</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=85" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">Climate</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=62" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">Community Investment</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=63" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">Democracy</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=17" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">Disaster Preparedness &amp; Relief</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=65" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">Education</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=88" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">EIF</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=89" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">Health &amp; Wellness</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=70" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">Human Rights</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=92" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">Human Trafficking</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=86" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">Long Covid</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=72" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">Mental Health &amp; Wellbeing</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=78" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">Military Service Support</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=84" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">Neurodifferences</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=75" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">Social Justice</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=77" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">Vision Loss</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/campaigns?category=87" class="block py-[8px] px-[20px] mb-3 text-white text-sm font-medium leading-tight tracking-[0.28px] bg-white bg-opacity-10 border border-slate-300
		hover:border-[#215B7E] hover:bg-[#A1BFD1] hover:bg-opacity-100" data-category="">War Relief</a>
</li>
                    </ul>
    </div>
</turbo-frame></template></turbo-stream><turbo-stream action="update" target="charities"><template><div class="mb-10">
<div class="bg-white min-h-[383px]">
	<div class="grid grid-cols-12 h-full">
		<div class="col-span-12 lg:col-span-6 relative">
			                                               
                    <iframe class="w-full h-[202px] lg:h-[383px]" type="text/html" src="https://www.youtube.com/embed/0LxHVOZPGgk" frameborder="0"></iframe>
                              
            		</div>
		<div class="col-span-12 lg:col-span-6 p-6 pb-0 lg:pb-6 relative">
			<h3 class="text-[#10294B] text-[24px] font-normal font-manrope leading-[28px] mb-[16px]">Hispanic Federation &amp;#8211; America is Us</h3>
			
			<p class="text-[#10294B] text-[14px] font-medium leading-[19.6px] tracking-[0.28px]">&quot;America is Us,&quot; narrated by award-winning songwriter, actor, producer and director Lin-Manuel Miranda, highlights how Latino history is inextricably intertwined with the American story, while the accompanying website provides an overview of the indelible impact Latinos have made to our national economy, population, military, education, sports and entertainment, and overall progress.</p>
			
			
			
			<div class="lg:absolute bottom-0 left-6 right-6 pt-4 lg:pt-0">
				
				<input type="checkbox" id="cardToggle-1724218077" name="cardToggle-1724218077" class="hidden peer" />
				
				<div class="hidden peer-checked:block lg:block">
					<div class="grid grid-cols-12 pb-3">
						<div class="col-span-12 lg:col-span-6 xl:col-span-4">
															<img width="630" height="137" src="https://www.eifoundation.org/wp-content/uploads/2025/09/logo.svg" class="w-auto h-auto max-w-[172px] max-h-[31px] block mb-4 lg:mb-6" alt="" decoding="async" loading="lazy" />
													</div>
						
						<div class="col-span-12 lg:col-span-6 xl:col-span-4 pb-4">
													</div>
						
						<div class="col-span-12 lg:col-span-12 xl:col-span-4">
							
							<ul class="inline-block lg:block lg:mb-4 align-top mt-[4px]">
																																							</ul>			
						</div>
					</div>
				</div>
				
				<label for="cardToggle-1724218077" class="inline-block bg-white min-w-[210px] p-3 text-center text-[#215B7E] text-base font-normal no-underline tracking-[0.32px] w-full lg:w-auto block peer-checked:hidden lg:hidden">More info</label>
				<label for="cardToggle-1724218077" class="inline-block bg-white min-w-[210px] p-3 text-center text-[#215B7E] text-base font-normal no-underline tracking-[0.32px] w-full lg:w-auto hidden peer-checked:block lg:hidden">Close info</label>
								
			</div>
		</div>
	</div>
</div>
	</div><div class="mb-10">
<div class="bg-white min-h-[383px]">
	<div class="grid grid-cols-12 h-full">
		<div class="col-span-12 lg:col-span-6 relative">
			                                               
                    <iframe class="w-full h-[202px] lg:h-[383px]" type="text/html" src="https://www.youtube.com/embed/m5hNwoq333s" frameborder="0"></iframe>
                              
            		</div>
		<div class="col-span-12 lg:col-span-6 p-6 pb-0 lg:pb-6 relative">
			<h3 class="text-[#10294B] text-[24px] font-normal font-manrope leading-[28px] mb-[16px]">Veteran Affairs &amp;#8211; Make the Connection</h3>
			
			<p class="text-[#10294B] text-[14px] font-medium leading-[19.6px] tracking-[0.28px]">After leaving the military, Veterans may face a variety of mental health challenges, whether it’s been 10 days or 10 years since they served. The U.S. Department of Veterans Affairs (VA) wants every Veteran to know that they are not alone and that help is available.  
We need the ocean and the ocean needs us. 
</p>
			
			
			
			<div class="lg:absolute bottom-0 left-6 right-6 pt-4 lg:pt-0">
				
				<input type="checkbox" id="cardToggle-1217954896" name="cardToggle-1217954896" class="hidden peer" />
				
				<div class="hidden peer-checked:block lg:block">
					<div class="grid grid-cols-12 pb-3">
						<div class="col-span-12 lg:col-span-6 xl:col-span-4">
															<img width="960" height="960" src="https://www.eifoundation.org/wp-content/uploads/2025/08/Seal_of_the_U.S._Department_of_Veterans_Affairs.svg.png" class="w-auto h-auto max-w-[172px] max-h-[31px] block mb-4 lg:mb-6" alt="" decoding="async" loading="lazy" srcset="https://www.eifoundation.org/wp-content/uploads/2025/08/Seal_of_the_U.S._Department_of_Veterans_Affairs.svg.png 960w, https://www.eifoundation.org/wp-content/uploads/2025/08/Seal_of_the_U.S._Department_of_Veterans_Affairs.svg-300x300.png 300w, https://www.eifoundation.org/wp-content/uploads/2025/08/Seal_of_the_U.S._Department_of_Veterans_Affairs.svg-150x150.png 150w, https://www.eifoundation.org/wp-content/uploads/2025/08/Seal_of_the_U.S._Department_of_Veterans_Affairs.svg-768x768.png 768w" sizes="auto, (max-width: 960px) 100vw, 960px" />
													</div>
						
						<div class="col-span-12 lg:col-span-6 xl:col-span-4 pb-4">
													</div>
						
						<div class="col-span-12 lg:col-span-12 xl:col-span-4">
							
							<ul class="inline-block lg:block lg:mb-4 align-top mt-[4px]">
																																							</ul>			
						</div>
					</div>
				</div>
				
				<label for="cardToggle-1217954896" class="inline-block bg-white min-w-[210px] p-3 text-center text-[#215B7E] text-base font-normal no-underline tracking-[0.32px] w-full lg:w-auto block peer-checked:hidden lg:hidden">More info</label>
				<label for="cardToggle-1217954896" class="inline-block bg-white min-w-[210px] p-3 text-center text-[#215B7E] text-base font-normal no-underline tracking-[0.32px] w-full lg:w-auto hidden peer-checked:block lg:hidden">Close info</label>
								
			</div>
		</div>
	</div>
</div>
	</div><div class="mb-10">
<div class="bg-white min-h-[383px]">
	<div class="grid grid-cols-12 h-full">
		<div class="col-span-12 lg:col-span-6 relative">
			                                               
                    <iframe class="w-full h-[202px] lg:h-[383px]" type="text/html" src="https://www.youtube.com/embed/8rydEMbHocw" frameborder="0"></iframe>
                              
            		</div>
		<div class="col-span-12 lg:col-span-6 p-6 pb-0 lg:pb-6 relative">
			<h3 class="text-[#10294B] text-[24px] font-normal font-manrope leading-[28px] mb-[16px]">Veteran Affairs &amp;#8211; Flicker of Time</h3>
			
			<p class="text-[#10294B] text-[14px] font-medium leading-[19.6px] tracking-[0.28px]">After leaving the military, Veterans may face a variety of mental health challenges, whether it’s been 10 days or 10 years since they served. The U.S. Department of Veterans Affairs (VA) wants every Veteran to know that they are not alone and that help is available.  
We need the ocean and the ocean needs us. 
</p>
			
			
			
			<div class="lg:absolute bottom-0 left-6 right-6 pt-4 lg:pt-0">
				
				<input type="checkbox" id="cardToggle-1181589801" name="cardToggle-1181589801" class="hidden peer" />
				
				<div class="hidden peer-checked:block lg:block">
					<div class="grid grid-cols-12 pb-3">
						<div class="col-span-12 lg:col-span-6 xl:col-span-4">
															<img width="960" height="960" src="https://www.eifoundation.org/wp-content/uploads/2025/08/Seal_of_the_U.S._Department_of_Veterans_Affairs.svg.png" class="w-auto h-auto max-w-[172px] max-h-[31px] block mb-4 lg:mb-6" alt="" decoding="async" loading="lazy" srcset="https://www.eifoundation.org/wp-content/uploads/2025/08/Seal_of_the_U.S._Department_of_Veterans_Affairs.svg.png 960w, https://www.eifoundation.org/wp-content/uploads/2025/08/Seal_of_the_U.S._Department_of_Veterans_Affairs.svg-300x300.png 300w, https://www.eifoundation.org/wp-content/uploads/2025/08/Seal_of_the_U.S._Department_of_Veterans_Affairs.svg-150x150.png 150w, https://www.eifoundation.org/wp-content/uploads/2025/08/Seal_of_the_U.S._Department_of_Veterans_Affairs.svg-768x768.png 768w" sizes="auto, (max-width: 960px) 100vw, 960px" />
													</div>
						
						<div class="col-span-12 lg:col-span-6 xl:col-span-4 pb-4">
													</div>
						
						<div class="col-span-12 lg:col-span-12 xl:col-span-4">
							
							<ul class="inline-block lg:block lg:mb-4 align-top mt-[4px]">
																																							</ul>			
						</div>
					</div>
				</div>
				
				<label for="cardToggle-1181589801" class="inline-block bg-white min-w-[210px] p-3 text-center text-[#215B7E] text-base font-normal no-underline tracking-[0.32px] w-full lg:w-auto block peer-checked:hidden lg:hidden">More info</label>
				<label for="cardToggle-1181589801" class="inline-block bg-white min-w-[210px] p-3 text-center text-[#215B7E] text-base font-normal no-underline tracking-[0.32px] w-full lg:w-auto hidden peer-checked:block lg:hidden">Close info</label>
								
			</div>
		</div>
	</div>
</div>
	</div><div class="mb-10">
<div class="bg-white min-h-[383px]">
	<div class="grid grid-cols-12 h-full">
		<div class="col-span-12 lg:col-span-6 relative">
			                                               
                    <iframe class="w-full h-[202px] lg:h-[383px]" type="text/html" src="https://www.youtube.com/embed/hmy4pycEY-Y" frameborder="0"></iframe>
                              
            		</div>
		<div class="col-span-12 lg:col-span-6 p-6 pb-0 lg:pb-6 relative">
			<h3 class="text-[#10294B] text-[24px] font-normal font-manrope leading-[28px] mb-[16px]">Ocean Wise &amp;#8211; We Need the Ocean and the Ocean Needs Us</h3>
			
			<p class="text-[#10294B] text-[14px] font-medium leading-[19.6px] tracking-[0.28px]">The ocean is life! 1 out of every 2 breaths come from the ocean. It provides food and livelihood for billions around the world, covering three-quarters of the Earth’s surface and containing 97% of the Earth’s water. Healthy oceans and seas are essential to human existence, yet the health of the ocean is declining by nearly every measure.

We need the ocean and the ocean needs us. 
</p>
			
			
			
			<div class="lg:absolute bottom-0 left-6 right-6 pt-4 lg:pt-0">
				
				<input type="checkbox" id="cardToggle-988985745" name="cardToggle-988985745" class="hidden peer" />
				
				<div class="hidden peer-checked:block lg:block">
					<div class="grid grid-cols-12 pb-3">
						<div class="col-span-12 lg:col-span-6 xl:col-span-4">
															<img width="500" height="314" src="https://www.eifoundation.org/wp-content/uploads/2024/05/OW-Logo-Primary-RGB-500x314-1.png" class="w-auto h-auto max-w-[172px] max-h-[31px] block mb-4 lg:mb-6" alt="Ocean Wise Logo" decoding="async" loading="lazy" srcset="https://www.eifoundation.org/wp-content/uploads/2024/05/OW-Logo-Primary-RGB-500x314-1.png 500w, https://www.eifoundation.org/wp-content/uploads/2024/05/OW-Logo-Primary-RGB-500x314-1-300x188.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" />
													</div>
						
						<div class="col-span-12 lg:col-span-6 xl:col-span-4 pb-4">
													</div>
						
						<div class="col-span-12 lg:col-span-12 xl:col-span-4">
							
							<ul class="inline-block lg:block lg:mb-4 align-top mt-[4px]">
																																							</ul>			
						</div>
					</div>
				</div>
				
				<label for="cardToggle-988985745" class="inline-block bg-white min-w-[210px] p-3 text-center text-[#215B7E] text-base font-normal no-underline tracking-[0.32px] w-full lg:w-auto block peer-checked:hidden lg:hidden">More info</label>
				<label for="cardToggle-988985745" class="inline-block bg-white min-w-[210px] p-3 text-center text-[#215B7E] text-base font-normal no-underline tracking-[0.32px] w-full lg:w-auto hidden peer-checked:block lg:hidden">Close info</label>
								
			</div>
		</div>
	</div>
</div>
	</div></template></turbo-stream>