<!DOCTYPE html>
<html lang='en' xmlns:fb='https://www.facebook.com/2008/fbml' xmlns:og='http://ogp.me/ns#' xmlns='http://www.w3.org/1999/xhtml'>
<head>
<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","errorBeacon":"bam.nr-data.net","licenseKey":"2ae40ea13e","applicationID":"434134","transactionName":"cA0LFhFXVV8DE01IRVEODAFMXFZdBxULV15sBAoQDmdKVhIVC1ZXQE0LBxQ=","queueTime":0,"applicationTime":395,"agent":""}</script>
<script type="text/javascript">(window.NREUM||(NREUM={})).loader_config={xpid:"XAIPUkVXCwcBV1U="};window.NREUM||(NREUM={}),__nr_require=function(t,n,e){function r(e){if(!n[e]){var o=n[e]={exports:{}};t[e][0].call(o.exports,function(n){var o=t[e][1][n];return r(o||n)},o,o.exports)}return n[e].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<e.length;o++)r(e[o]);return r}({1:[function(t,n,e){function r(t){try{s.console&&console.log(t)}catch(n){}}var o,i=t("ee"),a=t(15),s={};try{o=localStorage.getItem("__nr_flags").split(","),console&&"function"==typeof console.log&&(s.console=!0,o.indexOf("dev")!==-1&&(s.dev=!0),o.indexOf("nr_dev")!==-1&&(s.nrDev=!0))}catch(c){}s.nrDev&&i.on("internal-error",function(t){r(t.stack)}),s.dev&&i.on("fn-err",function(t,n,e){r(e.stack)}),s.dev&&(r("NR AGENT IN DEVELOPMENT MODE"),r("flags: "+a(s,function(t,n){return t}).join(", ")))},{}],2:[function(t,n,e){function r(t,n,e,r,s){try{p?p-=1:o(s||new UncaughtException(t,n,e),!0)}catch(f){try{i("ierr",[f,c.now(),!0])}catch(d){}}return"function"==typeof u&&u.apply(this,a(arguments))}function UncaughtException(t,n,e){this.message=t||"Uncaught error with no additional information",this.sourceURL=n,this.line=e}function o(t,n){var e=n?null:c.now();i("err",[t,e])}var i=t("handle"),a=t(16),s=t("ee"),c=t("loader"),f=t("gos"),u=window.onerror,d=!1,l="nr@seenError",p=0;c.features.err=!0,t(1),window.onerror=r;try{throw new Error}catch(h){"stack"in h&&(t(8),t(7),"addEventListener"in window&&t(5),c.xhrWrappable&&t(9),d=!0)}s.on("fn-start",function(t,n,e){d&&(p+=1)}),s.on("fn-err",function(t,n,e){d&&!e[l]&&(f(e,l,function(){return!0}),this.thrown=!0,o(e))}),s.on("fn-end",function(){d&&!this.thrown&&p>0&&(p-=1)}),s.on("internal-error",function(t){i("ierr",[t,c.now(),!0])})},{}],3:[function(t,n,e){t("loader").features.ins=!0},{}],4:[function(t,n,e){function r(t){}if(window.performance&&window.performance.timing&&window.performance.getEntriesByType){var o=t("ee"),i=t("handle"),a=t(8),s=t(7),c="learResourceTimings",f="addEventListener",u="resourcetimingbufferfull",d="bstResource",l="resource",p="-start",h="-end",m="fn"+p,w="fn"+h,v="bstTimer",y="pushState",g=t("loader");g.features.stn=!0,t(6);var b=NREUM.o.EV;o.on(m,function(t,n){var e=t[0];e instanceof b&&(this.bstStart=g.now())}),o.on(w,function(t,n){var e=t[0];e instanceof b&&i("bst",[e,n,this.bstStart,g.now()])}),a.on(m,function(t,n,e){this.bstStart=g.now(),this.bstType=e}),a.on(w,function(t,n){i(v,[n,this.bstStart,g.now(),this.bstType])}),s.on(m,function(){this.bstStart=g.now()}),s.on(w,function(t,n){i(v,[n,this.bstStart,g.now(),"requestAnimationFrame"])}),o.on(y+p,function(t){this.time=g.now(),this.startPath=location.pathname+location.hash}),o.on(y+h,function(t){i("bstHist",[location.pathname+location.hash,this.startPath,this.time])}),f in window.performance&&(window.performance["c"+c]?window.performance[f](u,function(t){i(d,[window.performance.getEntriesByType(l)]),window.performance["c"+c]()},!1):window.performance[f]("webkit"+u,function(t){i(d,[window.performance.getEntriesByType(l)]),window.performance["webkitC"+c]()},!1)),document[f]("scroll",r,{passive:!0}),document[f]("keypress",r,!1),document[f]("click",r,!1)}},{}],5:[function(t,n,e){function r(t){for(var n=t;n&&!n.hasOwnProperty(u);)n=Object.getPrototypeOf(n);n&&o(n)}function o(t){s.inPlace(t,[u,d],"-",i)}function i(t,n){return t[1]}var a=t("ee").get("events"),s=t(18)(a,!0),c=t("gos"),f=XMLHttpRequest,u="addEventListener",d="removeEventListener";n.exports=a,"getPrototypeOf"in Object?(r(document),r(window),r(f.prototype)):f.prototype.hasOwnProperty(u)&&(o(window),o(f.prototype)),a.on(u+"-start",function(t,n){var e=t[1],r=c(e,"nr@wrapped",function(){function t(){if("function"==typeof e.handleEvent)return e.handleEvent.apply(e,arguments)}var n={object:t,"function":e}[typeof e];return n?s(n,"fn-",null,n.name||"anonymous"):e});this.wrapped=t[1]=r}),a.on(d+"-start",function(t){t[1]=this.wrapped||t[1]})},{}],6:[function(t,n,e){var r=t("ee").get("history"),o=t(18)(r);n.exports=r,o.inPlace(window.history,["pushState","replaceState"],"-")},{}],7:[function(t,n,e){var r=t("ee").get("raf"),o=t(18)(r),i="equestAnimationFrame";n.exports=r,o.inPlace(window,["r"+i,"mozR"+i,"webkitR"+i,"msR"+i],"raf-"),r.on("raf-start",function(t){t[0]=o(t[0],"fn-")})},{}],8:[function(t,n,e){function r(t,n,e){t[0]=a(t[0],"fn-",null,e)}function o(t,n,e){this.method=e,this.timerDuration=isNaN(t[1])?0:+t[1],t[0]=a(t[0],"fn-",this,e)}var i=t("ee").get("timer"),a=t(18)(i),s="setTimeout",c="setInterval",f="clearTimeout",u="-start",d="-";n.exports=i,a.inPlace(window,[s,"setImmediate"],s+d),a.inPlace(window,[c],c+d),a.inPlace(window,[f,"clearImmediate"],f+d),i.on(c+u,r),i.on(s+u,o)},{}],9:[function(t,n,e){function r(t,n){d.inPlace(n,["onreadystatechange"],"fn-",s)}function o(){var t=this,n=u.context(t);t.readyState>3&&!n.resolved&&(n.resolved=!0,u.emit("xhr-resolved",[],t)),d.inPlace(t,y,"fn-",s)}function i(t){g.push(t),h&&(x?x.then(a):w?w(a):(E=-E,O.data=E))}function a(){for(var t=0;t<g.length;t++)r([],g[t]);g.length&&(g=[])}function s(t,n){return n}function c(t,n){for(var e in t)n[e]=t[e];return n}t(5);var f=t("ee"),u=f.get("xhr"),d=t(18)(u),l=NREUM.o,p=l.XHR,h=l.MO,m=l.PR,w=l.SI,v="readystatechange",y=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],g=[];n.exports=u;var b=window.XMLHttpRequest=function(t){var n=new p(t);try{u.emit("new-xhr",[n],n),n.addEventListener(v,o,!1)}catch(e){try{u.emit("internal-error",[e])}catch(r){}}return n};if(c(p,b),b.prototype=p.prototype,d.inPlace(b.prototype,["open","send"],"-xhr-",s),u.on("send-xhr-start",function(t,n){r(t,n),i(n)}),u.on("open-xhr-start",r),h){var x=m&&m.resolve();if(!w&&!m){var E=1,O=document.createTextNode(E);new h(a).observe(O,{characterData:!0})}}else f.on("fn-end",function(t){t[0]&&t[0].type===v||a()})},{}],10:[function(t,n,e){function r(t){var n=this.params,e=this.metrics;if(!this.ended){this.ended=!0;for(var r=0;r<d;r++)t.removeEventListener(u[r],this.listener,!1);if(!n.aborted){if(e.duration=a.now()-this.startTime,4===t.readyState){n.status=t.status;var i=o(t,this.lastSize);if(i&&(e.rxSize=i),this.sameOrigin){var c=t.getResponseHeader("X-NewRelic-App-Data");c&&(n.cat=c.split(", ").pop())}}else n.status=0;e.cbTime=this.cbTime,f.emit("xhr-done",[t],t),s("xhr",[n,e,this.startTime])}}}function o(t,n){var e=t.responseType;if("json"===e&&null!==n)return n;var r="arraybuffer"===e||"blob"===e||"json"===e?t.response:t.responseText;return h(r)}function i(t,n){var e=c(n),r=t.params;r.host=e.hostname+":"+e.port,r.pathname=e.pathname,t.sameOrigin=e.sameOrigin}var a=t("loader");if(a.xhrWrappable){var s=t("handle"),c=t(11),f=t("ee"),u=["load","error","abort","timeout"],d=u.length,l=t("id"),p=t(14),h=t(13),m=window.XMLHttpRequest;a.features.xhr=!0,t(9),f.on("new-xhr",function(t){var n=this;n.totalCbs=0,n.called=0,n.cbTime=0,n.end=r,n.ended=!1,n.xhrGuids={},n.lastSize=null,p&&(p>34||p<10)||window.opera||t.addEventListener("progress",function(t){n.lastSize=t.loaded},!1)}),f.on("open-xhr-start",function(t){this.params={method:t[0]},i(this,t[1]),this.metrics={}}),f.on("open-xhr-end",function(t,n){"loader_config"in NREUM&&"xpid"in NREUM.loader_config&&this.sameOrigin&&n.setRequestHeader("X-NewRelic-ID",NREUM.loader_config.xpid)}),f.on("send-xhr-start",function(t,n){var e=this.metrics,r=t[0],o=this;if(e&&r){var i=h(r);i&&(e.txSize=i)}this.startTime=a.now(),this.listener=function(t){try{"abort"===t.type&&(o.params.aborted=!0),("load"!==t.type||o.called===o.totalCbs&&(o.onloadCalled||"function"!=typeof n.onload))&&o.end(n)}catch(e){try{f.emit("internal-error",[e])}catch(r){}}};for(var s=0;s<d;s++)n.addEventListener(u[s],this.listener,!1)}),f.on("xhr-cb-time",function(t,n,e){this.cbTime+=t,n?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof e.onload||this.end(e)}),f.on("xhr-load-added",function(t,n){var e=""+l(t)+!!n;this.xhrGuids&&!this.xhrGuids[e]&&(this.xhrGuids[e]=!0,this.totalCbs+=1)}),f.on("xhr-load-removed",function(t,n){var e=""+l(t)+!!n;this.xhrGuids&&this.xhrGuids[e]&&(delete this.xhrGuids[e],this.totalCbs-=1)}),f.on("addEventListener-end",function(t,n){n instanceof m&&"load"===t[0]&&f.emit("xhr-load-added",[t[1],t[2]],n)}),f.on("removeEventListener-end",function(t,n){n instanceof m&&"load"===t[0]&&f.emit("xhr-load-removed",[t[1],t[2]],n)}),f.on("fn-start",function(t,n,e){n instanceof m&&("onload"===e&&(this.onload=!0),("load"===(t[0]&&t[0].type)||this.onload)&&(this.xhrCbStart=a.now()))}),f.on("fn-end",function(t,n){this.xhrCbStart&&f.emit("xhr-cb-time",[a.now()-this.xhrCbStart,this.onload,n],n)})}},{}],11:[function(t,n,e){n.exports=function(t){var n=document.createElement("a"),e=window.location,r={};n.href=t,r.port=n.port;var o=n.href.split("://");!r.port&&o[1]&&(r.port=o[1].split("/")[0].split("@").pop().split(":")[1]),r.port&&"0"!==r.port||(r.port="https"===o[0]?"443":"80"),r.hostname=n.hostname||e.hostname,r.pathname=n.pathname,r.protocol=o[0],"/"!==r.pathname.charAt(0)&&(r.pathname="/"+r.pathname);var i=!n.protocol||":"===n.protocol||n.protocol===e.protocol,a=n.hostname===document.domain&&n.port===e.port;return r.sameOrigin=i&&(!n.hostname||a),r}},{}],12:[function(t,n,e){function r(){}function o(t,n,e){return function(){return i(t,[f.now()].concat(s(arguments)),n?null:this,e),n?void 0:this}}var i=t("handle"),a=t(15),s=t(16),c=t("ee").get("tracer"),f=t("loader"),u=NREUM;"undefined"==typeof window.newrelic&&(newrelic=u);var d=["setPageViewName","setCustomAttribute","setErrorHandler","finished","addToTrace","inlineHit","addRelease"],l="api-",p=l+"ixn-";a(d,function(t,n){u[n]=o(l+n,!0,"api")}),u.addPageAction=o(l+"addPageAction",!0),u.setCurrentRouteName=o(l+"routeName",!0),n.exports=newrelic,u.interaction=function(){return(new r).get()};var h=r.prototype={createTracer:function(t,n){var e={},r=this,o="function"==typeof n;return i(p+"tracer",[f.now(),t,e],r),function(){if(c.emit((o?"":"no-")+"fn-start",[f.now(),r,o],e),o)try{return n.apply(this,arguments)}catch(t){throw c.emit("fn-err",[arguments,this,t],e),t}finally{c.emit("fn-end",[f.now()],e)}}}};a("setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","),function(t,n){h[n]=o(p+n)}),newrelic.noticeError=function(t){"string"==typeof t&&(t=new Error(t)),i("err",[t,f.now()])}},{}],13:[function(t,n,e){n.exports=function(t){if("string"==typeof t&&t.length)return t.length;if("object"==typeof t){if("undefined"!=typeof ArrayBuffer&&t instanceof ArrayBuffer&&t.byteLength)return t.byteLength;if("undefined"!=typeof Blob&&t instanceof Blob&&t.size)return t.size;if(!("undefined"!=typeof FormData&&t instanceof FormData))try{return JSON.stringify(t).length}catch(n){return}}}},{}],14:[function(t,n,e){var r=0,o=navigator.userAgent.match(/Firefox[\/\s](\d+\.\d+)/);o&&(r=+o[1]),n.exports=r},{}],15:[function(t,n,e){function r(t,n){var e=[],r="",i=0;for(r in t)o.call(t,r)&&(e[i]=n(r,t[r]),i+=1);return e}var o=Object.prototype.hasOwnProperty;n.exports=r},{}],16:[function(t,n,e){function r(t,n,e){n||(n=0),"undefined"==typeof e&&(e=t?t.length:0);for(var r=-1,o=e-n||0,i=Array(o<0?0:o);++r<o;)i[r]=t[n+r];return i}n.exports=r},{}],17:[function(t,n,e){n.exports={exists:"undefined"!=typeof window.performance&&window.performance.timing&&"undefined"!=typeof window.performance.timing.navigationStart}},{}],18:[function(t,n,e){function r(t){return!(t&&t instanceof Function&&t.apply&&!t[a])}var o=t("ee"),i=t(16),a="nr@original",s=Object.prototype.hasOwnProperty,c=!1;n.exports=function(t,n){function e(t,n,e,o){function nrWrapper(){var r,a,s,c;try{a=this,r=i(arguments),s="function"==typeof e?e(r,a):e||{}}catch(f){l([f,"",[r,a,o],s])}u(n+"start",[r,a,o],s);try{return c=t.apply(a,r)}catch(d){throw u(n+"err",[r,a,d],s),d}finally{u(n+"end",[r,a,c],s)}}return r(t)?t:(n||(n=""),nrWrapper[a]=t,d(t,nrWrapper),nrWrapper)}function f(t,n,o,i){o||(o="");var a,s,c,f="-"===o.charAt(0);for(c=0;c<n.length;c++)s=n[c],a=t[s],r(a)||(t[s]=e(a,f?s+o:o,i,s))}function u(e,r,o){if(!c||n){var i=c;c=!0;try{t.emit(e,r,o,n)}catch(a){l([a,e,r,o])}c=i}}function d(t,n){if(Object.defineProperty&&Object.keys)try{var e=Object.keys(t);return e.forEach(function(e){Object.defineProperty(n,e,{get:function(){return t[e]},set:function(n){return t[e]=n,n}})}),n}catch(r){l([r])}for(var o in t)s.call(t,o)&&(n[o]=t[o]);return n}function l(n){try{t.emit("internal-error",n)}catch(e){}}return t||(t=o),e.inPlace=f,e.flag=a,e}},{}],ee:[function(t,n,e){function r(){}function o(t){function n(t){return t&&t instanceof r?t:t?c(t,s,i):i()}function e(e,r,o,i){if(!l.aborted||i){t&&t(e,r,o);for(var a=n(o),s=h(e),c=s.length,f=0;f<c;f++)s[f].apply(a,r);var d=u[y[e]];return d&&d.push([g,e,r,a]),a}}function p(t,n){v[t]=h(t).concat(n)}function h(t){return v[t]||[]}function m(t){return d[t]=d[t]||o(e)}function w(t,n){f(t,function(t,e){n=n||"feature",y[e]=n,n in u||(u[n]=[])})}var v={},y={},g={on:p,emit:e,get:m,listeners:h,context:n,buffer:w,abort:a,aborted:!1};return g}function i(){return new r}function a(){(u.api||u.feature)&&(l.aborted=!0,u=l.backlog={})}var s="nr@context",c=t("gos"),f=t(15),u={},d={},l=n.exports=o();l.backlog=u},{}],gos:[function(t,n,e){function r(t,n,e){if(o.call(t,n))return t[n];var r=e();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(t,n,{value:r,writable:!0,enumerable:!1}),r}catch(i){}return t[n]=r,r}var o=Object.prototype.hasOwnProperty;n.exports=r},{}],handle:[function(t,n,e){function r(t,n,e,r){o.buffer([t],r),o.emit(t,n,e)}var o=t("ee").get("handle");n.exports=r,r.ee=o},{}],id:[function(t,n,e){function r(t){var n=typeof t;return!t||"object"!==n&&"function"!==n?-1:t===window?0:a(t,i,function(){return o++})}var o=1,i="nr@id",a=t("gos");n.exports=r},{}],loader:[function(t,n,e){function r(){if(!x++){var t=b.info=NREUM.info,n=l.getElementsByTagName("script")[0];if(setTimeout(u.abort,3e4),!(t&&t.licenseKey&&t.applicationID&&n))return u.abort();f(y,function(n,e){t[n]||(t[n]=e)}),c("mark",["onload",a()+b.offset],null,"api");var e=l.createElement("script");e.src="https://"+t.agent,n.parentNode.insertBefore(e,n)}}function o(){"complete"===l.readyState&&i()}function i(){c("mark",["domContent",a()+b.offset],null,"api")}function a(){return E.exists&&performance.now?Math.round(performance.now()):(s=Math.max((new Date).getTime(),s))-b.offset}var s=(new Date).getTime(),c=t("handle"),f=t(15),u=t("ee"),d=window,l=d.document,p="addEventListener",h="attachEvent",m=d.XMLHttpRequest,w=m&&m.prototype;NREUM.o={ST:setTimeout,SI:d.setImmediate,CT:clearTimeout,XHR:m,REQ:d.Request,EV:d.Event,PR:d.Promise,MO:d.MutationObserver};var v=""+location,y={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-1071.min.js"},g=m&&w&&w[p]&&!/CriOS/.test(navigator.userAgent),b=n.exports={offset:s,now:a,origin:v,features:{},xhrWrappable:g};t(12),l[p]?(l[p]("DOMContentLoaded",i,!1),d[p]("load",r,!1)):(l[h]("onreadystatechange",o),d[h]("onload",r)),c("mark",["firstbyte",s],null,"api");var x=0,E=t(17)},{}]},{},["loader",2,10,4,3]);</script>
<script>
  window.dataLayer = [{"MCNPOGTM_CMPID":48444,"MCNPOGTM_CMPNM":"FY18 Disaster Relief","MCNPOGTM_CMPCD":"2017-08-28T13:45:06-04:00","MCNPOGTM_CMPSD":"","MCNPOGTM_CMPTYPE":"other","MCNPOGAGTM_SET":false,"MCNPOGAGTM_ID":null,"MCNPOGTM_ID":7790,"MCNPOGTM_NAME":"Houston Food Bank","MCNPOGTM_KWSC":"41444","MCNPOGTM_KWID":70083,"MCNPOGTM_KWNAME":"PalmCo","MCNPOGTM_KWCD":"2017-09-07T10:57:38-04:00","MCNPOGTM_DNID":37907908,"MCNPOGTM_FRMID":60203,"MCNPOGTM_FRMNAME":"Text To Donate"}];
  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-573GB3T');
</script>

<title>HFB
</title>
<link href="//app.mobilecause.com/assets/mobile/manifest-df38a5f22611821b7b52a65c408c68d8.css" media="screen" rel="stylesheet" type="text/css" />
<script src="//app.mobilecause.com/assets/mobile-79e827f76d7feeef08ef3305fd83ce99.js" type="text/javascript"></script>
<link href="//app.mobilecause.com/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<meta content="authenticity_token" name="csrf-param" />
<meta content="csKUO4cpOVymE/vmT6mi4WXC4+tR+xXmZQdzFR9XXQc=" name="csrf-token" />

<meta content="FY18 Disaster Relief" property="og:title" /><meta content="https://app.mobilecause.com/f/1i2r/n" property="og:url" /><meta content="https://s3.amazonaws.com/mobilecause-avatar-production/shared_img/shared_imgs/96732/large/Horz_color_tag_3in_150dpi.jpg?1504630484" property="og:image" /><meta content="" property="og:description" />

<!--[if lt IE 9]>
<script src='https://html5shim.googlecode.com/svn/trunk/html5.js'></script>
<![endif]-->
<style type='text/css'>
body {
  
  background-size: cover !important; background-attachment: fixed !important; background-repeat: no-repeat !important;
}

.new_look_select_color_text{
  color: #66cc00 !important;
}

.btn-donation {
  background-color: #66cc00 !important;
  border-color: #66cc00 !important;
  color: white !important;
}

a {
  color: #66cc00;
}

.btn-group__frequency--lg .btn.active {
  background-color: #66cc00 !important;
  border-color: #66cc00 !important;
}

[data-pointer-submit="true"]:before {
  background-color: #66cc00 !important;
}

.modal.bootbox {
  margin: 3rem auto;
  max-height: 420rem;
  width: 75%;
  max-width: 60rem;
  overflow-y: auto;
}

.donation-form-bg {
  max-width: 50rem;
  border-radius: 4px;
  background-color: white;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  min-height: 100vh;
  padding-bottom: 10rem;
}

@media (min-width: 481px) and (max-width: 1199px) {
  .donation-form-bg {
    border-radius: 8px;
    min-height: calc(100vh - 6rem);
  }
}

@media (max-width: 480px) {
  .donation-form-bg {
    border-radius: 0;
  }
}

@media (min-width: 1200px) {
  .form-alignment-left {
    left: 7rem;
    position: absolute;
  }

  .form-alignment-right {
    right: 5rem;
    position: absolute;
  }
}

.donation-form-styling {
  background-color: #ffffff !important;
}

@media (min-width: 481px) {
  .donation-form-styling {
    margin-top: 3%;
    margin-bottom: 3%;
  }
}

@media (max-width: 480px) {
  .donation-form-styling {
    width: 100%;
  }

  .modal.bootbox {
    width: 90%;
  }
}

@media (max-width: 340px) {
  .new_look_logo_box {
    width: inherit !important;
  }
}

.new_look_logo_row {
  
}

.new_look_logo_box {
  height: 100px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 0;
  font-size: 1.3em;
  font-weight: 900;
  text-align: center;
  background: url('https://s3.amazonaws.com/mobilecause-avatar-production/shared_img/shared_imgs/97303/original/Capture.PNG?1504796530');color: transparent;border: none;outline: none;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

@media screen and (min-width: 768px) {
  .new_look_logo_box {
    padding: 34px 0;
  }
}

</style>

<meta content='width=device-width, initial-scale=1' name='viewport'>
<link href='/touch-icon-192x192.png' rel='icon' sizes='192x192'>
<link href='/apple-touch-icon-180x180-precomposed.png' rel='apple-touch-icon' sizes='180x180'>
<link href='/apple-touch-icon-152x152-precomposed.png' rel='apple-touch-icon' sizes='152x152'>
<link href='/apple-touch-icon-144x144-precomposed.png' rel='apple-touch-icon' sizes='144x144'>
<link href='/apple-touch-icon-120x120-precomposed.png' rel='apple-touch-icon' sizes='120x120'>
<link href='/apple-touch-icon-114x114-precomposed.png' rel='apple-touch-icon' sizes='114x114'>
<link href='/apple-touch-icon-76x76-precomposed.png' rel='apple-touch-icon' sizes='76x76'>
<link href='/apple-touch-icon-72x72-precomposed.png' rel='apple-touch-icon' sizes='72x72'>
<link href='/apple-touch-icon-precomposed.png' rel='icon'>
<link href='/apple-touch-icon-180x180.png' rel='apple-touch-icon' sizes='180x180'>
<link href='/apple-touch-icon-152x152.png' rel='apple-touch-icon' sizes='152x152'>
<link href='/apple-touch-icon-144x144.png' rel='apple-touch-icon' sizes='144x144'>
<link href='/apple-touch-icon-120x120.png' rel='apple-touch-icon' sizes='120x120'>
<link href='/apple-touch-icon-114x114.png' rel='apple-touch-icon' sizes='114x114'>
<link href='/apple-touch-icon-76x76.png' rel='apple-touch-icon' sizes='76x76'>
<link href='/apple-touch-icon-72x72.png' rel='apple-touch-icon' sizes='72x72'>
<link href='/apple-touch-icon.png' rel='apple-touch-icon'>

</head>
<body class='donation-form-styling'>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe height='0' src='https://www.googletagmanager.com/ns.html?id=GTM-573GB3T' style='display:none;visibility:hidden' width='0'></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->

<div class='row'>
<div class='col-lg-4 col-lg-offset-4 col-xs-12'>
<div class='container donation-form-bg'>
<div class='row'>
<div class='col-xs-12'>


<div id='donate'>

<form accept-charset="UTF-8" action="/public/payment_processor_donations/37907908/payment_request" class="clear_inputs" data-hide-payment-section-for-zero-amount="false" data-paypal-supports-recurring="null" data-processing-fee="2.5" id="donation_form" method="post" role="form"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="csKUO4cpOVymE/vmT6mi4WXC4+tR+xXmZQdzFR9XXQc=" /></div>
<div class='new_look'>
<div class='row top-large new_look_logo_row'>
<div class='col-xs-12'>
<div class='new_look_logo_box bottom-medium'>
<span>Houston Food Bank Logo</span>
</div>
</div>
</div>
<div class='row'>
<div class='col-xs-12'>
<div class='new_look_midline_text'></div>
</div>
</div>
<div class='row'>
<div class='col-xs-12'>
<p>
<small>PALMco Energy had donated $2,500 to the Houston Food Bank for Hurricane Harvey Relief Efforts and will match dollar for dollar--up to $1,500 to the Houston Food Bank aid efforts.</small>
</p>
</div>
</div>

<div class='row'>
<div class='col-xs-12'>
<div class='new_look_midline_text'>
<h3>Choose amount</h3>
<hr>
</div>
</div>
</div>

<div class='row'>
<div class='col-md-12'>
<div aria-label='Select a donation amount' class='btn-group btn-group-justified' role='group'>
<div class='btn-group btn-group__amount--lg' role='group'>
<button arial-label='Donate $25' class='btn btn-default changeDonationAmount' data-suggested-amount='25'>
$25
</button>
</div>
<div class='btn-group btn-group__amount--lg' role='group'>
<button arial-label='Donate $50' class='btn btn-default changeDonationAmount' data-suggested-amount='50'>
$50
</button>
</div>
<div class='btn-group btn-group__amount--lg' role='group'>
<button arial-label='Donate $100' class='btn btn-default changeDonationAmount' data-suggested-amount='100'>
$100
</button>
</div>
<div class='btn-group btn-group__amount--lg' role='group'>
<button arial-label='Donate a specific amount.' class='btn btn-default changeDonationAmount' data-suggested-amount=''>
Other
</button>
</div>
</div>
</div>
</div>
<div class='bottom-medium row top-xlarge'>
<div class='col-xs-6 col-xs-offset-3 padding-left-medium padding-right-none'>
<label for='amount'>
<span class='sr-only'>Donation Amount</span>
</label>
<div class='input-group'>
<span class='input-group-addon'>$</span>
<input aria-label="Donation Amount in Dollars" class="donation_amount form-control" data-linked-box="" id="amount" maxlength="9" name="amount" positiveNumber="true" required="required" type="text" value="25.00" />
</div>
</div>
</div>


<p class='notice'></p>

<script>
  var lastFrequency = undefined;
  
  jQuery(document).ready(function() {
    var activeButtonId = "";
  
    var first_time = false
  
    if (first_time) {
      activeButtonId = "frequency_one_time";
    } else {
      activeButtonId = "frequency_one_time" || '';
    }
  
    lastFrequency = document.getElementById(activeButtonId);
  
    if ( lastFrequency == null ) {
      $('#recurring_terms').attr('style', 'display:none;')
    }
  
    updateFreqRequiredAttr(lastFrequency);
  
    setFrequency(lastFrequency);
  
    $('.btn-group.btn-group-justified > .btn').click(function() {
      $(this).siblings().removeClass('active');
    });
  
  });
  
  function setFrequency(frequency) {
    frequency.id = frequency.id.replace(' ', '_')
    // return if clicked on the already active button
    if ( lastFrequency === frequency ) {
      return;
    } else {
      lastFrequency = frequency;
    }
  
    $('button').not(frequency).removeClass('active');
  
    // Saving select frequency as a hidden field
    var hiddenFrequency = document.getElementById("recurring_frequency");
    hiddenFrequency.value = lastFrequency.getAttribute("data-freq");
    var frequencyChanged = new Event('frequencyChanged');
    hiddenFrequency.dispatchEvent(frequencyChanged);
  
    var t_and_c = document.getElementById("recurring_terms");
  
    if ( (frequency != null) && (frequency.id === "frequency_one_time") ) {
      t_and_c.style.display="none";
    } else {
      t_and_c.style.display="block";
    }
  
    updateFreqRequiredAttr(frequency.id);
  }
  
  function updateFreqRequiredAttr(frequency) {
    var tc_cb = document.getElementById("terms_and_conditions");
    if ( frequency === "frequency_one_time" ) {
      tc_cb.removeAttribute("required");
    } else {
      tc_cb.setAttribute("required", "true");
    }
  }
</script>
<div class='row'>
<div class='col-xs-12'>
<div class='new_look_midline_text'>
<h3>Make your gift recurring</h3>
<hr>
</div>
</div>
</div>

<div class='row'>
<div class='col-xs-12 top-medium bottom-medium'>
<div aria-label='Select donation frequency' class='btn-group btn-group-justified' data-toggle='buttons' id='btnFrequency' role='group'>
<div class='btn-group btn-group__frequency--lg'>
<button aria-label='Set donation frequency as One Time donation.' class='active btn btn-default' data-freq='one_time' id='frequency_one_time' onclick='setFrequency(this);'>One Time</button>
</div>
<div class='btn-group btn-group__frequency--lg'>
<button aria-label='Set donation frequency as Weekly donation.' class='btn btn-default' data-freq='weekly' id='frequency_weekly' onclick='setFrequency(this);'>Weekly</button>
</div>
<div class='btn-group btn-group__frequency--lg'>
<button aria-label='Set donation frequency as Monthly donation.' class='btn btn-default' data-freq='monthly' id='frequency_monthly' onclick='setFrequency(this);'>Monthly</button>
</div>
<div class='btn-group btn-group__frequency--lg'>
<button aria-label='Set donation frequency as Quarterly donation.' class='btn btn-default' data-freq='quarterly' id='frequency_quarterly' onclick='setFrequency(this);'>Quarterly</button>
</div>
</div>
<input id="recurring_frequency" name="recurring_frequency" type="hidden" value="one_time" />
</div>
</div>
<div class='row'>
<div class='col-xs-12' id='recurring_terms' style='display: none;'>
<div class="checkbox"><label for="terms_and_conditions"><input checked="checked" id="terms_and_conditions" name="terms_and_conditions" type="checkbox" value="1" /><span>I read and have agreed to the <a href="https://www.mobilecause.com/recurring-terms/" target="_blank">terms and conditions</a><br> The total below is for <i>this</i> donation only.<br></span><div class="error"></div></label></div>
</div>
</div>
<p class='notice'></p>


<div class='row'>
<div class='col-xs-12'>
<div class='new_look_midline_text'>
<h3>Contact information</h3>
<hr>
</div>
</div>
</div>

<div class='row'>
<div class='col-sm-6 col-xs-12'>
<div class='form-group'>
<label for="first_name">First Name</label><input class="new_look_full_width form-control" id="first_name" name="first_name" placeholder="First Name" type="text" />
</div>
</div>
<div class='col-sm-6 col-xs-12'>
<div class='form-group'>
<label for="last_name">Last Name</label><input class="new_look_full_width form-control" id="last_name" name="last_name" placeholder="Last Name" type="text" />
</div>
</div>
</div>
<div class='row'>
<div class='col-sm-6 col-xs-12'>
<div class='form-group'>
<label for="phone">Mobile Number</label><input class="new_look_full_width form-control" id="phone" name="phone" placeholder="Mobile xxx-xxx-xxxx" type="tel" />
</div>
</div>
<div class='col-sm-6 col-xs-12'>
<div class='form-group'>
<label for="email">Email</label><input class="new_look_full_width form-control" email="true" id="email" name="email" placeholder="name@example.com" type="email" />
</div>
</div>
</div>
<div class='row'>
<div class='col-xs-12'>
<div class='form-group'>
<label for="street_address">Address</label><input class="new_look_full_width form-control" id="street_address" name="street_address" placeholder="123 Address Blvd" type="text" />
</div>
</div>
</div>
<div class='row'>
<div class='col-xs-12'>
<div class='form-group'>
<label for="city">City</label><input class="new_look_full_width form-control" id="city" name="city" placeholder="Your City" type="text" />
</div>
</div>
</div>
<div class='row'>
<div class='col-sm-6 col-xs-12'>
<div class='form-group'>
<label for="state">State</label><select class="new_look_full_width form-control" id="state" name="state"><option value="">Your State</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AS">American Samoa</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="GU">Guam</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="MP">Northern Mariana Islands</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="PR">Puerto Rico</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VI">Virgin Islands</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option></select>
</div>
</div>
<div class='col-sm-6 col-xs-12'>
<div class='form-group'>
<label for="zip">Zip</label><input class="new_look_full_width form-control" id="zip" name="zip" placeholder="12345" type="tel" />
</div>
</div>
</div>
<div class='row'>
</div>

<p class='notice'></p>
<div class='row'>
<div class='col-xs-12'>
<div class="checkbox"><label for="custom_fields_82764-merchant_defined_data2"><input checked="checked" id="custom_fields_82764-merchant_defined_data2" name="custom_fields[82764-merchant_defined_data2]" type="checkbox" value="1" /><span>Release contact information to PalmCo Energy</span><div class="error"></div></label></div>
</div>
</div>

<div class='payment-information'>
<div class='row'>
<div class='col-xs-12'>
<div class='new_look_midline_text'>
<h3>Payment information</h3>
<hr>
</div>
</div>
</div>

<div class='row' id='selectPaymentType'>
<div class='col-xs-12'>
<div class='btn-group btn--payment center-block hide' data-toggle='buttons' id='paymentMethods'>
<input id="payment_method_none" name="payment_method" type="hidden" value="NONE" />
<label class="btn btn-default togglePayment active" data-payment-type="credit_card" for="payment_method_credit_card"><input checked="checked" id="payment_method_credit_card" name="payment_method" type="radio" value="credit_card" />
<img alt="Cc_icon" class="btn-image" src="//app.mobilecause.com/assets/icons/cc_icon-3a56fba59c344140e08b17010a3e0166.svg" />
Pay with Card
</label></div>
</div>
</div>
<div class='credit_card_section'>
<div class='row'>
<div class='col-xs-12'>
<div class='form-group'>
<label for="card_number">Card Number<span class="required"><span class="sr-only">required</span></span></label>
<div class='row'>
<div class='col-xs-7'>
<input autocomplete="off" class="new_look_full_width form-control" id="card_number" name="card_number" placeholder="XXXX XXXX XXXX XXXX" required="required" type="tel" />
</div>
<div class='col-xs-5'>
<div class='cc-icon__container' data-cc='["visa", "mastercard", "amex", "discover", "maestro", "dinersclub", "jcb"]'></div>
<input id="card_type" name="card_type" type="hidden" />
</div>
</div>
</div>
</div>
</div>
<div class='row'>
<div class='col-xs-7'>
<div class='row'>
<div class='col-xs-12'>
<label for="expiration_date">Expiration Date<span class="required"><span class="sr-only">required</span></span></label>
</div>
<div class='col-xs-6'>
<label class='sr-only' for='expiration_month'>Select a credit card type.</label>
<select class="form-control" id="expiration_month" name="expiration_month"><option value=''>MM</option><option value='01'>01</option><option value='02'>02</option><option value='03'>03</option><option value='04'>04</option><option value='05'>05</option><option value='06'>06</option><option value='07'>07</option><option value='08'>08</option><option value='09'>09</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option></select>
</div>
<div class='text-between-inputs left-negative-small'>/</div>
<div class='col-xs-6 left-negative-small'>
<label class='sr-only' for='expiration_year'>Select a credit card type.</label>
<select class="form-control" id="expiration_year" name="expiration_year"><option value=''>YY</option><option value='2018'>18</option><option value='2019'>19</option><option value='2020'>20</option><option value='2021'>21</option><option value='2022'>22</option><option value='2023'>23</option><option value='2024'>24</option><option value='2025'>25</option><option value='2026'>26</option><option value='2027'>27</option><option value='2028'>28</option><option value='2029'>29</option><option value='2030'>30</option><option value='2031'>31</option><option value='2032'>32</option><option value='2033'>33</option></select>
</div>
</div>
<input id="expiration_date" name="expiration_date" type="hidden" />
<div id='expiration_date_required' style='color:red; display:none'>This field is required.</div>
<div id='expiration_date_expired' style='color:red; display:none'>Expired Credit Card</div>
</div>
<div class='col-xs-5'>
<div class='row'>
<div class='col-xs-12'>
<label for='cvv'>CVV<span class='required'><span class='sr-only'>required</span></span> <a data-target='#cvv-modal' data-toggle='modal' tabindex='-1' class='text-info text--sm'>What is this?</a></label>
</div>
</div>
<div class='row'>
<div class='col-xs-12'>
<input autocomplete="off" class="form-control" id="cvv" name="cvv" placeholder="eg. 123" required="required" type="tel" />
</div>
</div>
<div class='modal fade' id='cvv-modal'>
<div class='modal-dialog'>
<div class='modal-content'>
<div class='modal-body'>
<div class='row cvv-example-wrapper' id='credit-card-cvv'>
<div class='col-xs-12'>
<div class='creditcard'>
<img alt='Credit Card CVV number example' class='img-responsive' src='/assets/icons/cc_cvv_icon.svg' style='min-width: 200px;'>
</div>
<div class='textbox'>
<span>Discover, Mastercard, Visa</span>
3-Digit Card Verification Number
</div>
</div>
</div>
<div class='row hide cvv-example-wrapper' id='amex-cvv'>
<div class='col-xs-12'>
<div class='creditcard'>
<img alt='Amex CVV number example' class='img-responsive' src='/assets/icons/cc_amex_icon.svg' style='min-width: 200px;'>
</div>
<div class='textbox'>
<span>American Express</span>
4-Digit Card Verification Number
</div>
</div>
</div>
<div class='row top-xlarge'>
<div class='col-xs-12'>
<div class='text-center'>
<a class='btn btn-success' data-dismiss='modal' style='min-width: 150px;'>OK</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
</div>

</div>
<div class='row'>
<input id="processing_fee" name="processing_fee" type="hidden" value="0" />
<input id="fee_rate" name="fee_rate" type="hidden" value="2.5" />
<div class='col-xs-12'>
<label class="pull-left text-left" for="need_processing_fee"><input checked="checked" id="need_processing_fee" name="need_processing_fee" type="checkbox" value="true" />
&nbsp;
Do you wish to cover the 2.5% processing fee?
</label></div>
</div>


<p class='notice'></p>

</div>

<input id="mc_code" name="mc_code" type="hidden" />
<input id="postback_payment_method" name="postback_payment_method" type="hidden" />
<input id="source" name="source" type="hidden" value="pledging_form" />
<input id="Yh9hfw" name="Yh9hfw" type="hidden" value="KgtzLDx9L5YVuTUo0e7cew8H0ix5IcbJ_kshmW1fqcM" />
<input id="mc_key" name="mc_key" type="hidden" value="token_786" />

<div class='payment-information'>
<div class='row'>
<div class='col-xs-12'>
<div class='new_look_midline_text'>
<h3>Donation amount</h3>
<hr>
</div>
</div>
</div>

<div class='row'>
<div class='col-xs-12'>
<div class='new_look_big_text new_look_select_color_text' data-linked-label='true' id='total_amount_label'></div>
</div>
</div>
</div>
<div class='row top-large'>
<div class='col-xs-12'>
<button class="btn btn-donation btn-block btn-lg form-submit-button" data-pointer-submit="true" id="submit-donation" name="button" type="submit">SUBMIT</button>
<input id="post_action" name="post_action" type="hidden" />
</div>
</div>

<p class='notice'></p>

</div>
</form>

<div class='loading-modal'>
<div class='outer-centering'>
<div class='inner-centering lead lead-large loading-text'>Processing...</div>
</div>
<div class='clearfix'></div>
</div>


</div>

</div>
</div>
<footer class='footer' role='contentinfo'>
<div class='row'>
<div class='col-xs-12'>
<div class='row'>
<div class='col-xs-6'>
<a href="https://www.mobilecause.com" target="_blank"><img alt="MobileCause" src="//app.mobilecause.com/assets/mobile/MC_Small_Color_Logo-35e5d913258693e518c62cc78267e6ee.png" />
</a></div>
<div class='col-xs-6'>
<a href="https://www.mobilecause.com/compliance-and-security" class="pull-right" target="_blank"><img alt="PCI Compliance Certification 2016" class="pci__img--well" src="//app.mobilecause.com/assets/pci-ea6e473c7dab1dd52d55e53d1bcf8d93.png" />
</a></div>
</div>

</div>
</div>
<div class='row'>
<div class='col-xs-12'>
<div class='top-large left-small text-center'>
<a href="https://www.mobilecause.com/constituent-terms-new" class="text--xs" target="_blank">Terms and Conditions</a>

</div>
</div>
</div>
</footer>

</div>
</div>
</div>
<script src="//app.mobilecause.com/assets/form_build-0c4ebb7ebe2aa44deabfc40542b85a8c.js" type="text/javascript"></script>
</body>
</html>
