<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/telecasts?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/telecasts" 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/telecasts?category=43" 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="">Civic Betterment</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/telecasts?category=82" 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 Relief</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/telecasts?category=47" 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/telecasts?category=83" 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="">Veterans</a>
</li>
                            <li class="inline-block mr-3">	<a href="/wp-json/eif/v1/telecasts?category=81" 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="">Volunteerism</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">
							<img width="1000" height="563" src="https://www.eifoundation.org/wp-content/uploads/2024/03/LeBron-James-Welcome-1000x563-1.jpg" class="w-full h-[202px] lg:h-[383px] object-fit object-cover object-center" alt="LeBron James Welcome" decoding="async" loading="lazy" srcset="https://www.eifoundation.org/wp-content/uploads/2024/03/LeBron-James-Welcome-1000x563-1.jpg 1000w, https://www.eifoundation.org/wp-content/uploads/2024/03/LeBron-James-Welcome-1000x563-1-300x169.jpg 300w, https://www.eifoundation.org/wp-content/uploads/2024/03/LeBron-James-Welcome-1000x563-1-768x432.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" />
					</div>
		<div class="col-span-12 lg:col-span-6 p-6 pb-0 lg:pb-6 relative">
			<a href="https://www.eifoundation.org/telecasts/graduate-together/">
				<h3 class="text-[#10294B] text-[24px] font-medium leading-[28.8px] -tracking-[0.48px] mb-4">GRADUATE TOGETHER: America Honors the High School Class of 2020</h3>
			</a>
			<p class="text-[#10294B] text-[14px] font-medium leading-[19.6px] tracking-[0.28px]">The Entertainment Industry Foundation, XQ Institute, and the LeBron James Family Foundation hosted a Peabody-nominated, one-hour primetime special that aired across ABC, CBS, FOX, and NBC, and streamed on multiple platforms, including Facebook, Instagram, PEOPLE, and YouTube. </p>
			
			
			
			<div class="lg:absolute bottom-0 left-6 right-6 pt-4 lg:pt-0">
				
				<input type="checkbox" id="cardToggle-1406394735" name="cardToggle-1406394735" 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="2073" height="690" src="https://www.eifoundation.org/wp-content/uploads/2024/08/Grad-Together-Vert.png" class="w-[172px] h-[31px] block mb-4 lg:mb-6" alt="# GRADUATE TOGETHER: America Honors the High School Class of 2020 logo" decoding="async" loading="lazy" srcset="https://www.eifoundation.org/wp-content/uploads/2024/08/Grad-Together-Vert.png 2073w, https://www.eifoundation.org/wp-content/uploads/2024/08/Grad-Together-Vert-300x100.png 300w, https://www.eifoundation.org/wp-content/uploads/2024/08/Grad-Together-Vert-1024x341.png 1024w, https://www.eifoundation.org/wp-content/uploads/2024/08/Grad-Together-Vert-768x256.png 768w, https://www.eifoundation.org/wp-content/uploads/2024/08/Grad-Together-Vert-1536x511.png 1536w, https://www.eifoundation.org/wp-content/uploads/2024/08/Grad-Together-Vert-2048x682.png 2048w" sizes="auto, (max-width: 2073px) 100vw, 2073px" />
													</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]">
																									<li class="inline-block mr-6 align-top">
										<a href="https://www.instagram.com/graduatetogether/">
											<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
												<path d="M17 2H7C4.23858 2 2 4.23858 2 7V17C2 19.7614 4.23858 22 7 22H17C19.7614 22 22 19.7614 22 17V7C22 4.23858 19.7614 2 17 2Z" stroke="#215B7E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
												<path d="M15.9997 11.3698C16.1231 12.2021 15.981 13.052 15.5935 13.7988C15.206 14.5456 14.5929 15.1512 13.8413 15.5295C13.0898 15.9077 12.2382 16.0394 11.4075 15.9057C10.5768 15.7721 9.80947 15.3799 9.21455 14.785C8.61962 14.1901 8.22744 13.4227 8.09377 12.592C7.96011 11.7614 8.09177 10.9097 8.47003 10.1582C8.84829 9.40667 9.45389 8.79355 10.2007 8.40605C10.9475 8.01856 11.7975 7.8764 12.6297 7.99981C13.4786 8.1257 14.2646 8.52128 14.8714 9.12812C15.4782 9.73496 15.8738 10.5209 15.9997 11.3698Z" stroke="#215B7E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
												<path d="M17.5 6.5H17.51" stroke="#215B7E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
											</svg>
										</a>
									</li>
																															</ul>			
						</div>
					</div>
				</div>
				
				<label for="cardToggle-1406394735" 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-1406394735" 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">
							<img width="1000" height="368" src="https://www.eifoundation.org/wp-content/uploads/2024/05/Marc-Anthony-Somos-Una-Voz-e1553033319358-1000x368-1.jpg" class="w-full h-[202px] lg:h-[383px] object-fit object-cover object-center" alt="Marc Anthony, Somos Una Voz" decoding="async" loading="lazy" srcset="https://www.eifoundation.org/wp-content/uploads/2024/05/Marc-Anthony-Somos-Una-Voz-e1553033319358-1000x368-1.jpg 1000w, https://www.eifoundation.org/wp-content/uploads/2024/05/Marc-Anthony-Somos-Una-Voz-e1553033319358-1000x368-1-300x110.jpg 300w, https://www.eifoundation.org/wp-content/uploads/2024/05/Marc-Anthony-Somos-Una-Voz-e1553033319358-1000x368-1-768x283.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" />
					</div>
		<div class="col-span-12 lg:col-span-6 p-6 pb-0 lg:pb-6 relative">
			<a href="https://www.eifoundation.org/telecasts/somos-una-voz/">
				<h3 class="text-[#10294B] text-[24px] font-medium leading-[28.8px] -tracking-[0.48px] mb-4">Somos Una Voz</h3>
			</a>
			<p class="text-[#10294B] text-[14px] font-medium leading-[19.6px] tracking-[0.28px]">An artists&#039; alliance supporting communities impacted by natural disasters. </p>
			
			
			
			<div class="lg:absolute bottom-0 left-6 right-6 pt-4 lg:pt-0">
				
				<input type="checkbox" id="cardToggle-1613350624" name="cardToggle-1613350624" 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="450" height="176" src="https://www.eifoundation.org/wp-content/uploads/2024/08/Somos-Una-Voz-500x333-1.png" class="w-[172px] h-[31px] block mb-4 lg:mb-6" alt="Somos Una Voz logo" decoding="async" loading="lazy" srcset="https://www.eifoundation.org/wp-content/uploads/2024/08/Somos-Una-Voz-500x333-1.png 450w, https://www.eifoundation.org/wp-content/uploads/2024/08/Somos-Una-Voz-500x333-1-300x117.png 300w" sizes="auto, (max-width: 450px) 100vw, 450px" />
													</div>
						
						<div class="col-span-12 lg:col-span-6 xl:col-span-4 pb-4">
															<a href="" class="text-[#215B7E] text-base font-medium leading-[18px] tracking-[0.32px] "></a>
													</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-1613350624" 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-1613350624" 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">
							<img width="1000" height="669" src="https://www.eifoundation.org/wp-content/uploads/2024/05/One-Love-Manchester-Hero-3-1000x669-1.jpg" class="w-full h-[202px] lg:h-[383px] object-fit object-cover object-center" alt="Ariana Grande at One Love Manchester Benefit Concert" decoding="async" loading="lazy" srcset="https://www.eifoundation.org/wp-content/uploads/2024/05/One-Love-Manchester-Hero-3-1000x669-1.jpg 1000w, https://www.eifoundation.org/wp-content/uploads/2024/05/One-Love-Manchester-Hero-3-1000x669-1-300x201.jpg 300w, https://www.eifoundation.org/wp-content/uploads/2024/05/One-Love-Manchester-Hero-3-1000x669-1-768x514.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" />
					</div>
		<div class="col-span-12 lg:col-span-6 p-6 pb-0 lg:pb-6 relative">
			<a href="https://www.eifoundation.org/telecasts/one-love-manchester/">
				<h3 class="text-[#10294B] text-[24px] font-medium leading-[28.8px] -tracking-[0.48px] mb-4">One Love Manchester &amp;#8211; Ariana Grande</h3>
			</a>
			<p class="text-[#10294B] text-[14px] font-medium leading-[19.6px] tracking-[0.28px]">Attended by 55,000 people and seen by fans around the world, One Love Manchester served as a reminder of the resilience of humanity in the wake of terror.  In May of 2017, a bombing was carried out at Manchester Arena as Grande performed for fans as part of her Dangerous Woman tour, killing 22 people and injuring more than 50.</p>
			
			
			
			<div class="lg:absolute bottom-0 left-6 right-6 pt-4 lg:pt-0">
				
				<input type="checkbox" id="cardToggle-197479920" name="cardToggle-197479920" 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="1000" height="563" src="https://www.eifoundation.org/wp-content/uploads/2024/05/One-Love-Manchester-png.png" class="w-[172px] h-[31px] block mb-4 lg:mb-6" alt="One Love Manchester logo" decoding="async" loading="lazy" srcset="https://www.eifoundation.org/wp-content/uploads/2024/05/One-Love-Manchester-png.png 1000w, https://www.eifoundation.org/wp-content/uploads/2024/05/One-Love-Manchester-png-300x169.png 300w, https://www.eifoundation.org/wp-content/uploads/2024/05/One-Love-Manchester-png-768x432.png 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" />
													</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-197479920" 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-197479920" 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">
							<img width="2086" height="1130" src="https://www.eifoundation.org/wp-content/uploads/2024/05/GYI0059366211-scaled-1-e1733026830364.jpg" class="w-full h-[202px] lg:h-[383px] object-fit object-cover object-center" alt="(left to right) Bono, Jay-Z, Rihanna, for Hope for Haiti Now" decoding="async" loading="lazy" srcset="https://www.eifoundation.org/wp-content/uploads/2024/05/GYI0059366211-scaled-1-e1733026830364.jpg 2086w, https://www.eifoundation.org/wp-content/uploads/2024/05/GYI0059366211-scaled-1-e1733026830364-300x163.jpg 300w, https://www.eifoundation.org/wp-content/uploads/2024/05/GYI0059366211-scaled-1-e1733026830364-1024x555.jpg 1024w, https://www.eifoundation.org/wp-content/uploads/2024/05/GYI0059366211-scaled-1-e1733026830364-768x416.jpg 768w, https://www.eifoundation.org/wp-content/uploads/2024/05/GYI0059366211-scaled-1-e1733026830364-1536x832.jpg 1536w, https://www.eifoundation.org/wp-content/uploads/2024/05/GYI0059366211-scaled-1-e1733026830364-2048x1109.jpg 2048w" sizes="auto, (max-width: 2086px) 100vw, 2086px" />
					</div>
		<div class="col-span-12 lg:col-span-6 p-6 pb-0 lg:pb-6 relative">
			<a href="https://www.eifoundation.org/telecasts/hope-for-haiti-now/">
				<h3 class="text-[#10294B] text-[24px] font-medium leading-[28.8px] -tracking-[0.48px] mb-4">Hope For Haiti Now</h3>
			</a>
			<p class="text-[#10294B] text-[14px] font-medium leading-[19.6px] tracking-[0.28px]">The telecast of Hope for Haiti Now: A Global Benefit for Earthquake Relief drew more than 83 million viewers in the United States and raised more than $66 million for community relief.</p>
			
			
			
			<div class="lg:absolute bottom-0 left-6 right-6 pt-4 lg:pt-0">
				
				<input type="checkbox" id="cardToggle-105761028" name="cardToggle-105761028" 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="520" height="97" src="https://www.eifoundation.org/wp-content/uploads/2024/08/Hope-for-Haiti-Now-png.png" class="w-[172px] h-[31px] block mb-4 lg:mb-6" alt="Hope For Haiti Now logo" decoding="async" loading="lazy" srcset="https://www.eifoundation.org/wp-content/uploads/2024/08/Hope-for-Haiti-Now-png.png 520w, https://www.eifoundation.org/wp-content/uploads/2024/08/Hope-for-Haiti-Now-png-300x56.png 300w" sizes="auto, (max-width: 520px) 100vw, 520px" />
													</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-105761028" 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-105761028" 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>