There is nothing to show here!
Slider with alias "home-page-slide" not found.
<style>
#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;
}
}
</style>
<div style="text-align: center; padding: 15px 0;">Powerful solutions to hunger are already here. Join our eNewsletter to get the stories delivered right 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: #a0343e; text-decoration: underline;">Read our privacy policy.</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>We provide funding, training, and other resources to grassroots organizations and social movements across the United States and 23 countries, championing local control of food access from seed to market to plate.</p>
Nourish People
<p>We connect people to food where they are, when they need it.</p>
Build Power
<p>We build global solidarity through advocacy, shared learning, and power-building.</p>
News & Upcoming Events
Highlights
91%
goes directly to
program work.
<a href="https://youtube.com/whyhunger">More Videos</a>
<style>
#homepage-signup-form-footer {
display: none;
max-height: 150px;
border-radius: 50px;
overflow: hidden;
}
.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;
}
}
</style>
<div style="text-align: center; padding: 15px 0;">Powerful solutions to hunger are already here. Join our eNewsletter to get the stories delivered right to your inbox.</div>
<div class="signup" id="homepage-signup-form-footer">
<script src="https://d1aqhv4sn5kxtx.cloudfront.net/actiontag/at.js" crossorigin="anonymous"></script>
<script>jQuery(document).ready(function($) {
setTimeout(function(){
$('#homepage-signup-form-footer').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: #a0343e; text-decoration: underline;">Read our privacy policy.</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>