{"version":3,"sources":["webpack:///./src/assets/Headers/business-man_resized.png","webpack:///./src/views/Home.vue?1994","webpack:///./src/assets/Headers/mum-and-girl.png","webpack:///./src/views/Home.vue","webpack:///src/views/Home.vue","webpack:///./src/views/Home.vue?358f","webpack:///./src/views/Home.vue?a0f1","webpack:///./src/views/Home.vue?c5a1"],"names":["module","exports","render","_vm","this","_c","_self","attrs","staticStyle","$vuetify","breakpoint","mdAndUp","siteType","staticClass","_e","_v","on","$event","onExploreSuppliersClick","require","class","headerMobile","mdAndDown","lgAndUp","_s","contributionsCommaCurrent","_f","communityHourCalc","numberGoodCauses","filterFeatureListingsBySiteType","impactBusinesses","model","value","feedBackBox","callback","$$v","expression","$route","params","emailFeedbackType","supplierName","$router","push","staticRenderFns","components","about","swiperCarousel","data","menuProps","openOnClick","communityHours","items","src","formData","computed","_objectSpread","mapGetters","user","services","featuredListings","fullWidthBanner","categories","categoriesByName","contributions","goodCauses","_this","filteredListings","filter","e","frontPagePosition","isCommercial","sort","a","b","hours","calculateCommunityHrs","current","Math","round","parseFloat","toString","replace","count","forEach","element","name","includes","methods","type","$store","dispatch","mounted","hasOwnProperty","component"],"mappings":"uJAAAA,EAAOC,QAAU,IAA0B,yC,oCCA3C,W,qBCAAD,EAAOC,QAAU,IAA0B,iC,yCCA3C,IAAIC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,WAAW,CAACE,MAAM,CAAC,iBAAiB,GAAG,KAAO,KAAK,CAACF,EAAG,UAAU,CAACG,YAAY,CAAC,SAAW,WAAW,MAAQ,QAAQ,YAAY,qBAAqBD,MAAM,CAAC,GAAK,kBAAkB,CAAEJ,EAAIM,SAASC,WAAWC,SAA2B,WAAhBR,EAAIS,SAAuBP,EAAG,QAAQ,CAACQ,YAAY,iBAAiBN,MAAM,CAAC,IAAM,sJAAuK,WAAhBJ,EAAIS,SAAuBP,EAAG,QAAQ,CAACQ,YAAY,uBAAuBN,MAAM,CAAC,IAAM,6KAA6KJ,EAAIW,KAAsB,WAAhBX,EAAIS,SAAuBP,EAAG,WAAW,CAACE,MAAM,CAAC,IAAM,GAAG,KAAO,KAAK,CAACF,EAAG,SAAS,CAACQ,YAAY,aAAaN,MAAM,CAAC,KAAO,GAAG,IAAM,KAAK,CAACF,EAAG,MAAM,CAACQ,YAAY,uBAAuB,CAACR,EAAG,MAAM,CAACQ,YAAY,qBAAqB,CAACR,EAAG,KAAK,CAACF,EAAIY,GAAG,gBAAgBV,EAAG,IAAI,CAACF,EAAIY,GAAG,+DAA+DV,EAAG,MAAMF,EAAIY,GAAG,sEAAsEV,EAAG,QAAQ,CAACQ,YAAY,2CAA2CN,MAAM,CAAC,MAAQ,QAAQS,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOd,EAAIe,wBAAwB,iBAAiB,CAACb,EAAG,QAAQ,CAACQ,YAAY,WAAWN,MAAM,CAAC,IAAM,wKAAwK,IAAM,kBAAkB,QAAU,GAAG,MAAQ,KAAK,OAAS,QAAQF,EAAG,IAAI,CAACQ,YAAY,aAAa,CAACV,EAAIY,GAAG,wBAAwB,IAAI,GAAGV,EAAG,QAAQ,CAACQ,YAAY,cAAcN,MAAM,CAAC,IAAMY,EAAQ,QAA8C,QAAU,OAAO,KAAKd,EAAG,SAAS,CAACQ,YAAY,cAAcN,MAAM,CAAC,KAAO,GAAG,IAAM,KAAK,CAACF,EAAG,MAAM,CAACQ,YAAY,uBAAuB,CAACR,EAAG,MAAM,CAACQ,YAAY,qBAAqB,CAACR,EAAG,KAAK,CAACF,EAAIY,GAAG,cAAcV,EAAG,IAAI,CAACF,EAAIY,GAAG,+DAA+DV,EAAG,MAAMF,EAAIY,GAAG,wEAAwEV,EAAG,QAAQ,CAACQ,YAAY,2CAA2CN,MAAM,CAAC,MAAQ,QAAQS,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOd,EAAIe,wBAAwB,eAAe,CAACb,EAAG,QAAQ,CAACQ,YAAY,WAAWN,MAAM,CAAC,IAAM,kKAAkK,IAAM,gBAAgB,QAAU,GAAG,OAAS,KAAK,MAAQ,QAAQF,EAAG,IAAI,CAACQ,YAAY,aAAa,CAACV,EAAIY,GAAG,wBAAwB,IAAI,GAAIZ,EAAIM,SAASC,WAAWC,QAASN,EAAG,QAAQ,CAACG,YAAY,CAAC,IAAM,IAAI,MAAQ,SAAS,SAAW,YAAYD,MAAM,CAAC,IAAMY,EAAQ,QAAsC,OAAS,MAAM,MAAQ,OAAO,QAAU,MAAMd,EAAG,QAAQ,CAACQ,YAAY,cAAcN,MAAM,CAAC,IAAMY,EAAQ,QAAsC,QAAU,OAAO,MAAM,GAAGhB,EAAIW,KAAsB,cAAhBX,EAAIS,SAA0BP,EAAG,MAAM,CAACQ,YAAY,gBAAgBO,MAAM,CACrlGC,aAAclB,EAAIM,SAASC,WAAWY,WACtCd,YAAY,CAAC,mBAAmB,YAAY,CAAEL,EAAIM,SAASC,WAAWa,QAASlB,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,yKAAyK,QAAU,MAAMJ,EAAIW,KAAMX,EAAIM,SAASC,WAAWY,UAAWjB,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,uJAAuJ,QAAU,MAAMJ,EAAIW,KAAKT,EAAG,MAAM,CAACQ,YAAY,oBAAoB,CAACR,EAAG,KAAK,CAACF,EAAIY,GAAG,sCAAsCV,EAAG,MAAMF,EAAIY,GAAG,uCAAuCV,EAAG,MAAMF,EAAIY,GAAG,2DAA2D,GAAGZ,EAAIW,KAAsB,YAAhBX,EAAIS,SAAwBP,EAAG,MAAM,CAACQ,YAAY,gBAAgBO,MAAM,CAC/0BC,aAAclB,EAAIM,SAASC,WAAWY,YACrC,CAAEnB,EAAIM,SAASC,WAAWa,QAASlB,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,0KAA0KJ,EAAIW,KAAMX,EAAIM,SAASC,WAAWY,UAAWjB,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,0JAA0JJ,EAAIW,KAAKT,EAAG,MAAM,CAACQ,YAAY,mBAAmB,CAACR,EAAG,KAAK,CAACF,EAAIY,GAAG,mCAAmCV,EAAG,MAAMF,EAAIY,GAAG,uCAAuCV,EAAG,MAAMF,EAAIY,GAAG,oCAAoCV,EAAG,MAAMF,EAAIY,GAAG,uCAAuCV,EAAG,MAAMF,EAAIY,GAAG,8CAA8C,GAAGZ,EAAIW,MAAM,GAAGT,EAAG,UAAU,CAACG,YAAY,CAAC,SAAW,WAAW,YAAY,QAAQ,UAAU,kBAAkB,CAACH,EAAG,WAAW,CAACQ,YAAY,eAAeN,MAAM,CAAC,IAAM,GAAG,KAAO,GAAG,eAAe,KAAK,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,KAAO,KAAK,CAACF,EAAG,KAAK,CAACQ,YAAY,gBAAgB,CAACV,EAAIY,GAAG,0BAA0BV,EAAG,SAAS,CAACQ,YAAY,OAAON,MAAM,CAAC,KAAO,KAAK,CAACF,EAAG,WAAW,CAACQ,YAAY,iBAAiBN,MAAM,CAAC,IAAM,GAAG,KAAO,KAAK,CAACF,EAAG,SAAS,CAACG,YAAY,CAAC,aAAa,UAAUD,MAAM,CAAC,KAAO,GAAG,IAAM,GAAG,IAAM,KAAK,CAACF,EAAG,KAAK,CAACQ,YAAY,mBAAmB,CAACV,EAAIY,GAAG,wBAAwBZ,EAAIqB,GAAGrB,EAAIsB,2BAA2B,wBAAwBpB,EAAG,KAAK,CAACQ,YAAY,mBAAmB,CAACV,EAAIY,GAAG,qFAAqFV,EAAG,SAAS,CAACG,YAAY,CAAC,aAAa,UAAUD,MAAM,CAAC,KAAO,GAAG,IAAM,GAAG,IAAM,KAAK,CAACF,EAAG,KAAK,CAACQ,YAAY,mBAAmB,CAACV,EAAIY,GAAG,uBAAuBZ,EAAIqB,GAAGrB,EAAIuB,GAAG,iBAAPvB,CAAyBA,EAAIwB,oBAAoB,wBAAwBtB,EAAG,KAAK,CAACQ,YAAY,mBAAmB,CAACV,EAAIY,GAAG,0FAA0FV,EAAG,SAAS,CAACG,YAAY,CAAC,aAAa,UAAUD,MAAM,CAAC,KAAO,GAAG,IAAM,KAAK,CAACF,EAAG,KAAK,CAACQ,YAAY,mBAAmB,CAACV,EAAIY,GAAG,uBAAuBZ,EAAIqB,GAAGrB,EAAIuB,GAAG,iBAAPvB,CAAyBA,EAAIyB,mBAAmB,wBAAwBvB,EAAG,KAAK,CAACQ,YAAY,mBAAmB,CAACV,EAAIY,GAAG,6BAA6B,IAAI,IAAI,GAAGV,EAAG,UAAU,CAACQ,YAAY,0BAA0BL,YAAY,CAAC,YAAY,oBAAoB,OAAS,SAAS,CAACH,EAAG,iBAAiB,CAACE,MAAM,CAAC,OAAS,EAAE,SAAW,mBAAmB,QAAUJ,EAAI0B,oCAAoC,IAAI,GAAGxB,EAAG,MAAM,CAACG,YAAY,CAAC,OAAS,QAAQ,MAAQ,OAAO,aAAa,OAAO,gBAAgB,SAAS,CAACH,EAAG,MAAM,CAACG,YAAY,CAAC,mBAAmB,qBAAqB,OAAS,OAAO,MAAQ,MAAM,cAAc,OAAO,eAAe,YAAYH,EAAG,UAAU,CAACQ,YAAY,aAAa,CAACR,EAAG,KAAK,CAACG,YAAY,CAAC,aAAa,mBAAmB,CAACL,EAAIY,GAAG,oDAAoDV,EAAG,iBAAiB,CAACE,MAAM,CAAC,OAAS,EAAE,QAAUJ,EAAI2B,qBAAqB,KAAKzB,EAAG,WAAW,CAACE,MAAM,CAAC,YAAY,SAASwB,MAAM,CAACC,MAAO7B,EAAI8B,YAAaC,SAAS,SAAUC,GAAMhC,EAAI8B,YAAYE,GAAKC,WAAW,gBAAgB,CAAC/B,EAAG,SAAS,CAACA,EAAG,cAAc,CAAyC,MAAvCF,EAAIkC,OAAOC,OAAOC,kBAA2BlC,EAAG,IAAI,CAACF,EAAIY,GAAG,4JAA4JZ,EAAIW,KAA6C,OAAvCX,EAAIkC,OAAOC,OAAOC,kBAA4BlC,EAAG,IAAI,CAACF,EAAIY,GAAG,kEAAkEV,EAAG,IAAI,CAACG,YAAY,CAAC,YAAY,SAAS,CAACL,EAAIY,GAAGZ,EAAIqB,GAAGrB,EAAIkC,OAAOC,OAAOE,iBAAiBrC,EAAIY,GAAG,+GAA+GV,EAAG,MAAMA,EAAG,MAAMF,EAAIY,GAAG,yEAAyEV,EAAG,MAAMF,EAAIY,GAAG,uBAAuBV,EAAG,IAAI,CAACE,MAAM,CAAC,KAAO,gCAAgC,CAACJ,EAAIY,GAAG,4BAA4BZ,EAAIW,OAAOT,EAAG,iBAAiB,CAACA,EAAG,YAAYA,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,gBAAgB,KAAO,IAAIS,GAAG,CAAC,MAAQ,SAASC,GAAQd,EAAIsC,QAAQC,KAAK,KAC3/HvC,EAAI8B,aAAc,KAAU,CAAC9B,EAAIY,GAAG,WAAWV,EAAG,aAAa,IAAI,IAAI,IAAI,IAErFsC,EAAkB,G,wtBCqSP,OACfC,WAAA,CACAC,mBACAC,6BAEAC,KAAA,kBACAC,UAAA,CACAC,aAAA,GAEAC,eAAA,EACAC,MAAA,CACA,CACAC,IAAA,+JAEA,CACAA,IAAA,+JAEA,CACAA,IAAA,+JAEA,CACAA,IAAA,+JAEA,CACAA,IAAA,+JAEA,CACAA,IAAA,gKAGAC,SAAA,GACApB,aAAA,IAEAqB,SAAAC,IAAA,GACAC,eAAA,CACAC,KAAA,OACAC,SAAA,oBACAC,iBAAA,gCACAC,gBAAA,mCACAC,WAAA,kBACAC,iBAAA,oBACAC,cAAA,wBACAC,WAAA,sBACAlC,iBAAA,wBACAlB,SAAA,sBACA,IACAiB,gCAAA,eAAAoC,EAAA,KACAC,EAAA,KAAAP,iBAAAQ,QAAA,SAAAC,GACA,uBAAAA,EAAAC,kBAAA,CACA,cAAAJ,EAAArD,SACA,OAAAwD,EACA,eAAAH,EAAArD,UACA,QAAAwD,EAAAE,aACA,OAAAF,OAEA,iBAAAH,EAAArD,UACA,KAAAwD,EAAAE,aACA,OAAAF,MAYA,OAPAF,EAAAK,MAAA,SAAAC,EAAAC,GAAA,OACAD,EAAAH,kBAAAI,EAAAJ,kBACA,EACAI,EAAAJ,kBAAAG,EAAAH,mBACA,EACA,KAEAH,GAEAvC,kBAAA,WACA,IAAA+C,EAAA,KAAAC,sBAAA,KAAAZ,cAAAa,SACA,OAAAF,EAAA,KAAAxB,eACAwB,EAEA,KAAAxB,gBAGAzB,0BAAA,WACA,cAAAsC,cAAAa,QACA,OAAAC,KAAAC,MAAAC,WAAA,KAAAhB,cAAAa,UACAI,WACAC,QAAA,8BAGArD,iBAAA,WACA,IAAAsD,EAAA,EASA,OARA,KAAAlB,WAAAmB,SAAA,SAAAC,GAEAA,EAAAC,KAAAC,SAAA,uBACAF,EAAAC,KAAAC,SAAA,yBAEAJ,GAAA,MAGAA,KAGAK,QAAA,CACArE,wBAAA,SAAAsE,GACA,KAAAC,OAAAC,SAAA,qBAAAF,GACA,KAAA/C,QAAAC,KAAA,oBAGAiD,QAAA,WACA,KAAAF,OAAAC,SAAA,4BACA,KAAAD,OAAAC,SAAA,mBACA,KAAArD,OAAAC,OAAAsD,eAAA,uBACA,KAAA3D,aAAA,KCzZ6U,I,kCCSzU4D,EAAY,eACd,EACA3F,EACAyC,GACA,EACA,KACA,KACA,MAIa,aAAAkD,E,2CCpBf","file":"js/chunk-17fb637b.4145a8f7.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/business-man_resized.7830c9a6.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=1&id=807741d4&prod&lang=scss\"","module.exports = __webpack_public_path__ + \"img/mum-and-girl.014ddfa3.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-layout',{attrs:{\"justify-center\":\"\",\"wrap\":\"\"}},[_c('section',{staticStyle:{\"position\":\"relative\",\"width\":\"100vw\",\"max-width\":\"2560px !important\"},attrs:{\"id\":\"headerSection\"}},[(_vm.$vuetify.breakpoint.mdAndUp && _vm.siteType == 'General')?_c('v-img',{staticClass:\"lightBlueSwish\",attrs:{\"src\":\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2Fwaves.svg?alt=media&token=62074b24-0ff9-46d7-b64b-2e06940eaf8d\"}}):(_vm.siteType == 'General')?_c('v-img',{staticClass:\"lightBlueSwishMobile\",attrs:{\"src\":\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2Fcommercial_home_swish_mobile.svg?alt=media&token=3b2f33af-7f3f-484a-b7b2-446487515b94\"}}):_vm._e(),(_vm.siteType == 'General')?_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"headerLeft\",attrs:{\"xs12\":\"\",\"lg6\":\"\"}},[_c('div',{staticClass:\"headerLeftContainer\"},[_c('div',{staticClass:\"generalHeaderText\"},[_c('h1',[_vm._v(\"Commercial\")]),_c('p',[_vm._v(\"\\n                  Find out how you can make a difference \"),_c('br'),_vm._v(\"\\n                  through your supply chain.\\n                \")]),_c('v-btn',{staticClass:\"headerBtn text-capitalize pa-4 ml-0 mt-4\",attrs:{\"color\":\"info\"},on:{\"click\":function($event){return _vm.onExploreSuppliersClick('Commercial')}}},[_c('v-img',{staticClass:\"btnImage\",attrs:{\"src\":\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2Fcommercial%20icon-01%20(1).svg?alt=media&token=6444d739-dfea-499f-838a-421c6acbbb23\",\"alt\":\"Commercial Icon\",\"contain\":\"\",\"width\":\"30\",\"height\":\"30\"}}),_c('p',{staticClass:\"mb-0 ml-3\"},[_vm._v(\"Explore Suppliers\")])],1)],1),_c('v-img',{staticClass:\"personImage\",attrs:{\"src\":require('../assets/Headers/business-man_resized.png'),\"contain\":\"\"}})],1)]),_c('v-flex',{staticClass:\"headerRight\",attrs:{\"xs12\":\"\",\"lg6\":\"\"}},[_c('div',{staticClass:\"headerLeftContainer\"},[_c('div',{staticClass:\"generalHeaderText\"},[_c('h1',[_vm._v(\"Consumer\")]),_c('p',[_vm._v(\"\\n                  Explore Upstream services and products \"),_c('br'),_vm._v(\"\\n                  for your home and lifestyle.\\n                \")]),_c('v-btn',{staticClass:\"headerBtn text-capitalize pa-4 ml-0 mt-4\",attrs:{\"color\":\"info\"},on:{\"click\":function($event){return _vm.onExploreSuppliersClick('Consumer')}}},[_c('v-img',{staticClass:\"btnImage\",attrs:{\"src\":\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2Fhome%20icon-02%20(1).svg?alt=media&token=593eb756-9ea8-4824-81a9-0c5d6658612e\",\"alt\":\"Consumer Icon\",\"contain\":\"\",\"height\":\"30\",\"width\":\"30\"}}),_c('p',{staticClass:\"mb-0 ml-3\"},[_vm._v(\"Explore Suppliers\")])],1)],1),(_vm.$vuetify.breakpoint.mdAndUp)?_c('v-img',{staticStyle:{\"top\":\"0\",\"right\":\"-165px\",\"position\":\"absolute\"},attrs:{\"src\":require('../assets/Headers/mum-and-girl.png'),\"height\":\"700\",\"width\":\"1000\",\"contain\":\"\"}}):_c('v-img',{staticClass:\"personImage\",attrs:{\"src\":require('../assets/Headers/mum-and-girl.png'),\"contain\":\"\"}})],1)])],1):_vm._e(),(_vm.siteType == 'Commercial')?_c('div',{staticClass:\"headerContent\",class:{\n            headerMobile: _vm.$vuetify.breakpoint.mdAndDown,\n          },staticStyle:{\"background-color\":\"#162c47\"}},[(_vm.$vuetify.breakpoint.lgAndUp)?_c('v-img',{attrs:{\"src\":\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2FNO_Swish_commercial_home-19.jpg?alt=media&token=e3adbe13-0a4a-4da2-a6e2-4d92d407f9b5\",\"contain\":\"\"}}):_vm._e(),(_vm.$vuetify.breakpoint.mdAndDown)?_c('v-img',{attrs:{\"src\":\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2Fhv9KgLuk.jpeg?alt=media&token=a047b6f2-2c5e-4d31-8ec3-ed38792a7e42\",\"contain\":\"\"}}):_vm._e(),_c('div',{staticClass:\"headerText light\"},[_c('h1',[_vm._v(\"\\n              Create social and \"),_c('br'),_vm._v(\"\\n              sustainable impact \"),_c('br'),_vm._v(\"\\n              in your supply chain\\n            \")])])],1):_vm._e(),(_vm.siteType == 'Consumer')?_c('div',{staticClass:\"headerContent\",class:{\n            headerMobile: _vm.$vuetify.breakpoint.mdAndDown,\n          }},[(_vm.$vuetify.breakpoint.lgAndUp)?_c('v-img',{attrs:{\"src\":\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2FNO_swish_consumer_home-20.jpg?alt=media&token=dd0e62eb-6847-4006-971f-936ec11a90af\"}}):_vm._e(),(_vm.$vuetify.breakpoint.mdAndDown)?_c('v-img',{attrs:{\"src\":\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2Fu28qpUmc.jpeg?alt=media&token=2fbb4d70-455d-4581-8903-cb257da90884\"}}):_vm._e(),_c('div',{staticClass:\"headerText dark\"},[_c('h1',[_vm._v(\"\\n              Strengthen the \"),_c('br'),_vm._v(\"\\n              wellbeing of young \"),_c('br'),_vm._v(\"\\n              people by using \"),_c('br'),_vm._v(\"\\n              Upstream suppliers \"),_c('br'),_vm._v(\"\\n              at home\\n            \")])])],1):_vm._e()],1),_c('section',{staticStyle:{\"position\":\"relative\",\"min-width\":\"100vw\",\"z-index\":\"10 !important\"}},[_c('v-layout',{staticClass:\"impactToDate\",attrs:{\"row\":\"\",\"wrap\":\"\",\"align-center\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('h3',{staticClass:\"heading my-4\"},[_vm._v(\"Our impact to date\")])]),_c('v-flex',{staticClass:\"pt-0\",attrs:{\"xs12\":\"\"}},[_c('v-layout',{staticClass:\"statsContainer\",attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticStyle:{\"text-align\":\"center\"},attrs:{\"xm12\":\"\",\"sm6\":\"\",\"md4\":\"\"}},[_c('h3',{staticClass:\"counterTextHome\"},[_vm._v(\"\\n                  $\"+_vm._s(_vm.contributionsCommaCurrent)+\"\\n                \")]),_c('h4',{staticClass:\"counterTextHome\"},[_vm._v(\"\\n                  Upstream contributions generated so far\\n                \")])]),_c('v-flex',{staticStyle:{\"text-align\":\"center\"},attrs:{\"xm12\":\"\",\"sm6\":\"\",\"md4\":\"\"}},[_c('h3',{staticClass:\"counterTextHome\"},[_vm._v(\"\\n                  \"+_vm._s(_vm._f(\"moneyWithComma\")(_vm.communityHourCalc))+\"\\n                \")]),_c('h4',{staticClass:\"counterTextHome\"},[_vm._v(\"\\n                  Equivalent hours of generated community work\\n                \")])]),_c('v-flex',{staticStyle:{\"text-align\":\"center\"},attrs:{\"xs12\":\"\",\"md4\":\"\"}},[_c('h3',{staticClass:\"counterTextHome\"},[_vm._v(\"\\n                  \"+_vm._s(_vm._f(\"moneyWithComma\")(_vm.numberGoodCauses))+\"\\n                \")]),_c('h4',{staticClass:\"counterTextHome\"},[_vm._v(\"Upstream Good Causes\")])])],1)],1)],1),_c('section',{staticClass:\"featuredListingsSection\",staticStyle:{\"max-width\":\"1920px !important\",\"margin\":\"auto\"}},[_c('swiperCarousel',{attrs:{\"slides\":1,\"swiperID\":\"FeaturedListings\",\"options\":_vm.filterFeatureListingsBySiteType}})],1)],1),_c('div',{staticStyle:{\"height\":\"1.5px\",\"width\":\"100%\",\"margin-top\":\"3rem\",\"margin-bottom\":\"3rem\"}},[_c('div',{staticStyle:{\"background-color\":\"rgb(167, 164, 164)\",\"height\":\"100%\",\"width\":\"80%\",\"margin-left\":\"auto\",\"margin-right\":\"auto\"}})]),_c('section',{staticClass:\"ibSection\"},[_c('h1',{staticStyle:{\"margin-top\":\"0px !important\"}},[_vm._v(\"Companies using Upstream in their supply chain\")]),_c('swiperCarousel',{attrs:{\"slides\":3,\"options\":_vm.impactBusinesses}})],1)]),_c('v-dialog',{attrs:{\"max-width\":\"350px\"},model:{value:(_vm.feedBackBox),callback:function ($$v) {_vm.feedBackBox=$$v},expression:\"feedBackBox\"}},[_c('v-card',[_c('v-card-text',[(_vm.$route.params.emailFeedbackType == 'no')?_c('p',[_vm._v(\"\\n            Thank you for your feedback. We aim to give great service and we\\n            will follow this up for you with the supplier.\\n          \")]):_vm._e(),(_vm.$route.params.emailFeedbackType == 'yes')?_c('p',[_vm._v(\"\\n            Thank you for letting us know that\\n            \"),_c('b',{staticStyle:{\"font-size\":\"12pt\"}},[_vm._v(_vm._s(_vm.$route.params.supplierName))]),_vm._v(\" has\\n            been in touch with you. We aim to provide our customers with great\\n            service. \"),_c('br'),_c('br'),_vm._v(\"We are happy to help if you require further assistance.\\n            \"),_c('br'),_vm._v(\"Email\\n            \"),_c('a',{attrs:{\"href\":\"mailto:admin@upstream.co.nz\"}},[_vm._v(\"admin@upstream.co.nz\")])]):_vm._e()]),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"blue darken-1\",\"flat\":\"\"},on:{\"click\":function($event){_vm.$router.push('/');\n              _vm.feedBackBox = false;}}},[_vm._v(\"Close\")]),_c('v-spacer')],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-layout justify-center wrap>\n      <section\n        id=\"headerSection\"\n        style=\"position: relative; width: 100vw; max-width: 2560px !important\"\n      >\n        <v-img\n          v-if=\"$vuetify.breakpoint.mdAndUp && siteType == 'General'\"\n          src=\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2Fwaves.svg?alt=media&token=62074b24-0ff9-46d7-b64b-2e06940eaf8d\"\n          class=\"lightBlueSwish\"\n        ></v-img>\n        <v-img\n          v-else-if=\"siteType == 'General'\"\n          src=\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2Fcommercial_home_swish_mobile.svg?alt=media&token=3b2f33af-7f3f-484a-b7b2-446487515b94\"\n          class=\"lightBlueSwishMobile\"\n        ></v-img>\n        <v-layout row wrap v-if=\"siteType == 'General'\">\n          <v-flex xs12 lg6 class=\"headerLeft\">\n            <div class=\"headerLeftContainer\">\n              <!-- text -->\n              <div class=\"generalHeaderText\">\n                <h1>Commercial</h1>\n                <p>\n                  Find out how you can make a difference <br />\n                  through your supply chain.\n                </p>\n                <v-btn\n                  color=\"info\"\n                  class=\"headerBtn text-capitalize pa-4 ml-0 mt-4\"\n                  @click=\"onExploreSuppliersClick('Commercial')\"\n                >\n                  <!-- <v-icon class=\"mr-3\">mdi-domain</v-icon> -->\n                  <v-img\n                    src=\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2Fcommercial%20icon-01%20(1).svg?alt=media&token=6444d739-dfea-499f-838a-421c6acbbb23\"\n                    alt=\"Commercial Icon\"\n                    class=\"btnImage\"\n                    contain\n                    width=\"30\"\n                    height=\"30\"\n                  />\n                  <p class=\"mb-0 ml-3\">Explore Suppliers</p>\n                </v-btn>\n              </div>\n\n              <!-- img -->\n              <v-img\n                :src=\"require('../assets/Headers/business-man_resized.png')\"\n                contain\n                class=\"personImage\"\n              ></v-img>\n            </div>\n          </v-flex>\n          <v-flex xs12 lg6 class=\"headerRight\">\n            <div class=\"headerLeftContainer\">\n              <!-- text -->\n              <div class=\"generalHeaderText\">\n                <h1>Consumer</h1>\n                <p>\n                  Explore Upstream services and products <br />\n                  for your home and lifestyle.\n                </p>\n                <v-btn\n                  color=\"info\"\n                  class=\"headerBtn text-capitalize pa-4 ml-0 mt-4\"\n                  @click=\"onExploreSuppliersClick('Consumer')\"\n                >\n                  <!-- <v-icon class=\"mr-3\">mdi-home</v-icon> -->\n                  <v-img\n                    src=\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2Fhome%20icon-02%20(1).svg?alt=media&token=593eb756-9ea8-4824-81a9-0c5d6658612e\"\n                    alt=\"Consumer Icon\"\n                    class=\"btnImage\"\n                    contain\n                    height=\"30\"\n                    width=\"30\"\n                  />\n\n                  <p class=\"mb-0 ml-3\">Explore Suppliers</p>\n                </v-btn>\n              </div>\n\n              <!-- img -->\n              <v-img\n                v-if=\"$vuetify.breakpoint.mdAndUp\"\n                :src=\"require('../assets/Headers/mum-and-girl.png')\"\n                height=\"700\"\n                width=\"1000\"\n                contain\n                style=\"top: 0; right: -165px; position: absolute\"\n              ></v-img>\n              <!-- img -->\n              <v-img\n                v-else\n                :src=\"require('../assets/Headers/mum-and-girl.png')\"\n                contain\n                class=\"personImage\"\n              ></v-img>\n            </div>\n          </v-flex>\n        </v-layout>\n        <div\n          v-if=\"siteType == 'Commercial'\"\n          class=\"headerContent\"\n          :class=\"{\n            headerMobile: $vuetify.breakpoint.mdAndDown,\n          }\"\n          style=\"background-color: #162c47\"\n        >\n          <!-- text -->\n          <v-img\n            v-if=\"$vuetify.breakpoint.lgAndUp\"\n            src=\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2FNO_Swish_commercial_home-19.jpg?alt=media&token=e3adbe13-0a4a-4da2-a6e2-4d92d407f9b5\"\n            contain\n          ></v-img>\n          <v-img\n            v-if=\"$vuetify.breakpoint.mdAndDown\"\n            src=\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2Fhv9KgLuk.jpeg?alt=media&token=a047b6f2-2c5e-4d31-8ec3-ed38792a7e42\"\n            contain\n          ></v-img>\n          <div class=\"headerText light\">\n            <h1>\n              Create social and <br />\n              sustainable impact <br />\n              in your supply chain\n            </h1>\n          </div>\n        </div>\n        <div\n          v-if=\"siteType == 'Consumer'\"\n          class=\"headerContent\"\n          :class=\"{\n            headerMobile: $vuetify.breakpoint.mdAndDown,\n          }\"\n        >\n          <!-- text -->\n          <v-img\n            v-if=\"$vuetify.breakpoint.lgAndUp\"\n            src=\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2FNO_swish_consumer_home-20.jpg?alt=media&token=dd0e62eb-6847-4006-971f-936ec11a90af\"\n          ></v-img>\n          <v-img\n            v-if=\"$vuetify.breakpoint.mdAndDown\"\n            src=\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2Fu28qpUmc.jpeg?alt=media&token=2fbb4d70-455d-4581-8903-cb257da90884\"\n          ></v-img>\n          <div class=\"headerText dark\">\n            <h1>\n              Strengthen the <br />\n              wellbeing of young <br />\n              people by using <br />\n              Upstream suppliers <br />\n              at home\n            </h1>\n          </div>\n        </div>\n      </section>\n      <!-- TODO: Latest Enquiry (Carparked) -->\n      <!-- TODO: display overlay for explorer -->\n      <section\n        style=\"position: relative; min-width: 100vw; z-index: 10 !important\"\n      >\n        <v-layout row wrap align-center class=\"impactToDate\">\n          <v-flex xs12>\n            <h3 class=\"heading my-4\">Our impact to date</h3>\n          </v-flex>\n          <v-flex xs12 class=\"pt-0\">\n            <v-layout row wrap class=\"statsContainer\">\n              <v-flex xm12 sm6 md4 style=\"text-align: center\">\n                <h3 class=\"counterTextHome\">\n                  ${{ contributionsCommaCurrent }}\n                </h3>\n                <h4 class=\"counterTextHome\">\n                  Upstream contributions generated so far\n                </h4>\n              </v-flex>\n              <v-flex xm12 sm6 md4 style=\"text-align: center\">\n                <h3 class=\"counterTextHome\">\n                  {{ communityHourCalc | moneyWithComma }}\n                </h3>\n                <h4 class=\"counterTextHome\">\n                  Equivalent hours of generated community work\n                </h4>\n              </v-flex>\n              <v-flex xs12 md4 style=\"text-align: center\">\n                <h3 class=\"counterTextHome\">\n                  {{ numberGoodCauses | moneyWithComma }}\n                </h3>\n                <h4 class=\"counterTextHome\">Upstream Good Causes</h4>\n              </v-flex>\n            </v-layout>\n          </v-flex>\n        </v-layout>\n        <!-- About section -->\n<!--        <v-layout row wrap class=\"py-0\">-->\n<!--          <about style=\"top: 3px; left: -3px\" />-->\n<!--        </v-layout>-->\n        <!-- Featured listings section -->\n        <!-- <v-layout\n          row\n          wrap\n          align-center\n          style=\"padding-left: 15px; padding-right: 15px\"\n        >\n          <v-flex v-if=\"fullWidthBanner != undefined\" xs12>\n            <a\n              v-if=\"fullWidthBanner[0]\"\n              @click=\"\n                $router.push(`/business/${fullWidthBanner[0].business_id}`)\n              \"\n            >\n              <v-img\n                v-if=\"!$vuetify.breakpoint.xs\"\n                style=\"cursor: pointer; border-radius: 5px\"\n                :src=\"fullWidthBanner[0].imageUrl\"\n              />\n              <v-img\n                v-else\n                style=\"cursor: pointer; border-radius: 5px\"\n                :src=\"fullWidthBanner[0].mobileImageUrl\"\n              />\n            </a>\n          </v-flex>\n          <v-flex\n            v-for=\"feature in featuredListings\"\n            :key=\"feature.imageUrl\"\n            xs12\n            sm4\n          >\n            <v-card\n              v-if=\"feature.frontPagePosition != 'Banner'\"\n              tile\n              class=\"elevation-1\"\n              @click=\"$router.push(`/business/${feature.business_id}`)\"\n            >\n              <v-img :src=\"feature.imageUrl\" aspect-ratio=\"2\" />\n            </v-card>\n          </v-flex>\n        </v-layout> -->\n        <section\n          class=\"featuredListingsSection\"\n          style=\"max-width: 1920px !important; margin: auto\"\n        >\n          <swiperCarousel\n            :slides=\"1\"\n            swiperID=\"FeaturedListings\"\n            :options=\"filterFeatureListingsBySiteType\"\n          ></swiperCarousel>\n        </section>\n      </section>\n      <div style=\"height: 1.5px; width: 100%; margin-top: 3rem; margin-bottom: 3rem;\">\n        <div style=\"background-color: rgb(167, 164, 164); height: 100%; width: 80%; margin-left: auto; margin-right: auto\"></div>\n      </div>\n      <!-- Impact Buyers slider -->\n      <section class=\"ibSection\">\n        <h1 style=\"margin-top: 0px !important;\">Companies using Upstream in their supply chain</h1>\n        <swiperCarousel\n          :slides=\"3\"\n          :options=\"impactBusinesses\"\n        ></swiperCarousel>\n      </section>\n    </v-layout>\n\n    <v-dialog v-model=\"feedBackBox\" max-width=\"350px\">\n      <v-card>\n        <v-card-text>\n          <p v-if=\"$route.params.emailFeedbackType == 'no'\">\n            Thank you for your feedback. We aim to give great service and we\n            will follow this up for you with the supplier.\n          </p>\n          <p v-if=\"$route.params.emailFeedbackType == 'yes'\">\n            Thank you for letting us know that\n            <b style=\"font-size: 12pt\">{{ $route.params.supplierName }}</b> has\n            been in touch with you. We aim to provide our customers with great\n            service. <br />\n            <br />We are happy to help if you require further assistance.\n            <br />Email\n            <a href=\"mailto:admin@upstream.co.nz\">admin@upstream.co.nz</a>\n          </p>\n        </v-card-text>\n        <v-card-actions>\n          <v-spacer />\n          <v-btn\n            color=\"blue darken-1\"\n            flat\n            @click=\"\n              $router.push('/');\n              feedBackBox = false;\n            \"\n            >Close</v-btn\n          >\n          <v-spacer />\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport about from \"@/components/core/About.vue\";\nimport swiperCarousel from \"@/components/swiper/swiperCarousel.vue\";\n\nexport default {\n  components: {\n    about,\n    swiperCarousel,\n  },\n  data: () => ({\n    menuProps: {\n      openOnClick: false,\n    },\n    communityHours: 0,\n    items: [\n      {\n        src: \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/backgroundImages%2F1_resized.jpg?alt=media&token=0f475253-a02b-4ae2-ac0c-e5d0761291b0\",\n      },\n      {\n        src: \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/backgroundImages%2F2_resized.jpg?alt=media&token=f901d032-bd8a-4463-9678-f448419c3339\",\n      },\n      {\n        src: \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/backgroundImages%2F3_resized.jpg?alt=media&token=f42656ea-0c3e-482d-b37d-6532c5d92548\",\n      },\n      {\n        src: \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/backgroundImages%2F4_resized.jpg?alt=media&token=ab1040be-cb40-45a2-a165-867782b0ea61\",\n      },\n      {\n        src: \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/backgroundImages%2F6_resized.jpg?alt=media&token=14050181-b066-4f91-90c3-57afa9cb2dd0\",\n      },\n      {\n        src: \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/backgroundImages%2F7_resized.jpg?alt=media&token=7a372f29-a81c-4483-bb0d-b017fe3af8f8\",\n      },\n    ],\n    formData: {},\n    feedBackBox: false,\n  }),\n  computed: {\n    ...mapGetters({\n      user: \"user\",\n      services: \"business/services\",\n      featuredListings: \"featuredListings/listHomePage\",\n      fullWidthBanner: \"featuredListings/fullWidthBanner\",\n      categories: \"categories/list\",\n      categoriesByName: \"categories/byName\",\n      contributions: \"general/contributions\",\n      goodCauses: \"goodCauses/approved\",\n      impactBusinesses: \"impactBusinesses/list\",\n      siteType: \"general/siteType\",\n    }),\n    filterFeatureListingsBySiteType() {\n      let filteredListings = this.featuredListings.filter((e) => {\n        if (e.frontPagePosition != \"Not On Frontpage\") {\n          if (this.siteType == \"General\") {\n            return e;\n          } else if (this.siteType == \"Consumer\") {\n            if (e.isCommercial == \"0\") {\n              return e;\n            }\n          } else if (this.siteType == \"Commercial\") {\n            if (e.isCommercial == \"1\") {\n              return e;\n            }\n          }\n        }\n      });\n      filteredListings.sort((a, b) =>\n        a.frontPagePosition > b.frontPagePosition\n          ? 1\n          : b.frontPagePosition > a.frontPagePosition\n          ? -1\n          : 0\n      );\n      return filteredListings;\n    },\n    communityHourCalc: function () {\n      let hours = this.calculateCommunityHrs(this.contributions.current);\n      if (hours > this.communityHours) {\n        return hours;\n      } else {\n        return this.communityHours;\n      }\n    },\n    contributionsCommaCurrent: function () {\n      if (this.contributions.current != null) {\n        return Math.round(parseFloat(this.contributions.current))\n          .toString()\n          .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n      }\n    },\n    numberGoodCauses: function () {\n      let count = 0;\n      this.goodCauses.forEach((element) => {\n        if (\n          !element.name.includes(\"( Impact an Area )\") &&\n          !element.name.includes(\"( Impacts Overall )\")\n        ) {\n          count += 1;\n        }\n      });\n      return count;\n    },\n  },\n  methods: {\n    onExploreSuppliersClick(type) {\n      this.$store.dispatch(\"general/changeType\", type);\n      this.$router.push(\"/searchResults\");\n    },\n  },\n  mounted() {\n    this.$store.dispatch(\"featuredListings/loadAll\");\n    this.$store.dispatch(\"general/loadAll\");\n    if (this.$route.params.hasOwnProperty(\"emailFeedbackType\")) {\n      this.feedBackBox = true;\n    }\n  },\n};\n</script>\n\n<style>\n.application {\n  background-color: white !important;\n}\n\n.browseBarWrap {\n  position: relative;\n  background: #4cc7e8;\n  width: 100vw;\n  top: 0px;\n  height: 100px;\n}\n\n.browseBarContainer {\n  position: relative;\n  margin: auto;\n  text-align: center;\n  margin-top: 8px;\n  /* max-width: 75%; */\n}\n\n.browseBarContainer h1 {\n  font-weight: bold !important;\n  font-family: Gotham !important;\n  font-size: 3rem !important;\n  color: white;\n}\n\n.searchOverlay {\n  position: absolute;\n  top: 0px;\n  font-weight: bold;\n  font-family: Gotham;\n  font-size: 22pt;\n  text-align: center;\n  color: white;\n  left: inherit;\n  width: 100%;\n  /*background: rgba(56, 240, 255, 0.65);*/\n  padding: 15px;\n  -webkit-border-radius: 3px;\n  -moz-border-radius: 3px;\n  border-radius: 3px;\n}\n\n.headline {\n  font-family: Gotham !important;\n}\n\n.fullHeight {\n  height: 100%;\n}\n\n.lightBlueSwish {\n  filter: invert(76%) sepia(76%) saturate(1663%) hue-rotate(160deg)\n    brightness(96%) contrast(89%);\n  -moz-transform: scale(-1, -1);\n  -o-transform: scale(-1, -1);\n  -webkit-transform: scale(-1, -1);\n  transform: scale(-1, -1) rotate(10deg);\n  position: absolute;\n  width: 1500px;\n  left: -70px;\n  bottom: -150px;\n}\n\n.lightBlueSwishMobile {\n  width: 960px;\n  z-index: 1;\n  position: absolute;\n  top: 220px;\n}\n\n#headerSection button {\n  font-weight: lighter;\n  font-size: 20px !important;\n}\n\n#headerSection h1 {\n  font-weight: bold !important;\n  font-size: 3rem !important;\n}\n\n.generalHeaderText {\n  position: absolute;\n  top: 78px;\n  left: 50px;\n  z-index: 2;\n}\n\n.headerContent {\n  min-height: 400px;\n  position: relative;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n\n.headerContent .headerText {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  right: 200px;\n}\n\n.headerMobile .headerText {\n  right: unset;\n  left: 50%;\n  top: 22%;\n  transform: translate(-50%, -50%);\n  width: 80%;\n  max-width: 100%;\n}\n\n.light {\n  color: white;\n}\n\n.dark {\n  color: #162c47;\n}\n\n.headerLeft {\n  background-color: #162c47;\n  color: white;\n}\n\n.headerLeftContainer {\n  height: 500px;\n  position: relative;\n}\n\n.headerRight {\n  background-color: #ddf5fc;\n  color: #162c47;\n}\n\n.headerLeft,\n.headerRight {\n  height: 100%;\n}\n\n.headerLeft .personImage {\n  width: 1000px;\n  height: 577px;\n  top: -78px;\n  right: -140px;\n  position: absolute;\n  z-index: 1;\n}\n\n.headerRight .personImage {\n  width: 1000px;\n  height: 577px;\n  bottom: -100px;\n  right: -250px;\n  position: absolute;\n  z-index: 1;\n}\n\n.ibSection {\n  width: 90%;\n  max-width: 1920px;\n  margin: 0 0 5% 0;\n}\n\n.ibSection h1 {\n  color: #4cc7e8;\n  font-weight: bold !important;\n  margin-bottom: 5%;\n}\n\n@media only screen and (max-width: 1263px) {\n  .lightBlueSwish {\n    bottom: 412px;\n  }\n}\n\n@media only screen and (max-width: 1000px) {\n  .counterTextHome {\n    font-size: 20pt !important;\n  }\n  .headerLeft h1,\n  .headerLeft p {\n    z-index: 2;\n  }\n}\n\n@media only screen and (max-width: 810px) {\n  .lightBlueSwishMobile {\n    width: 100%;\n  }\n  #headerSection .headerMobile .headerText h1 {\n    font-size: 1.5rem !important;\n  }\n}\n\n@media only screen and (max-width: 632px) {\n  .browseBarContainer h1 {\n    font-size: 2rem !important;\n  }\n  .headerLeft .personImage {\n    height: 665px !important;\n    width: 480px !important;\n    top: -200px;\n    right: -65px;\n  }\n  .headerRight .personImage {\n    height: 305px !important;\n    width: 480px !important;\n    bottom: -50px;\n    right: -115px;\n  }\n  .lightBlueSwishMobile {\n    top: 175px;\n  }\n  .headerLeftContainer {\n    height: 291px;\n  }\n  .headerLeft .generalHeaderText {\n    top: 0;\n    left: 0;\n    padding: 6%;\n  }\n  .headerLeft .generalHeaderText p {\n    font-size: 12px !important;\n  }\n  .headerLeft .generalHeaderText .headerBtn {\n    height: 30px;\n    width: 150px;\n  }\n\n  .headerLeft .generalHeaderText .headerBtn .btnImage {\n    min-width: 30px !important;\n    max-width: 30px !important;\n  }\n  .headerLeft .generalHeaderText .headerBtn p {\n    font-size: 12px !important;\n  }\n  .headerRight .generalHeaderText {\n    top: 0;\n    left: 0;\n    padding: 6%;\n  }\n  .headerRight .generalHeaderText p {\n    font-size: 12px !important;\n  }\n  .headerRight .generalHeaderText .headerBtn {\n    height: 30px;\n    width: 150px;\n  }\n\n  .headerRight .generalHeaderText .headerBtn .btnImage {\n    min-width: 30px !important;\n    max-width: 30px !important;\n  }\n  .headerRight .generalHeaderText .headerBtn p {\n    font-size: 12px !important;\n  }\n}\n\n@media only screen and (max-width: 600px) {\n  .categoryCardsHome {\n    padding: 0 0 14px 0 !important;\n  }\n  .browseBarContainer h1 {\n    font-size: 2rem !important;\n  }\n  .headerMobile.headerContent {\n    height: auto;\n  }\n  #headerSection .headerMobile h1 {\n    font-size: 2rem !important;\n  }\n}\n\n@media only screen and (max-width: 377px) {\n  #headerSection .headerMobile h1 {\n    font-size: 2rem !important;\n  }\n}\n\n@media only screen and (min-width: 600px) {\n  .searchOverlay {\n    font-size: 28pt;\n    width: 600px;\n    left: calc(50% - 300px);\n  }\n}\n\n@media only screen and (min-width: 1904px) {\n  .pageContent {\n    max-width: 1200px;\n  }\n}\n\n.display-3 {\n  font-family: Gotham !important;\n}\n</style>\n\n<style lang=\"scss\">\n.impactToDate {\n  background: #4ac7e9;\n  padding-left: 15px;\n  padding-right: 15px;\n\n  .heading {\n    font-weight: 500 !important;\n    color: white;\n    text-align: center;\n    margin-bottom: 0px !important;\n  }\n\n  .statsContainer {\n    max-width: 1600px;\n    margin: auto !important;\n    color: #162c47;\n\n    h3 {\n      font-size: 3rem !important;\n      color: #162c47;\n      margin-bottom: 15px;\n\n      @media screen and (max-width: 600px) {\n        font-size: 2rem !important;\n      }\n    }\n\n    h4 {\n      font-family: Gotham !important;\n      font-size: 1.3rem !important;\n      color: white;\n      margin: auto;\n      max-width: 400px;\n      top: -20px;\n      position: relative;\n    }\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=807741d4\"\nimport script from \"./Home.vue?vue&type=script&lang=js\"\nexport * from \"./Home.vue?vue&type=script&lang=js\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=807741d4&prod&lang=css\"\nimport style1 from \"./Home.vue?vue&type=style&index=1&id=807741d4&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=0&id=807741d4&prod&lang=css\""],"sourceRoot":""}