<style>
.so-widget-sow-button-flat-ba333dd7c756 .ow-button-base a {
background: #9e3039;
color: #ffffff !important;
font-size: 1.3em;
}
.homepage2-title.mobile {
display: none;
}
.homepage2-title {
background: rgba(255,255,255,0.4);
color: black !important;
font-size: 3em;
line-height: 1.2em;
width: 40%;
padding: 30px 40px;
margin-top: 50px;
}
.donate-button {position: absolute; bottom: 10%; left: 3%;}
.donate-button a {
padding: 20px 40px !important;
}
.donate-button a:hover {
-webkit-box-shadow: 1px 2px 5px black;
box-shadow: 1px 2px 5px black;
}
@media (min-width: 1600px){
.homepage2-title {
padding: 30px 70px;
margin-top: 120px;
font-size: 3.5em;
}
#pl-24617 #panel-24617-0-0-1 {
margin: 170px 0px 170px 0px;
}
.donate-button a {
padding: 25px 70px !important;
font-size: 2.3em !important;
}
#pl-24617 #panel-24617-0-0-2 {
margin-bottom: 120px;
font-size: 2em;
}
}
@media (max-width: 1200px){
.homepage2-title {
width: 45%;
}
}
@media (max-width: 1050px){
.homepage2-title {
font-size: 2.7em;
}
}
@media (max-width: 1025px){
.panel-grid-cell {
padding: 0 !important;
}
}
@media (max-width: 940px){
.homepage2-title {
font-size: 2.5em;
}
}
@media (max-width: 890px){
.homepage2-title {
width: 55%;
}
}
@media (max-width: 768px){
.homepage2-title.desktop {
display: none;
}
.homepage2-title.mobile {
display: block;
}
.homepage2-title {
width: 90%;
margin: 50px auto 0 auto;
text-align: center;
}
.donate-button .ow-button-base {
text-align: center;
}
.desktop-image, .donate-button {
display: none!important;
}
.mobile-image-link {
display: block!important;
}
}
@media screen and (max-width: 550px) { .donate-button { bottom: 10px; left: 2.7%; } .donate-button a#homepage-donate { padding: 5px 10px !important; } }
</style>
<div style="position: relative; width: calc(100% + 60px); margin: 0 -30px; height: auto; max-width: calc(100% + 60px);">
<img src="https://whyhunger.org/wp-content/uploads/2020/11/Hungerthon-2020-Web-Homepage-1.jpg" alt="hungerthon2020" class="desktop-image" style="width: 100%; height: auto">
<a href="https://hungerthon.org" class="mobile-image-link" style="display:none"><img src="https://whyhunger.org/wp-content/uploads/2020/11/Hungerthon-2020-Mobile-Homepage.jpg" alt="hungerthon2020" style="width: 100%; height: auto;"></a>
<div class="donate-button panel-widget-style panel-widget-style-for-24617-0-0-0" style="">
<div class="so-widget-sow-button so-widget-sow-button-flat-ba333dd7c756">
<div class="ow-button-base ow-button-align-left">
<a href="https://hungerthon.org" class="ow-icon-placement-left" id="homepage-donate"><span>DONATE</span></a>
</div>
</div>
</div>
</div>
<style>
.find-food-btn {
display: inline-block;
text-align: center;
background: #a0343e;
color: white !important;
font-size: 1.3em;
padding: 10px 20px;
font-weight: 600;
margin-bottom: 20px;
}
@media screen and (max-width: 550px){
.find-food-btn {
font-size: 1em;
padding: 5px 10px;
}
}
</style>
<div style="text-align: center; padding: 15px 0;">Need help? Search for free food sites across the U.S.</div>
<div style="text-align: center"><a href="/find-food" class="find-food-btn">Find Food</a></div>
<script type="text/javascript">
jQuery( document ).ready(function($) {
$("#give-other-amount").change(function() {
var other = $("#give-other-amount").val();
$("#give-other").val(other);
});
});
</script>
Enrich Communities
<p>Invest in sustainable, grassroots solutions and training programs that help community members grow their own food, elevate their voice and share their knowledge with others.</p>
Nourish People
<p>Connect people to nutritious and affordable food through the most comprehensive database of emergency food access organizations in the U.S.</p>
Build Power
<p>Support communities working to transform our food system by building social justice and striking at the root causes of hunger and poverty.</p>
<style>
.content-header :hover {
color: #ffffff;
}
#homepage-signup-form {
display: none;
max-height: 45px;
}
.signup {
max-width: 600px;
margin: 0 auto;
padding: 0;
/*background-color:#ffffff;*/
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.21);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.21);
}
p.disclaimer {
color:#999999;
font-size:13px !important;
line-height:17px !important;
}
.disclaimer a {
transition:color 0.3s ease;
color:#9fac3d;
}
.disclaimer a:hover {
transition:color 0.3s ease;
color:#a0343e;
}
/* Form */
.ngp-form {
max-width:100% !important;
width:100%;
}
.at-title,
.at-markup,
.at-legend,
.at-text {
display:none;
}
.at-fieldset,
.at-form-submit,
.at-form-submit .at-submit,
.at-text,
.at-text.EmailAddress input {
font-family: 'Open Sans', sans-serif !important;
border-radius:0 !important;
padding:0 !important;
margin:0 !important;
font-size:20px;
}
.at-fieldset,
.at-form-submit {
float:left !important;
}
.at-fieldset {
min-width:65% !important;
width:65%;
}
.at-text.EmailAddress input {
padding:20px 15px !important;
min-height:45px;
color: black;
}
.at-text.EmailAddress input:hover {
color: black;
}
.at-text {
font-size:0 !important;
}
.at-form-submit {
width:35%;
}
.at .btn-at-primary {
transition:background 0.3s ease;
background:#a0343e !important;
font-weight:bold;
font-size:15px !important;
line-height:0;
text-transform:uppercase;
min-height:45px;
width:100%;
}
::placeholder {
color:#999999 !important;
}
.at .btn-at-primary:hover {
transition:background 0.3s ease;
background:#9fac3d !important;
}
.container {
width: 100%!important;
}
/* Message */
.content.thankYou {
width: 100%;
background: rgba(158, 48, 57, 0.7);
}
.contributions {
color: #ffffff;
font-weight: bold;
padding: 10px 20px;
text-align: center;
width: 100%;
}
/* Media Queries */
@media only screen and (max-width: 361px) {
.content__title {
font-size:30px;
text-transform:initial;
line-height:1.2em;
margin-top:8px;
margin-bottom:8px;
}
.at-text.EmailAddress input{ font-size:15px; padding:5px;}
}
@media only screen and (min-width: 480px) {
.content__title {
font-size:40px;
text-transform:initial;
line-height:1.2em;
}
.content p {
font-size:17px;
line-height:24px;
}
.disclaimer br {
display:none;
}
.at-text.EmailAddress input {
font-size:18px !important;
}
.at .btn-at-primary {
font-size:20px !important;
}
}
@media only screen and (min-width: 600px) {
.content__title {
font-size:40px;
text-transform:initial;
line-height:1.2em;
}
.content__main {
max-width:600px;
margin:10px auto 0 auto;
}
.at-fieldset {
min-width:75% !important;
width:75%;
}
.at-form-submit {
width:25%;
}
}
@media only screen and (min-width: 760px) {
.header__logo {
max-width:40%;
}
.content__title {
font-size:45px;
text-transform:initial;
line-height:1.5em;
margin-top:5px;
margin-bottom:5px;
}
}
@media only screen and (min-width: 1000px) {
.header {
display:block;
}
.header__title {
background:none;
width:70%;
}
.header__photo--mobile {
display:none;
}
.layout {
display:flex;
}
.content {
width:50%;
padding-right:20px;
}
}
@media only screen and (min-width: 1200px) {
.content {
padding-right:0;
}
}
@media screen and (max-width: 1200px){
#pl-24617 #panel-24617-0-0-0 {
/* margin: 350px 0px 60px 25px !important; */
}
}
</style>
<div style="text-align: center; padding: 15px 0;">Powerful solutions to hunger are already here. Get The Root Report, delivered weekly to your inbox.</div>
<div class="signup" id="homepage-signup-form">
<script src="https://d1aqhv4sn5kxtx.cloudfront.net/actiontag/at.js" crossorigin="anonymous"></script>
<script>jQuery(document).ready(function($) {
setTimeout(function(){
$('#homepage-signup-form').show();
}, 500);
});</script>
<div class="ngp-form" data-form-url="https://actions.everyaction.com/v1/Forms/NZ_IqhoJO06EHRSkVvzZ7g2"></div>
</div>
<div style="text-align: center; padding: 15px 0; font-size: 0.8em;">We’ll never share your email. <a href="https://whyhunger.org/whyhunger-policies/" target="_blank" style="color: white; text-decoration: underline;">Read our privacy policy.</a></div>
News & Upcoming Events
Highlights
86%
goes directly to
program work.
[lyte id=”ZbHP4OxXS3o” /]
[lyte id=”NYG2UlOh0h4″ /]
[lyte id=”E4KKinJUzpc” /]
[lyte id=”CbQf4ucIJR0″ /]
[lyte id=”a_jutn47_NA” /]
<a href="https://youtube.com/whyhunger">More Videos</a>