@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,300&display=swap");
:root {
--primary-color: #F5B041;
--white-color: #ffffff;
--mgray-color:#bcbcbc;
--lgray-color: #d9d9d9;
--black-color:#000000;
--dgray-color: #DCDDDE;
--light-blue:#97a8d1;
--md-gray:#9D9FA2;
--gray6:#666666;
--gray7:#717171;
--grayc:#cccccc;
--white:#ffffff;
--gray:#CCCCCC;
--dgray:#D9D9D9;
}
@font-face {
font-family: 'Helvetica Neue';
src: url(//newmexicofoodpantry.org/wp-content/themes/fonts/helvetica-neue.woff) format('woff'),
url(//newmexicofoodpantry.org/wp-content/themes/fonts/helvetica-neue.woff2) format('woff2');
font-style: normal;
font-display: swap;
}
.helvetica{font-family: 'Roboto', sans-serif;}
body{ color: #000000 !important; font-family: 'Roboto', sans-serif; line-height:1.42857}
header{ background-color: var(--primary-color);}
a{ text-decoration:none;}
.bg-gray { background-color: var(--lgray-color);}
.bg-dgray { background-color: var(--dgray-color);}
.bg-blue{background-color: var(--primary-color); }
.text-blue{color: #416b956;}
.text-dblue{color: #416b956;}
.text-gray{ color: var(--md-gray) !important;}
.text-dgray{color: #444444;}
.underline{ text-decoration:underline;}
.btn-white{ background-color: var(--white-color); color:var(--primary-color); text-decoration: none; display: inline-block; padding: 5px 10px; border-radius: 5px; font-size: 0.875rem; font-weight: 700;}
.btn-primary{background-color: var(--primary-color); border-color:  var(--primary-color); }
.shadow-sm { box-shadow: 0 .175rem .50rem rgba(0, 0, 0, .085) !important;}
hr{ color:var(--dgray-color);}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{line-height:1.2}
.f12{ font-size: 12px;}
.f14{ font-size: 14px;}
.f15{ font-size: 15px;}
.f18{ font-size: 18px;}
.f24{ font-size: 24px;}
.font-weight-700{font-weight: 700; }
.navbar-brand{ color: #ffffff !important; font-size:14px; padding:4px 0;}
.navbar{padding: 1.163rem 0 !important;}
.brand-logo h2{font-size: 24px; font-weight: 600; line-height: calc(36px);}
.brand-logo p{font-size: 14px; font-weight: 600; line-height: calc(21px);}
.brand-logo img{ display: inline-block; margin-right: 16px; height: 48px;}
.section-space{ padding-top: 3rem; padding-bottom: 3rem;}
.section-space-inner{ padding-top: 2rem; padding-bottom: 2rem;}
.bg-dgray { background-color: var(--dgray-color);}
.banner-section{padding-top: 2.5rem !important; padding-bottom: 2.5rem !important;}
.warning-section { border-color: #ffb70e !important; background-color: #fffcf5; margin-bottom:.75rem;}
.banner-hd{font-size: 32px; font-style: normal; line-height: calc(48px);}
.banner-sub-hd{font-size: 20px; font-style: normal; font-weight: 700; line-height: calc(30px);}
.select-state{ border-radius: 10px; padding: 30px 30px 24px; margin-top:.75rem !important;}
.security-text{font-size:20px; font-weight:500;line-height: 20px;}
.security-text img{ width:26px; height:26px;}
.page-section-heading{ background-color: var(--primary-color); padding: 16px;}
.page-section-heading h2{font-size: 32px; font-style: normal; line-height: calc(48px);}
.status-progress-bar li{ font-weight: bold; font-size: 12px; position: relative;}
.status-progress-bar li.list-inline-item:not(:last-child) { margin-right: .5rem;}
.status-progress-bar li.current:before{ display:inline-block; padding-right:7px; vertical-align:sub; content:"\00BB"; line-height: 0px; font-size: 26px;     position: absolute;
left: -19px; top: 8px;}
.step-num{font-size: 20px;font-weight: bold;color: var(--primary-color);border: 3px solid var(--primary-color);width: 48px;height: 48px;line-height: 20px;display: flex;align-items: center;justify-content: center;border-radius: 50%; margin-right: 10px;}
.application-form{position: relative;}
.state-form-heading{font-size: 16px; color: #416b956; text-transform: uppercase; font-weight: 600;position: absolute; left: 15px; top: 14px;}
.state-form-heading:before { display: inline-block; padding-right: 7px; content: "\00BB"; line-height: 0px; font-size: 26px; border: none; }
.gform_wrapper .gform_heading{ height: 4px;}
.gform_body{padding-top: 20px !important;}
.mobile-progress{ display:flex;justify-content:space-between;align-items:center; padding: 6px 15px; color: #416b956; background-color: #eaeaea;}
.mobile-progress h3{font-weight: 700; font-size: 13px; position: relative;}
.mobile-progress h3:before {display: inline-block; padding-right: 7px; vertical-align: sub; content: "\00BB"; line-height: 0px; font-size: 26px;}
.mobile-progress h4{font-size: 13px; color: #717171;font-weight: 400;}
.custom-tooltip{position: sticky;top: 0; background-color:var(--dgray-color); padding: 16px; border-radius: 8px;font-size: 13px !important; text-align: left;}
.custom-tooltip h4 { font-size: 1.35rem; margin-bottom: 10px;}
.custom-tooltip-text p:first-child > b { border-bottom:2px solid #000000;}
#field_101_316 .gsection_title{ display: none;}
.application-form .gform_wrapper{border: 1px solid var(--lgray-color); border-radius: 6px;margin-top:0;}
.application-form .gform_wrapper ul.gform_fields li.gfield {flex-wrap: wrap;padding: 10px 15px 0!important; display: flex; align-items: center;margin-right:0px;margin-top:0;}
.application-form .gform_wrapper ul.gform_fields li.gfield.pt-0{padding-top: 0 !important;}
.application-form .gform_wrapper ul.gform_fields li.gfield.pb-4 {padding-bottom: 1.5rem !important;}
.application-form .gform_wrapper li.gfield.field_description_below+li.gsection{ margin-top: 0 !important;}
.application-form .gform_wrapper .top_label .gfield_label, body .application-form .gform_wrapper .top_label div.ginput_container { flex: 1; }
.application-form .gform_wrapper .gsection{    border-top: 1px solid #ccc; border-bottom:none !important; }
.application-form .gform_wrapper .gsection:first-child{  margin-top: 24px !important;}
.application-form .gform_wrapper h2.gsection_title{padding-top: 20px !important; padding-bottom: 0px !important;font-size: 14px !important;color: var(--primary-color); }
.application-form .gform_wrapper .top_label .gfield_label{font-weight: normal;padding-right: 15px;font-weight: 500 !important;!i;!;color: #666666;font-size: 14px;text-align: left;}
.application-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),.contact-block .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){font-size:14px; height:32px; border: 1px solid #cccccc !important;border-radius:0.375rem; width: 100%;}
.application-form .gform_wrapper.gf_browser_chrome select { width:100% !important; font-size:14px; height: 32px; border: 1px solid #CCCCCC;border-radius:0.375rem; background-color: #ffffff;}
.application-form .gform_wrapper .gform_footer{ text-align: center; padding: 20px 0; border-top: 1px solid #ccc; margin-top: 0;position:relative}
.application-form .gform_footer button:not(:disabled),.gform_button{padding-top: 0.25rem!important;  padding-bottom: 0.25rem!important;  padding-right: 1.5rem!important; padding-left: 1.5rem!important; font-size: 1.125rem; color: #ffffff; border: none; border-radius: 6px;}
.application-form .gform_footer button.activebutton,.gform_button{background-color: var(--primary-color); border-color: var(--primary-color); cursor:pointer;}
.application-form .gform_wrapper ul.gfield_radio{display: block;  gap: 15px; align-items: center;}
.application-form .gform_wrapper .top_label div.ginput_container {  position: relative;}
.application-form .gform_wrapper ul.gform_fields li.gfield.select-role input[type=radio]{ vertical-align: top; margin-top: 6px !important;}
.application-form .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio]{ margin-top:0 !important;}
.application-form .gform_wrapper .gform_heading h3{ display:none;}
.application-form .gform_wrapper ul li.field_description_below div.ginput_container_radio{ margin:0 !important}
.application-form .gform_wrapper .validation_message{width: 100%; text-align: left; color: #ff0000; font-size: 14px; font-weight: 400 !important;}
.application-form .gform_footer button:not(:disabled) + p{color: #9d9fa2;font-size: 12px;font-weight: normal;position: relative;margin: 15px 15px 0;text-align: left;}
.application-form .gform_footer button:not(:disabled) + p input[type="checkbox"] { position: absolute; left: 0; top: 2px;}
.application-form .gform_wrapper .section-hd-hide h2.gsection_title{ padding-top:0 !important; }
body .application-form .gform_wrapper img.ui-datepicker-trigger{ position: absolute; right: 10px; top: 50%; transform: translateY(-45%);}
.application-form .gform_wrapper .top_label li ul.gfield_radio{ display: block;}
.application-form .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select{ width:100%;}
.application-form .gform_wrapper h3{ font-size:16px; font-weight: 600 !important;}
.application-form .gform_wrapper h4{ padding-top: 20px !important;  padding-bottom: 0px !important; margin-bottom: 0; font-size: 14px !important; color: var(--primary-color); font-weight: 700;}
.application-form .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li{margin: 0 !important;}
.application-form .gform_wrapper .field_description_below.upload-files .gfield_description { color: #767676 !important; margin-left: 51% !important; margin-top: 4px; font-size: .688em;}
.application-form .gform_wrapper .top_label .gsection_description{ margin-bottom: 0 !important;}
.application-form .gform_wrapper .field_description_below .gfield_description{padding-top: 0 !important;}
.application-form .validation_hint{font-size: .688em;color: #767676;width: 92% !important;white-space: nowrap !important;margin-top: 4px !important;margin-bottom: 0; margin-bottom: 0;}
.application-form .gfield_error_1, .application-form .gform_wrapper .top_label .gfield_error:not(select.gfield_error):not(input.gfield_error){width: 100%; text-align: right; color: #ff0000; font-size: 14px;}
.application-form .gform_wrapper .field_description_below.upload-files .gfield_description.validation_message{margin-left: 0 !important; margin-top: -36px; color: #ff0000 !important; font-size: 14px !important;  font-weight: 400 !important;}
.application-form .gform_wrapper .top_label select.medium {width: 100% !important; background: #ffffff;}
.application-form .gform_wrapper div.validation_error{margin-top: 46px !important; margin-bottom: 0 !important;}
.application-form .gform_wrapper li.gfield.gfield_error{background-color: transparent; border: none;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container{ margin-top:0 !important;}
.gform_wrapper select{height: 32px; border: 1px solid #cccccc;  border-radius: 0.375rem;  font-size: 14px;}
.application-form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){max-width: 100% !important;}
.type-filing .gfield_radio{ margin:0 !important;}
.gpfup__files{border-radius: 5px 5px 0 0 !important;}
.gpfup__droparea{border-radius: 5px !important; height: 3rem !important;}
.gpfup__droparea > div{justify-content: space-between !important;}
.gpfup__select-files{    background-color: var(--primary-color);  border-color: var(--primary-color); font-size: 1rem; color: #ffffff; text-transform: uppercase; font-weight: 700; border-radius: 5px; border: none; padding: 3px 10px;}
.form-block .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),.contact-block .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){font-size:14px; height:32px; border: 1px solid #cccccc;border-radius:0.375rem; width: 100%;}
.form-block .gform_footer{ text-align:center}
.form-block .gform_wrapper textarea.small{font-size:14px; border: 1px solid #000000;border-radius:0.375rem; width: 100%;}
.contact-block .gform_footer button:not(:disabled){background-color: var(--primary-color); border-color: var(--primary-color); font-weight: 700;  padding-top: 0.75rem!important;  padding-bottom: 0.75rem!important;  padding-right: 1.5rem!important; padding-left: 1.5rem!important; font-size: 1.25rem; color: #ffffff; border: none; border-radius: 6px;}
.contact-block .gform_footer button:not(:disabled){padding-right: 5rem!important; padding-left: 5rem!important;}
.faq-accordion .accordion-item{ border-radius: 0;}
.faq-accordion  h2 .accordion-button{ font-size: 18px;  font-style: normal;  font-weight: 700;  line-height: calc(27px); padding: 20px 52px; }
.faq-accordion .accordion-button:not(.collapsed){ background: none;  box-shadow: none;}
.faq-accordion .accordion-button::after{ position: absolute; left: 16px; background-image: none; border-top:10px solid var(--gray6); border-left:10px solid transparent; border-right:10px solid transparent; }
.faq-accordion .accordion-button.collapsed::after{top: 28px;}
.faq-accordion .accordion-body{ padding:0 80px 30px;}
.faq-accordion.inner  h2 .accordion-button{font-size: 16px; padding: 15px 45px;}
.faq-accordion.inner .accordion-button::after{ left: 15px; border-top:10px solid var(--gray6); border-left:10px solid transparent; border-right:10px solid transparent;}
.faq-accordion.inner .accordion-button.collapsed::after{top:20px}
.faq-accordion.inner .accordion-button::after{top:10px}
.faq-accordion.inner .accordion-body{ padding:0 45px 15px;}
.faq-block{border-radius:0; padding: .5rem 1rem !important;}
.faq-block h5 a{ font-size:13px; font-weight:600; color:#416b956;}
.faq-block h5 a:hover{ text-decoration:none; }
.faq-block p,.faq-block { font-size:13px;}
.form-block{padding:15px 20px !important;}
.form-block{position: relative;  border:1px solid var(--dgray-color); border-radius: 6px; padding: 20px;}
.form-section-hd{color: var(--primary-color); font-size: 18px; border-bottom:1px solid var(--dgray-color); padding-bottom: 8px;}
.form-section-hd .lock-icon{background:url(//newmexicofoodpantry.org/wp-content/themes/imgs/lock-icon.svg) no-repeat center center; background-size: 100%; display: inline-block; width: 22px; height: 22px; vertical-align: middle;}
.form-total-block{border-bottom:1px solid var(--dgray-color); padding-bottom: 8px;}
.form-total-hd{ font-size: 16px;}
.form-total-note{ font-size: 12px;}
.order-summary-block .form-check{ font-size: 14px;}
.form-check-input{ border-color: var(--black-color); margin-top: 2px;}
.order-note-text{ margin-left: 36px;  font-size: 9px; }
.order-summary-block .info-icon{cursor: pointer;background:url(//newmexicofoodpantry.org/wp-content/themes/imgs/help-icon.svg) no-repeat center center; background-size: 100%; display: inline-block; width: 16px; height: 16px; vertical-align: sub;}
.form-block .col-form-label{ border-bottom: 1px solid var(--dgray-color); font-weight: 700; color: var(--gray6); font-size: 14px;}
.form-block .form-control,.form-block .form-select{font-size: 14px; border-color: var(--grayc); padding-top: 0.25rem;  padding-bottom: 0.25rem;}
.what-text{text-decoration: none;  color: var(--md-gray);}
.amount{min-width: 36px;}
.info-box{ border:1px solid var(--dgray-color); border-radius: 6px; padding: 20px 0px 20px 20px;}
.info-close-btn{ background: none; padding: 0; border: none; position: absolute; right: 15px; top:0;} 
.info-close-icon{background:url(//newmexicofoodpantry.org/wp-content/themes/imgs/close-icon.svg) no-repeat center center; background-size: 100%; display: inline-block; width: 14px; height: 14px; vertical-align: middle;}
.ms-12{ margin-left: 12px;}
.title-border-top{border-top: 1px solid var(--dgray-color);}
.inactive-order .form-check-input{border-color:#cccccc !important;}
.inactive-order {color:#cccccc !important;}
footer.main-footer{background-color:var(--primary-color); font-size: 14px; color: var(--white-color); margin-top: 0 !important;}
footer.main-footer .list-inline-item:not(:last-child){ margin: 0;}
footer.main-footer a{ color:var(--white-color); text-decoration: none; position: relative; display: inline-block; padding: 0 21px;}
footer.main-footer .list-inline-item:not(:last-child) a:after{content: ''; position: absolute; height: 15px; width: 1px; background-color: var(--white-color); right: 0; top:50%; transform: translateY(-50%);}
footer.main-footer a:hover{ color:var(--white-blue); text-decoration: underline;}
.section-space{ padding-top: 3rem; padding-bottom: 3rem;}
.section-space-inner{ padding-top: 2rem; padding-bottom: 2rem;}
.summ-block{box-shadow: 0px 1px 8px #aaa; margin-bottom: 15px;padding: 30px;}
.summ-block h3{ font-weight: 700;}
.summ-block h2{ font-weight: 400; font-size: 28px;}
.summ-block .btn{min-width: 150px;}
.summ-block table th, .summ-block table td{ padding:.25rem 0; font-size: 16px; font-weight: 600;}
.summ-block table th{ width: 280px;  color: #717171}
.summ-block table td{ color: #000000;}
.confirm-hd{ position: relative; font-size: 23px; font-weight: 700; padding-bottom: 22px;}
.confirm-hd:after { content: '';position: absolute; bottom: 0; width: 150px; height: 2px; background-color: #F7931E; margin: auto;left: 0;right: 0;}
.confirm-wapper .confirm-hd:after{ width: 100%;}
.confirm-wapper .text-gray{color: #717171 !important; font-weight: 700; margin-bottom: .5rem; }
.login-bg{background-color: #f0f0f0 !important;}
.login-section{min-height: 100vh;}
.login-ro, .login-row{ padding: 1rem;}
.sign-in-page .login-block{background-color: var(--white); padding: 30px; border: 1px solid var(--gray); box-shadow: 0px 0px 5px var(--dgray); border-radius: 8px;}
.login-bg{background-color: #f0f0f0 !important;}
.login-section{min-height: 100vh;}
.login-ro, .login-row{ padding: 1rem;}
.login-block{background-color: var(--white); padding: 30px; border: 1px solid var(--gray); box-shadow: 0px 0px 5px var(--dgray); border-radius: 8px;}
.login-block h2{ font-size: 26px;}
.login-block span{ color: var(--primary-color);}
.login-block .btn-primary{ font-size: 16px;}
.login-block a{ color: #1359bd; }
.login-row .btn-primary{font-weight: 500 !important;
min-width: 130px;}
.status-progress-bar h3{ font-size: 14px;}
.inner-subheading { font-size: 20px !important; text-align: center;}
.contactpg .form-block .gform_wrapper .gform_body{padding: 0 !important;}
#loader{position: absolute; left: 0; right: 0; top: 0; bottom: 0; justify-content: center; align-items: center; background-color: rgba(255, 255, 255, 0.7);}
.whats-text{text-decoration:none !important;font-weight:600 !important;font-size:14px !important;}
.whattextimage img{display:none;}
.whattextimage:hover + img{
display: block;
}
.whattextimage:hover img{
display: block;
position:absolute;
bottom:-64px;
border:1px solid #ccc;
border-radius:5px;
}
.loader-block{ background-color: rgba(255,255,255,0.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; padding-top: 30px;}
.circle-loader { border: 5px solid #cccccc; border-top: 5px solid #004675; border-radius: 50%; width: 30px; height: 30px; animation: spin 2s linear infinite; display: inline-block;}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.mt-space.sub-pages {
padding-top: 50px;
}
@media (min-width: 768px) {
.process-block { padding-left: 15px; padding-right: 15px;}		
body .application-form .gform_wrapper .top_label div.ginput_container{margin-top: 3px;}
.application-form  .gform_wrapper .gf_progressbar_wrapper{padding: 16px;}
.application-form .gform_wrapper .button{background-color: var(--primary-color); border-color: var(--primary-color); font-weight: 400;  padding-top: 0.5rem!important;  padding-bottom: 0.5rem!important;  padding-right: 1.5rem!important; padding-left: 1.5rem!important; font-size: 1.25rem; color: #ffffff; border: none; border-radius: 8px;margin-bottom:0px;}        
.application-form .gfield_error_1, .application-form .gform_wrapper .top_label .gfield_error:not(select.gfield_error):not(input.gfield_error){text-align: left;}
.application-form .gform_wrapper .gform_page_footer{ padding: 16px !important;}
.application-form .gform_wrapper .button.gform_previous_button,.application-form .gform_wrapper .button.gform_next_button { background: var(--dgray-color);padding-bottom:0.4rem !important;padding-top:0.4rem !important;font-size:1.25rem !important;}
.application-form .gform_wrapper .button.gform_next_button {background-color: var(--primary-color); border-color: var(--primary-color);}        
.w-md-100{ width: 100%;}
.card-logos-group{margin-top: 6px;}
.summ-block h3{font-size: 20px;}
}
@media (min-width: 992px) {
.section-space{ padding-top: 2.5rem; padding-bottom: 2.5rem;}
.select-state{ border-radius: 10px; padding:32px 50px 23px;  width: 540px; margin: auto;}
.process-block{ padding-left: 30px; padding-right: 30px; }
.process-block:not(:last-child){border-right: 1px solid rgba(255,255,255,0.4);}
.status-progress-bar li{ font-size: 14px;}
.status-progress-bar li.list-inline-item:not(:last-child) { margin-right: 1.25rem;}
.w-md-auto{ width: auto !important;}	
.section-space{ padding-top: 2.5rem; padding-bottom: 2.5rem;}
.login-row{ width: 420px;}
.login-row img, .login-ro img{
width: 290px;
object-fit: cover;
}
.login-row #submit-btn{
padding: 7px 22px;
margin-top: 10px;
}
.gform_confirmation_message_103{ min-height: 400px; display: flex; align-items: center; text-align: center;}
.space-lg {margin-bottom:150px;}
}
@media (min-width: 1400px) {
section .container{ width:70%}
page-title + .container{ max-width: 100% !important;}
.application-form{ margin-bottom:150px;}
}
@media (max-width: 767.98px) {
.navbar-toggler{padding: 0;border: none;}
.side-collapse-container{ width:100%; position:relative;  left:0;  transition:left .4s;  }
.side-collapse-container.out{  left:300px; }
.side-collapse {  top:95px; bottom:0;  left:0; width:250px; padding: 15px; background: #f2f8ff; position:fixed; overflow:hidden; transition:width .4s; }
.side-collapse li{padding:0 1rem;}
.side-collapse.in {  width:0;  left:-30px;}
.side-collapse a{ display: block;}
.card-logos-group{width: 180px;}
.form-block .col-form-label{  border: none;}
.section-space { padding-top: 1.5rem; padding-bottom: 1.5rem;}
.process-block br{ display:none;}
.process-block h4{ margin-top:15px;font-size: 16px;}
.process-block .d-flex{  width: 274px; margin: auto;}
.process-block img {height: 48px;}
.page-section-heading h2{font-size: 20px; font-style: normal; line-height: calc(36px);}
.faq-accordion h2 .accordion-button, .faq-accordion .accordion-body{padding: 20px 20px 20px 52px;}
.application-form .gform_wrapper ul.gform_fields li.gfield{display: block;}
.application-form  .gform_wrapper .gf_progressbar_wrapper{padding: 0px;}
.application-form .gform_wrapper .button{background-color: var(--primary-color); border-color: var(--primary-color); font-weight: 700;  padding-top: 0.4rem!important;  padding-bottom: 0.4rem!important;  padding-right: 1.5rem!important; padding-left: 1.5rem!important; font-size: 1.25rem; color: #ffffff; border: none; border-radius: 8px; text-transform: uppercase;width:100%;margin-bottom:15px;}        
.application-form .gfield_error_1, .application-form .gform_wrapper .top_label .gfield_error:not(select.gfield_error):not(input.gfield_error){text-align: left;}
.application-form .gform_wrapper .gform_page_footer{ padding: 16px !important;display: flex;flex-direction: column;margin-bottom:0;}
.application-form .gform_wrapper .button.gform_previous_button,.application-form .gform_wrapper .button.gform_next_button { background: var(--dgray-color);padding-bottom:0.4rem !important;padding-top:0.4rem !important;font-size:1.25rem !important;}
.application-form .gform_wrapper .button.gform_next_button {background-color: var(--primary-color); border-color: var(--primary-color);} 
.application-form .gform_wrapper .button + p input[type="checkbox"] { position: absolute;left: 0;top: 2px;}
.application-form .gform_wrapper .button {cursor: not-allowed;font-weight: 400;  padding-top: 0.75rem!important;  padding-bottom: 0.75rem!important;  padding-right: 1.5rem!important; padding-left: 1.5rem!important; font-size: 1.25rem; color: #ffffff; border: none; border-radius: 8px; text-transform: capitalize;}
.application-form .gform_wrapper .button.activebutton{background-color: var(--primary-color); border-color: var(--primary-color); cursor:pointer;font-size: 1.25rem;}
.gform_wrapper .gform_page_footer .button.gform_previous_button {order: 2;}
.application-form .gform_wrapper .button.gform_next_button {order: 1;}
.application-form .gform_wrapper .button{line-height: 2 !important; min-height: 2rem !important;padding-top:0.4rem !important;padding-bottom:0.4rem !important;}
.application-form .gform_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error, .application-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-top: 0;}
.application-form.initial-form .gform_wrapper .gform_footer{padding: 20px 15px;}
.application-form.initial-form .gform_wrapper .button.activebutton{margin-bottom: 0;}
.gform_wrapper .gform_page_footer .button.gform_previous_button{    margin-bottom: 0 !important;}
.footer.main-footer{ margin-top:0 !important;}
.section-space { padding-top: 1.5rem; padding-bottom: 1.5rem;}
.sign-in-page .login-block{width: 350px; padding: 30px 15px;}
.login-row img{width: 318px;} 
.application-form .gform_body { padding-top: 45px !important;}
.application-form .gform_wrapper .field_description_below.upload-files .gfield_description{ margin-left: 0 !important;}
}@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #F5B041;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--darkblue: #0071BC;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
body, html{
font-family: "Oswald", sans-serif !important;
font-size: 16px;
line-height: 1.5;
color: #000;
background-color: #fff;
margin: 0;
padding: 0;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6{
font-family: "Oswald", sans-serif;
font-optical-sizing: auto;
font-weight: 900;
font-style: normal;
}
section#hpbanner {
padding: 180px 0;
background-size: cover;
background-position: bottom center;
background-attachment: fixed;
position: relative;
}
section#hpbanner::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #00000057;
}
section#hpbanner h1 {
text-align: center;
color: #fff;
font-size: 50px;
text-transform: uppercase;
font-weight: 800;
}
a.btn {
background-color: var(--primary) !important;
border-radius: 0;
font-size: 16px;
text-transform: uppercase;
margin: 0 auto;
color: #fff;
padding: 10px 30px;
width: 250px;
margin: 20px auto 0;
display: block;
line-height: 25px;
}
section#hpbanner .btn:hover {
background-color: #fff;
transition: all  0.3s ease-out;
}
section#app-header {
background-color: #ffffff;
padding: 10px 0px;
}
section#app-header ul#mega-menu-header-menu {
background-color: #fff;
}
section#app-header ul#mega-menu-header-menu li a, section#app-header ul.mega-sub-menu li a {
color: var(--primary)!important;
background-color: #fff !important;
transition: 0.3s ease-out;
text-transform: uppercase !important;
font-weight: 700 !important;
}
section#app-header ul.mega-sub-menu {
background-color: #fff !important;
border-bottom-right-radius: 10px !important;
border-bottom-left-radius: 10px !important;
}
section#app-header ul.mega-sub-menu li a{
font-size: 14px !important;
}
section#app-header ul#mega-menu-header-menu li:hover > a {
text-decoration: underline !important;
}
section#app-header ul.mega-sub-menu li {
padding: 5px !important;
}
section#hp1 {
padding: 50px 0;
}
section#app-header .container {
display: flex;
align-items: center;
}
section#app-header .container img {
width: 100%;
}
section#app-header .container a.logox {
width: 150px;
}
section#app-header .container  div#mega-menu-wrap-header-menu {
margin-left: auto;
}
header.fb-entry-header {
padding: 40px 0;
text-align: center;
color: #fff;
text-transform: uppercase;
}
div#fb-header-title {
padding: 40px 0;
}
header.fb-entry-header h3 {
color: #dddddd;
font-weight: 400;
font-size: 1.5rem;
}
div#fb-header-title p {
font-weight: 600;
text-transform: uppercase;
font-size: 1.3rem;
color: #2f2f2f;
}
div#fb-map {
height: 400px;
}
div#rest-of-the-content {
margin-bottom: 50px;
}
div#rest-of-the-content p span {
color: #337a2f;
font-weight: 600;
}
div#fb-ftr {
padding: 40px 0;
}
.food-bank-category-list li a, .category-archive ul.category-posts a {
font-size: 1.5rem;
color: #2f2f2f;
transition: all 0.3s ease-out;
line-height: 2rem;
}
.food-bank-category-list li:hover a, .category-archive ul.category-posts li:hover a {
color: #51b94c;
text-decoration: underline;
}
.food-bank-category-list ul, .category-archive ul.category-posts {
display: flex;
justify-content: flex-start;
align-items: flex-start;
list-style: none;
flex-wrap: wrap;
padding: 0;
margin: 0;
}
.food-bank-category-list ul li, .category-archive ul.category-posts li {
flex: 0 0 auto;
width: 48%;
padding: 20px 15px;
}
.page-header1 {
padding: 50px 0;
}
.food-bank-category-list, .category-archive {
padding: 50px 0 150px;
}
.food-bank-category-list li a, .category-archive ul.category-posts a {
font-size: 1.5rem;
color: #146e17;
transition: all 0.3s ease-out;
line-height: 2rem;
}
.category-archive ul.category-posts li {
position: relative;
transition: all 0.3s ease-out;
}
.category-archive ul.category-posts li:hover {
background-color: #51b94c;
color: #fff !important;
border-radius: 5px;
}
.category-archive ul.category-posts li:hover a {
color: #fff !important;
text-decoration: none !important;
}
.nav-links {
width: 100%;
margin: 30px 0;
}
span.page-numbers.current {
color: #51b94c;
}
.page-numbers {
font-size: 1.3rem !important;
color: #6e746b;
}
.pagination {
margin: 20px auto 30px;
}
.category-archive h1 {
margin-bottom: 50px;
} .search-form {
position: relative;
width: 100%;
max-width: 400px;
margin: 0 !important;
}
.search-field {
width: 100%;
padding: 10px 15px;
border: 1px solid #ccc;
border-radius: 25px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
font-size: 16px;
transition: all 0.3s ease-in-out;
}
.search-field:focus {
border-color: #007bff;
box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
outline: none;
}
#search-results {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: white;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
max-height: 250px;
overflow-y: auto;
display: none;
}
.ajax-search-results li {
padding: 10px;
border-bottom: 1px solid #f1f1f1;
transition: background 0.3s;
}
.ajax-search-results li:hover {
background: #f8f8f8;
}
.ajax-search-results a {
color: #007bff;
font-weight: bold;
text-decoration: none;
}
.ajax-search-results a:hover {
text-decoration: underline;
}
section#fb-header-title {
padding: 80px 0;
}
#rest-of-the-content p span, #rest-of-the-content p strong {
color: var(--primary) !important;
font-weight: 600;
}
.fb-description a {
color: var(--primary) !important;
text-decoration: underline;
}
.fb-description h3 {
text-transform: uppercase;
}
p {
margin-top: 0;
margin-bottom: .5rem;
}
section#rest-of-the-content {
padding: 50px 0;
}
footer#fb-ftr {
padding-bottom: 50px;
}
.srch {
text-align: center;
display: flex;
justify-content: center;
}
.search-results ul{
padding: 0;
margin: 0;
list-style: none;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
flex-direction: row;
gap: 10px;
}
section#food-banks-nearby ul.food-bank-list{
padding: 0;
margin: 0;
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: row;
gap: 10px;
}
.search-results ul a.text-xl {
font-size: 1.8rem;
font-weight: 700;
color: #41933d;
line-height: 2rem;
}
.search-results main.wrap {
padding: 80px 150px;
}
div#search-results ul {
list-style: none;
text-align: left;
margin: 0;
padding: 0;
}
div#search-results ul a {
color: #2f2f2f;
transition: all 0.3s ease-out;
}
div#search-results ul li:hover a {
color: #41933d;
}
section#food-banks-nearby ul.food-bank-list li {
flex: 0 0 auto;
width: 32%;
text-align: center;
border: 3px solid #8f8f8f;
padding: 40px;
border-radius: 10px;
}
div#nearby-food-banks h2 {
text-align: center;
font-size: 3rem;
color: #2f2f2f;
}
section#food-banks-nearby ul.food-bank-list li strong {
font-size: 1.5rem;
color: var(--primary);
}
section#food-banks-nearby {
padding: 20px 0 80px;
}
.srch {
margin-bottom: 30px;
}
.search-results ul li {
flex: 0 0 auto;
width: 32%;
}
.search-results ul a.btn, .fb-description a.btn {
width: 150px;
margin: 0;
border-radius: 34px;
line-height: 16px;
margin-top: 15px;
color: #fff !important;
} .popup-modal {
display: none;
position: fixed;
z-index: 9999;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.6);
}
.popup-content {
background-color: #fff;
margin: auto;
padding: 30px;
border: 1px solid #888;
width: 80%;
max-width: 500px;
text-align: center;
border-radius: 10px;
position: relative;
}
.popup-close {
color: #aaa;
position: absolute;
right: 15px;
top: 10px;
font-size: 28px;
font-weight: bold;
cursor: pointer;
}
.popup-button {
margin-top: 20px;
padding: 10px 20px;
background: #0073aa;
color: white;
text-decoration: none;
border-radius: 5px;
}
.popup-button:hover {
background: #005f8c;
}
.search-results ul a.btn:hover, .fb-description a.btn:hover {
background-color: #15441d;
}
.ad-space {
width: 100%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
margin: 30px 0;
}
section#fb-header-title {
padding: 20px 0 80px;
}
.ad-space.vert {
height: 100%;
}
.search-form ul li {
width: 100%;
}
.ad-space.vert img {
width: 100%;
}
.ad-space img {
width: 100%;
}
.ad-space.vert.ad-display-mobile {
display: none !important;
}
@media screen and (max-width:640px){
section#hpbanner {
position: relative;
}
section#food-banks-nearby ul.food-bank-list li {
width: 100% !important;
padding: 20px;
border-radius: 10px;
}
.fb-description {
margin-top: 20px;
}
section#fb-header-title {
padding: 20px 0 10px;
}
.ad-space.vert img {
width: 40%;
}
section#rest-of-the-content {
padding: 20px 0;
}
.ad-space.vert {
height: 100%;
padding-bottom: 20px;
}
div#nearby-food-banks h2 {
font-size: 2.3rem;
}
section#food-banks-nearby {
padding: 20px 0 20px;
}
.ad-space.vert.ad-display-desktop {
display: none !important;
}
section#hpbanner {
background-attachment: unset !important;
}
}