{"version":3,"sources":["webpack:///./src/assets/AboutUpstream/how_it_works-2.png","webpack:///./src/views/AboutUpstream.vue","webpack:///src/views/AboutUpstream.vue","webpack:///./src/views/AboutUpstream.vue?8a8b","webpack:///./src/views/AboutUpstream.vue?1f4a","webpack:///./src/assets/AboutUpstream/how_it_works-4.png","webpack:///./src/assets/AboutUpstream/how_it_works-3.png","webpack:///./src/views/AboutUpstream.vue?92d8","webpack:///./src/views/AboutUpstream.vue?17f1"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","staticStyle","attrs","$vuetify","breakpoint","mdAndDown","smAndUp","class","headingContainerTablet","smAndDown","model","value","active","callback","$$v","expression","style","concat","mdAndUp","_v","selected","on","$event","headingContainer","headingContainerMobile","require","_l","people","person","idx","key","imageUrl","_s","name","title","cardMdHeight","mdOnly","about","values","text","_e","staticRenderFns","data","tab","progress","communityHours","id","computed","_objectSpread","mapGetters","user","services","categories","categoriesByName","contributions","contributionTracker","percentage","current","goal","communityHourCalc","hours","calculateCommunityHrs","contributionsCommaCurrent","Math","round","parseFloat","toString","replace","contributionsCommaGoal","mounted","_mounted","_asyncToGenerator","regeneratorRuntime","mark","_callee","wrap","_context","prev","next","$store","dispatch","stop","apply","arguments","methods","parseInt","contributionPercentage","index","getMetaDescription","component"],"mappings":"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","file":"js/chunk-01d55434.15cafc71.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/how_it_works-2.347a9cf2.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pt-0\",staticStyle:{\"margin-top\":\"-15px\"}},[_c('v-layout',[_c('section',{attrs:{\"id\":\"core-about\"}},[_c('v-img',{staticClass:\"backgroundImg\",attrs:{\"src\":'https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2Fabout_upstream.jpeg?alt=media&token=4e0ee90e-58d2-4c49-affa-9c4e4f2195b6',\"height\":\"520\",\"position\":\"top\"}},[(_vm.$vuetify.breakpoint.mdAndDown && _vm.$vuetify.breakpoint.smAndUp)?_c('div',{class:{\n            headingContainerTablet: _vm.$vuetify.breakpoint.smAndDown,\n          }},[_c('v-tabs-items',{staticClass:\"mb-5 tabsStyleForTablet\",model:{value:(_vm.active),callback:function ($$v) {_vm.active=$$v},expression:\"active\"}},[_c('v-tab-item',{style:(`height: ${\n                _vm.$vuetify.breakpoint.mdAndUp ? '182' : '260'\n              }px`),attrs:{\"value\":`tab-1`}},[_c('div',{staticClass:\"headingHeader mb-3\"},[_c('h1',[_vm._v(\"About Upstream\")])]),_c('div',{staticClass:\"mb-5\"},[_c('p',[_vm._v(\"\\n                  Upstream empowers customers to impact their community by\\n                  choosing quality approved businesses, who give a percentage\\n                  of your sale to Good Causes supporting children and young\\n                  people.\\n                \")])])]),_c('v-tab-item',{style:(`height: ${\n                _vm.$vuetify.breakpoint.mdAndUp ? '182' : '260'\n              }px`),attrs:{\"value\":`tab-2`}},[_c('div',{staticClass:\"headingHeader mb-3\"},[_c('h1',[_vm._v(\"Our team\")])]),_c('div',{staticClass:\"headingParagraph\"},[_c('p',[_vm._v(\"\\n                  Two youth workers were tired of always asking for handouts\\n                  to help fund the important work needed in their community.\\n                  In 2018, Upstream was started to empower Good Causes to\\n                  collaborate with businesses in generating a more sustainable\\n                  funding stream for this essential work. Here's the team\\n                  behind this empowering idea.\\n                \")])])]),_c('v-tab-item',{style:(`height: ${\n                _vm.$vuetify.breakpoint.mdAndUp ? '182' : '260'\n              }px`),attrs:{\"value\":`tab-3`}},[_c('div',{staticClass:\"headingHeader mb-3\"},[_c('h1',[_vm._v(\"What we stand for\")])]),_c('div',{staticClass:\"mb-5\"},[_c('p',[_vm._v(\"\\n                  Upstream exists to strengthen the wellbeing of children and\\n                  young people in New Zealand. It is essential that those who\\n                  we work alongside fit our values and what we stand for.\\n                \")])])])],1),_c('div',{staticClass:\"headingButtonsTablet\"},[_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"px-2\",attrs:{\"xs12\":\"\",\"md4\":\"\"}},[_c('v-btn',{staticClass:\"text-capitalize pa-4\",class:{ selected: _vm.active == 'tab-1' },staticStyle:{\"color\":\"white\"},attrs:{\"href\":`#tab-1`,\"ripple\":\"\",\"depressed\":\"\",\"block\":\"\",\"color\":`${_vm.active == 'tab-1' ? 'primary' : '#4cc7e880'}`},on:{\"click\":function($event){_vm.active = 'tab-1'}}},[_vm._v(\"\\n                  About Upstream\\n                \")])],1),_c('v-flex',{staticClass:\"px-2\",attrs:{\"xs12\":\"\",\"md4\":\"\"}},[_c('v-btn',{staticClass:\"text-capitalize pa-4\",class:{ selected: _vm.active == 'tab-2' },staticStyle:{\"color\":\"white\"},attrs:{\"href\":`#tab-2`,\"ripple\":\"\",\"depressed\":\"\",\"block\":\"\",\"color\":`${_vm.active == 'tab-2' ? 'primary' : '#4cc7e880'}`},on:{\"click\":function($event){_vm.active = 'tab-2'}}},[_vm._v(\"\\n                  Our Team\\n                \")])],1),_c('v-flex',{staticClass:\"px-2\",attrs:{\"xs12\":\"\",\"md4\":\"\"}},[_c('v-btn',{staticClass:\"text-capitalize pa-4\",class:{ selected: _vm.active == 'tab-3' },staticStyle:{\"color\":\"white\"},attrs:{\"href\":`#tab-3`,\"ripple\":\"\",\"depressed\":\"\",\"block\":\"\",\"color\":`${_vm.active == 'tab-3' ? 'primary' : '#4cc7e880'}`},on:{\"click\":function($event){_vm.active = 'tab-3'}}},[_vm._v(\"\\n                  Our Values\\n                \")])],1)],1)],1)],1):_c('div',{class:{\n            headingContainer: _vm.$vuetify.breakpoint.mdAndUp,\n            headingContainerMobile: _vm.$vuetify.breakpoint.smAndDown,\n          }},[_c('v-tabs-items',{staticClass:\"mb-5\",model:{value:(_vm.active),callback:function ($$v) {_vm.active=$$v},expression:\"active\"}},[_c('v-tab-item',{style:(`height: ${\n                _vm.$vuetify.breakpoint.mdAndUp ? '182' : '260'\n              }px`),attrs:{\"value\":`tab-1`}},[_c('div',{staticClass:\"headingHeader mb-3\"},[_c('h1',[_vm._v(\"About Upstream\")])]),_c('div',{staticClass:\"mb-5\"},[_c('p',[_vm._v(\"\\n                  Upstream empowers customers to impact their community by\\n                  choosing quality approved businesses, who give a percentage\\n                  of your sale to Good Causes supporting children and young\\n                  people.\\n                \")])])]),_c('v-tab-item',{style:(`height: ${\n                _vm.$vuetify.breakpoint.mdAndUp ? '182' : '260'\n              }px`),attrs:{\"value\":`tab-2`}},[_c('div',{staticClass:\"headingHeader mb-3\"},[_c('h1',[_vm._v(\"Our team\")])]),_c('div',{staticClass:\"headingParagraph\"},[_c('p',[_vm._v(\"\\n                  Two youth workers were tired of always asking for handouts\\n                  to help fund the important work needed in their community.\\n                  In 2018, Upstream was started to empower Good Causes to\\n                  collaborate with businesses in generating a more sustainable\\n                  funding stream for this essential work. Here's the team\\n                  behind this empowering idea.\\n                \")])])]),_c('v-tab-item',{style:(`height: ${\n                _vm.$vuetify.breakpoint.mdAndUp ? '182' : '260'\n              }px`),attrs:{\"value\":`tab-3`}},[_c('div',{staticClass:\"headingHeader mb-3\"},[_c('h1',[_vm._v(\"What we stand for\")])]),_c('div',{staticClass:\"mb-5\"},[_c('p',[_vm._v(\"\\n                  Upstream exists to strengthen the wellbeing of children and\\n                  young people in New Zealand. It is essential that those who\\n                  we work alongside fit our values and what we stand for.\\n                \")])])])],1),_c('div',{staticClass:\"headingButtons\"},[_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"px-2\",attrs:{\"xs12\":\"\",\"md4\":\"\"}},[_c('v-btn',{staticClass:\"text-capitalize pa-4\",class:{ selected: _vm.active == 'tab-1' },staticStyle:{\"color\":\"white\"},attrs:{\"href\":`#tab-1`,\"ripple\":\"\",\"depressed\":\"\",\"block\":\"\",\"color\":`${_vm.active == 'tab-1' ? 'primary' : '#4cc7e880'}`},on:{\"click\":function($event){_vm.active = 'tab-1'}}},[_vm._v(\"\\n                  About Upstream\\n                \")])],1),_c('v-flex',{staticClass:\"px-2\",attrs:{\"xs12\":\"\",\"md4\":\"\"}},[_c('v-btn',{staticClass:\"text-capitalize pa-4\",class:{ selected: _vm.active == 'tab-2' },staticStyle:{\"color\":\"white\"},attrs:{\"href\":`#tab-2`,\"ripple\":\"\",\"depressed\":\"\",\"block\":\"\",\"color\":`${_vm.active == 'tab-2' ? 'primary' : '#4cc7e880'}`},on:{\"click\":function($event){_vm.active = 'tab-2'}}},[_vm._v(\"\\n                  Our Team\\n                \")])],1),_c('v-flex',{staticClass:\"px-2\",attrs:{\"xs12\":\"\",\"md4\":\"\"}},[_c('v-btn',{staticClass:\"text-capitalize pa-4\",class:{ selected: _vm.active == 'tab-3' },staticStyle:{\"color\":\"white\"},attrs:{\"href\":`#tab-3`,\"ripple\":\"\",\"depressed\":\"\",\"block\":\"\",\"color\":`${_vm.active == 'tab-3' ? 'primary' : '#4cc7e880'}`},on:{\"click\":function($event){_vm.active = 'tab-3'}}},[_vm._v(\"\\n                  Our Values\\n                \")])],1)],1)],1)],1)])],1)]),_c('v-tabs-items',{model:{value:(_vm.active),callback:function ($$v) {_vm.active=$$v},expression:\"active\"}},[_c('v-tab-item',{attrs:{\"value\":`tab-1`}},[_c('div',{staticClass:\"pbmSection\"},[_c('v-layout',{staticClass:\"contentMaxWidth\",class:{\n            'pa-4': _vm.$vuetify.breakpoint.smAndDown,\n            'pa-5': _vm.$vuetify.breakpoint.mdAndUp,\n          },attrs:{\"row\":\"\",\"wrap\":\"\",\"justify-space-around\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"md4\":\"\"}},[_c('div',{style:(_vm.$vuetify.breakpoint.mdAndDown && _vm.$vuetify.breakpoint.smAndUp\n                  ? 'max-width: 100%; text-align: center'\n                  : 'max-width: 360px')},[_c('h2',[_vm._v(\"Our purpose\")]),_c('p',[_vm._v(\"\\n                Upstream exists to strengthen the wellbeing of children and\\n                young people in Aotearoa. Our platform connects customers to\\n                socially conscious businesses to generate funds for charities\\n                that support our next generation.\\n              \")])])]),_c('v-flex',{attrs:{\"xs12\":\"\",\"md4\":\"\"}},[_c('div',{style:(_vm.$vuetify.breakpoint.mdAndDown && _vm.$vuetify.breakpoint.smAndUp\n                  ? 'max-width: 100%;text-align: center;'\n                  : '')},[_c('h2',[_vm._v(\"Our beginning\")]),_c('p',[_vm._v(\"\\n                Our founders were overwhelmed by the incredible amount of\\n                support needed to improve outcomes for young Kiwis. We knew\\n                that for many youth charities, raising funds was the hardest\\n                part of providing these essential services, so we came up\\n                with an innovative way to generate an ongoing stream of\\n                charitable funding.\\n              \")])])]),_c('v-flex',{attrs:{\"xs12\":\"\",\"md4\":\"\"}},[_c('div',{style:(_vm.$vuetify.breakpoint.mdAndDown && _vm.$vuetify.breakpoint.smAndUp\n                  ? 'max-width: 100%;text-align: center'\n                  : '')},[_c('h2',[_vm._v(\"Our model\")]),_c('p',[_vm._v(\"\\n                Meet Upstream’s unique ‘triple win’ model! When customers make a purchase from an\\n                Upstream supplier, that supplier contributes a portion of their invoice to the Good\\n                Causes Upstream partners with. Customers don’t pay any extra, suppliers find new\\n                clients, and charities receive the funding they need.\\n              \")])])])],1)],1),(_vm.$vuetify.breakpoint.mdAndUp)?_c('div',{staticClass:\"howItWorksSection\",staticStyle:{\"padding-bottom\":\"50px\"}},[_c('v-layout',{staticClass:\"contentMaxWidth\",class:{\n            'pa-4': _vm.$vuetify.breakpoint.smAndDown,\n            'pa-5': _vm.$vuetify.breakpoint.mdAndUp,\n          },attrs:{\"row\":\"\",\"wrap\":\"\",\"align-center\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('div',[_c('h1',{staticClass:\"pa-5\",staticStyle:{\"text-align\":\"center\",\"color\":\"#162c47\"}},[_vm._v(\"\\n                How It Works\\n              \")])])]),_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('v-layout',{staticStyle:{\"text-align\":\"center\"},attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('v-img',{staticClass:\"mx-auto\",attrs:{\"src\":\"https://upstreamnz.s3.ap-southeast-2.amazonaws.com/resizedBanners/how-it-works-cropped.png\"}})],1),_c('v-flex',{attrs:{\"xs4\":\"\"}},[_c('div',{staticStyle:{\"width\":\"100%\",\"text-align\":\"center\"}},[_c('h2',{staticClass:\"mt-0\"},[_vm._v(\"You purchase from an Upstream Supplier\")])])]),_c('v-flex',{attrs:{\"xs4\":\"\"}},[_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('h2',{staticClass:\"mt-0\"},[_vm._v(\"\\n                    They contribute part of the sale to Upstream\\n                  \")])])]),_c('v-flex',{attrs:{\"xs4\":\"\"}},[_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('h2',{staticClass:\"mt-0\"},[_vm._v(\"\\n                    We contribute to Good Causes supporting young people\\n                  \")])])])],1)],1)],1)],1):_c('div',{staticClass:\"howItWorksSection\"},[_c('v-layout',{staticClass:\"contentMaxWidth\",class:{\n            'pa-4': _vm.$vuetify.breakpoint.smAndDown,\n            'pa-5': _vm.$vuetify.breakpoint.mdAndUp,\n          },staticStyle:{\"text-align\":\"center\"},attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('div',[_c('h1',{staticClass:\"pa-5\",staticStyle:{\"color\":\"#162c47 !important\",\"text-align\":\"center\"}},[_vm._v(\"\\n                How It Works\\n              \")])])]),_c('v-flex',{attrs:{\"xs12\":\"\",\"lg4\":\"\"}},[_c('div',[_c('v-img',{staticClass:\"mx-auto\",attrs:{\"src\":require('@/assets/AboutUpstream/how_it_works-2.png'),\"max-width\":\"400\",\"max-height\":\"300\"}}),_c('h3',[_vm._v(\"You purchase from an Upstream Supplier\")])],1)]),_c('v-flex',{attrs:{\"xs12\":\"\",\"lg4\":\"\"}},[_c('div',[_c('v-img',{staticClass:\"mx-auto\",attrs:{\"src\":require('@/assets/AboutUpstream/how_it_works-3.png'),\"max-width\":\"300\",\"max-height\":\"300\"}}),_c('h3',[_vm._v(\"They contribute part of the sale to Upstream\")])],1)]),_c('v-flex',{attrs:{\"xs12\":\"\",\"lg4\":\"\"}},[_c('div',[_c('v-img',{staticClass:\"mx-auto\",attrs:{\"src\":require('@/assets/AboutUpstream/how_it_works-4.png'),\"max-width\":\"400\",\"max-height\":\"325\"}}),_c('h3',[_vm._v(\"We contribute to Good Causes supporting young people\")])],1)])],1)],1)]),_c('v-tab-item',{attrs:{\"value\":`tab-2`}},[_c('v-container',{staticClass:\"pageContent mb-5\",attrs:{\"grid-list-xl\":\"\"}},[_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\"}},_vm._l((_vm.people),function(person,idx){return _c('v-flex',{key:idx,attrs:{\"xs12\":\"\",\"sm6\":\"\",\"md4\":\"\"}},[_c('v-card',{staticClass:\"elevation-0 ourStaffCard pa-2\",staticStyle:{\"background\":\"white\"}},[_c('v-img',{class:_vm.$vuetify.breakpoint.mdAndDown ? '' : 'grayscaleHoverOptions',staticStyle:{\"border-radius\":\"0\"},attrs:{\"src\":person.imageUrl,\"height\":\"250px\"}}),_c('v-card-title',[_c('div',[_c('div',{staticClass:\"title aboutWorkersName\"},[_vm._v(_vm._s(person.name))]),_c('span',{staticClass:\"aboutWorkersTitle\"},[_vm._v(_vm._s(person.title))])])]),_c('v-card-text',{staticClass:\"nl2br cardHeight py-0\",class:{\n                  cardMdHeight: _vm.$vuetify.breakpoint.mdOnly,\n                }},[_vm._v(\"\\n                \"+_vm._s(person.about)+\"\\n              \")])],1),_c('hr')],1)}),1)],1)],1),_c('v-tab-item',{attrs:{\"value\":`tab-3`}},[_c('v-layout',{staticClass:\"ourValuesSection mt-2\",staticStyle:{\"background-color\":\"#162c47\"},attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\",\"justify-center\":\"\"}},_vm._l((_vm.values),function(value,idx){return (idx < 3)?_c('v-flex',{key:idx,staticClass:\"px-4\",attrs:{\"xs12\":\"\",\"md4\":\"\"}},[_c('h1',{staticClass:\"mt-5\"},[_vm._v(_vm._s(value.title))]),_c('p',[_vm._v(_vm._s(value.text))])]):_vm._e()}),1)],1)],1),_c('v-layout',{staticClass:\"ourValuesSection\",attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\"}},_vm._l((_vm.values),function(value,idx){return (idx > 2)?_c('v-flex',{key:idx,staticClass:\"px-4\",attrs:{\"xs12\":\"\",\"md4\":\"\"}},[_c('h1',{staticClass:\"mt-5\"},[_vm._v(_vm._s(value.title))]),_c('p',{staticStyle:{\"color\":\"#162c47\",\"white-space\":\"pre\"}},[_vm._v(_vm._s(value.text))])]):_vm._e()}),1)],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"pt-0\" style=\"margin-top: -15px\">\n    <!-- About Upstream section -->\n    <v-layout>\n      <section id=\"core-about\" style=\"\">\n        <v-img\n          class=\"backgroundImg\"\n          :src=\"'https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2Fabout_upstream.jpeg?alt=media&token=4e0ee90e-58d2-4c49-affa-9c4e4f2195b6'\"\n          height=\"520\"\n          position=\"top\"\n        >\n          <div\n            v-if=\"$vuetify.breakpoint.mdAndDown && $vuetify.breakpoint.smAndUp\"\n            :class=\"{\n              headingContainerTablet: $vuetify.breakpoint.smAndDown,\n            }\"\n          >\n            <v-tabs-items v-model=\"active\" class=\"mb-5 tabsStyleForTablet\">\n              <v-tab-item\n                :value=\"`tab-1`\"\n                :style=\"`height: ${\n                  $vuetify.breakpoint.mdAndUp ? '182' : '260'\n                }px`\"\n              >\n                <div class=\"headingHeader mb-3\">\n                  <h1>About Upstream</h1>\n                </div>\n                <div class=\"mb-5\">\n                  <p>\n                    Upstream empowers customers to impact their community by\n                    choosing quality approved businesses, who give a percentage\n                    of your sale to Good Causes supporting children and young\n                    people.\n                  </p>\n                </div>\n              </v-tab-item>\n              <v-tab-item\n                :value=\"`tab-2`\"\n                :style=\"`height: ${\n                  $vuetify.breakpoint.mdAndUp ? '182' : '260'\n                }px`\"\n              >\n                <div class=\"headingHeader mb-3\">\n                  <h1>Our team</h1>\n                </div>\n                <div class=\"headingParagraph\">\n                  <p>\n                    Two youth workers were tired of always asking for handouts\n                    to help fund the important work needed in their community.\n                    In 2018, Upstream was started to empower Good Causes to\n                    collaborate with businesses in generating a more sustainable\n                    funding stream for this essential work. Here's the team\n                    behind this empowering idea.\n                  </p>\n                </div>\n              </v-tab-item>\n              <v-tab-item\n                :value=\"`tab-3`\"\n                :style=\"`height: ${\n                  $vuetify.breakpoint.mdAndUp ? '182' : '260'\n                }px`\"\n              >\n                <div class=\"headingHeader mb-3\">\n                  <h1>What we stand for</h1>\n                </div>\n                <div class=\"mb-5\">\n                  <p>\n                    Upstream exists to strengthen the wellbeing of children and\n                    young people in New Zealand. It is essential that those who\n                    we work alongside fit our values and what we stand for.\n                  </p>\n                </div>\n              </v-tab-item>\n            </v-tabs-items>\n            <div class=\"headingButtonsTablet\">\n              <!-- <v-tabs centered hide-slider v-model=\"active\"> -->\n              <v-layout row wrap>\n                <v-flex xs12 md4 class=\"px-2\">\n                  <v-btn\n                    :class=\"{ selected: active == 'tab-1' }\"\n                    class=\"text-capitalize pa-4\"\n                    :href=\"`#tab-1`\"\n                    ripple\n                    @click=\"active = 'tab-1'\"\n                    depressed\n                    block\n                    :color=\"`${active == 'tab-1' ? 'primary' : '#4cc7e880'}`\"\n                    style=\"color: white\"\n                  >\n                    About Upstream\n                  </v-btn>\n                </v-flex>\n                <v-flex xs12 md4 class=\"px-2\">\n                  <v-btn\n                    :class=\"{ selected: active == 'tab-2' }\"\n                    class=\"text-capitalize pa-4\"\n                    :href=\"`#tab-2`\"\n                    ripple\n                    @click=\"active = 'tab-2'\"\n                    depressed\n                    block\n                    :color=\"`${active == 'tab-2' ? 'primary' : '#4cc7e880'}`\"\n                    style=\"color: white\"\n                  >\n                    Our Team\n                  </v-btn>\n                </v-flex>\n                <v-flex xs12 md4 class=\"px-2\">\n                  <v-btn\n                    :class=\"{ selected: active == 'tab-3' }\"\n                    class=\"text-capitalize pa-4\"\n                    :href=\"`#tab-3`\"\n                    ripple\n                    @click=\"active = 'tab-3'\"\n                    depressed\n                    block\n                    :color=\"`${active == 'tab-3' ? 'primary' : '#4cc7e880'}`\"\n                    style=\"color: white\"\n                  >\n                    Our Values\n                  </v-btn>\n                </v-flex>\n              </v-layout>\n            </div>\n          </div>\n          <div\n            v-else\n            :class=\"{\n              headingContainer: $vuetify.breakpoint.mdAndUp,\n              headingContainerMobile: $vuetify.breakpoint.smAndDown,\n            }\"\n          >\n            <v-tabs-items v-model=\"active\" class=\"mb-5\">\n              <v-tab-item\n                :value=\"`tab-1`\"\n                :style=\"`height: ${\n                  $vuetify.breakpoint.mdAndUp ? '182' : '260'\n                }px`\"\n              >\n                <div class=\"headingHeader mb-3\">\n                  <h1>About Upstream</h1>\n                </div>\n                <div class=\"mb-5\">\n                  <p>\n                    Upstream empowers customers to impact their community by\n                    choosing quality approved businesses, who give a percentage\n                    of your sale to Good Causes supporting children and young\n                    people.\n                  </p>\n                </div>\n              </v-tab-item>\n              <v-tab-item\n                :value=\"`tab-2`\"\n                :style=\"`height: ${\n                  $vuetify.breakpoint.mdAndUp ? '182' : '260'\n                }px`\"\n              >\n                <div class=\"headingHeader mb-3\">\n                  <h1>Our team</h1>\n                </div>\n                <div class=\"headingParagraph\">\n                  <p>\n                    Two youth workers were tired of always asking for handouts\n                    to help fund the important work needed in their community.\n                    In 2018, Upstream was started to empower Good Causes to\n                    collaborate with businesses in generating a more sustainable\n                    funding stream for this essential work. Here's the team\n                    behind this empowering idea.\n                  </p>\n                </div>\n              </v-tab-item>\n              <v-tab-item\n                :value=\"`tab-3`\"\n                :style=\"`height: ${\n                  $vuetify.breakpoint.mdAndUp ? '182' : '260'\n                }px`\"\n              >\n                <div class=\"headingHeader mb-3\">\n                  <h1>What we stand for</h1>\n                </div>\n                <div class=\"mb-5\">\n                  <p>\n                    Upstream exists to strengthen the wellbeing of children and\n                    young people in New Zealand. It is essential that those who\n                    we work alongside fit our values and what we stand for.\n                  </p>\n                </div>\n              </v-tab-item>\n            </v-tabs-items>\n\n            <div class=\"headingButtons\">\n              <!-- <v-tabs centered hide-slider v-model=\"active\"> -->\n              <v-layout row wrap>\n                <v-flex xs12 md4 class=\"px-2\">\n                  <v-btn\n                    :class=\"{ selected: active == 'tab-1' }\"\n                    class=\"text-capitalize pa-4\"\n                    :href=\"`#tab-1`\"\n                    ripple\n                    @click=\"active = 'tab-1'\"\n                    depressed\n                    block\n                    :color=\"`${active == 'tab-1' ? 'primary' : '#4cc7e880'}`\"\n                    style=\"color: white\"\n                  >\n                    About Upstream\n                  </v-btn>\n                </v-flex>\n                <v-flex xs12 md4 class=\"px-2\">\n                  <v-btn\n                    :class=\"{ selected: active == 'tab-2' }\"\n                    class=\"text-capitalize pa-4\"\n                    :href=\"`#tab-2`\"\n                    ripple\n                    @click=\"active = 'tab-2'\"\n                    depressed\n                    block\n                    :color=\"`${active == 'tab-2' ? 'primary' : '#4cc7e880'}`\"\n                    style=\"color: white\"\n                  >\n                    Our Team\n                  </v-btn>\n                </v-flex>\n                <v-flex xs12 md4 class=\"px-2\">\n                  <v-btn\n                    :class=\"{ selected: active == 'tab-3' }\"\n                    class=\"text-capitalize pa-4\"\n                    :href=\"`#tab-3`\"\n                    ripple\n                    @click=\"active = 'tab-3'\"\n                    depressed\n                    block\n                    :color=\"`${active == 'tab-3' ? 'primary' : '#4cc7e880'}`\"\n                    style=\"color: white\"\n                  >\n                    Our Values\n                  </v-btn>\n                </v-flex>\n              </v-layout>\n            </div>\n          </div>\n        </v-img>\n      </section>\n    </v-layout>\n\n    <v-tabs-items v-model=\"active\">\n      <!-- About Upstream section -->\n      <v-tab-item :value=\"`tab-1`\">\n        <div class=\"pbmSection\">\n          <v-layout\n            row\n            wrap\n            justify-space-around\n            class=\"contentMaxWidth\"\n            :class=\"{\n              'pa-4': $vuetify.breakpoint.smAndDown,\n              'pa-5': $vuetify.breakpoint.mdAndUp,\n            }\"\n          >\n            <v-flex xs12 md4>\n              <div\n                :style=\"\n                  $vuetify.breakpoint.mdAndDown && $vuetify.breakpoint.smAndUp\n                    ? 'max-width: 100%; text-align: center'\n                    : 'max-width: 360px'\n                \"\n              >\n                <h2>Our purpose</h2>\n                <p>\n                  Upstream exists to strengthen the wellbeing of children and\n                  young people in Aotearoa. Our platform connects customers to\n                  socially conscious businesses to generate funds for charities\n                  that support our next generation.\n                </p>\n              </div>\n            </v-flex>\n            <v-flex xs12 md4>\n              <div\n                :style=\"\n                  $vuetify.breakpoint.mdAndDown && $vuetify.breakpoint.smAndUp\n                    ? 'max-width: 100%;text-align: center;'\n                    : ''\n                \"\n              >\n                <h2>Our beginning</h2>\n                <p>\n                  Our founders were overwhelmed by the incredible amount of\n                  support needed to improve outcomes for young Kiwis. We knew\n                  that for many youth charities, raising funds was the hardest\n                  part of providing these essential services, so we came up\n                  with an innovative way to generate an ongoing stream of\n                  charitable funding.\n                </p>\n              </div>\n            </v-flex>\n            <v-flex xs12 md4>\n              <div\n                :style=\"\n                  $vuetify.breakpoint.mdAndDown && $vuetify.breakpoint.smAndUp\n                    ? 'max-width: 100%;text-align: center'\n                    : ''\n                \"\n              >\n                <h2>Our model</h2>\n                <p>\n                  Meet Upstream’s unique ‘triple win’ model! When customers make a purchase from an\n                  Upstream supplier, that supplier contributes a portion of their invoice to the Good\n                  Causes Upstream partners with. Customers don’t pay any extra, suppliers find new\n                  clients, and charities receive the funding they need.\n                </p>\n              </div>\n            </v-flex>\n          </v-layout>\n        </div>\n        <div\n          class=\"howItWorksSection\"\n          v-if=\"$vuetify.breakpoint.mdAndUp\"\n          style=\"padding-bottom: 50px\"\n        >\n          <v-layout\n            row\n            wrap\n            align-center\n            class=\"contentMaxWidth\"\n            :class=\"{\n              'pa-4': $vuetify.breakpoint.smAndDown,\n              'pa-5': $vuetify.breakpoint.mdAndUp,\n            }\"\n          >\n            <v-flex xs12>\n              <div>\n                <h1 style=\"text-align: center; color: #162c47\" class=\"pa-5\">\n                  How It Works\n                </h1>\n              </div>\n            </v-flex>\n            <v-flex xs12>\n              <v-layout style=\"text-align: center\" row wrap>\n                <v-flex xs12>\n                  <v-img\n                    src=\"https://upstreamnz.s3.ap-southeast-2.amazonaws.com/resizedBanners/how-it-works-cropped.png\"\n                    class=\"mx-auto\"\n                  >\n                  </v-img>\n                </v-flex>\n                <v-flex xs4>\n                  <div style=\"width: 100%; text-align: center\">\n                    <h2 class=\"mt-0\">You purchase from an Upstream Supplier</h2>\n                  </div>\n                </v-flex>\n                <v-flex xs4>\n                  <div style=\"width: 100%\">\n                    <h2 class=\"mt-0\">\n                      They contribute part of the sale to Upstream\n                    </h2>\n                  </div>\n                </v-flex>\n                <v-flex xs4>\n                  <div style=\"width: 100%\">\n                    <h2 class=\"mt-0\">\n                      We contribute to Good Causes supporting young people\n                    </h2>\n                  </div>\n                </v-flex>\n              </v-layout>\n            </v-flex>\n          </v-layout>\n        </div>\n        <div class=\"howItWorksSection\" v-else>\n          <v-layout\n            row\n            wrap\n            style=\"text-align: center\"\n            class=\"contentMaxWidth\"\n            :class=\"{\n              'pa-4': $vuetify.breakpoint.smAndDown,\n              'pa-5': $vuetify.breakpoint.mdAndUp,\n            }\"\n          >\n            <v-flex xs12>\n              <div>\n                <h1\n                  style=\"color: #162c47 !important; text-align: center\"\n                  class=\"pa-5\"\n                >\n                  How It Works\n                </h1>\n              </div>\n            </v-flex>\n            <v-flex xs12 lg4>\n              <div>\n                <v-img\n                  class=\"mx-auto\"\n                  :src=\"require('@/assets/AboutUpstream/how_it_works-2.png')\"\n                  max-width=\"400\"\n                  max-height=\"300\"\n                >\n                </v-img>\n                <h3>You purchase from an Upstream Supplier</h3>\n              </div>\n            </v-flex>\n            <v-flex xs12 lg4>\n              <div>\n                <v-img\n                  class=\"mx-auto\"\n                  :src=\"require('@/assets/AboutUpstream/how_it_works-3.png')\"\n                  max-width=\"300\"\n                  max-height=\"300\"\n                >\n                </v-img>\n                <h3>They contribute part of the sale to Upstream</h3>\n              </div>\n            </v-flex>\n            <v-flex xs12 lg4>\n              <div>\n                <v-img\n                  class=\"mx-auto\"\n                  :src=\"require('@/assets/AboutUpstream/how_it_works-4.png')\"\n                  max-width=\"400\"\n                  max-height=\"325\"\n                >\n                </v-img>\n                <h3>We contribute to Good Causes supporting young people</h3>\n              </div>\n            </v-flex>\n          </v-layout>\n        </div>\n      </v-tab-item>\n\n      <!-- Our Team section -->\n      <v-tab-item :value=\"`tab-2`\">\n        <v-container grid-list-xl class=\"pageContent mb-5\">\n          <v-layout row wrap>\n            <v-flex v-for=\"(person, idx) in people\" :key=\"idx\" xs12 sm6 md4>\n              <v-card\n                class=\"elevation-0 ourStaffCard pa-2\"\n                style=\"background: white\"\n              >\n                <v-img\n                  :src=\"person.imageUrl\"\n                  style=\"border-radius: 0\"\n                  height=\"250px\"\n                  :class=\"\n                    $vuetify.breakpoint.mdAndDown ? '' : 'grayscaleHoverOptions'\n                  \"\n                >\n                </v-img>\n                <v-card-title>\n                  <div>\n                    <div class=\"title aboutWorkersName\">{{ person.name }}</div>\n                    <span class=\"aboutWorkersTitle\">{{ person.title }}</span>\n                  </div>\n                </v-card-title>\n                <v-card-text\n                  class=\"nl2br cardHeight py-0\"\n                  :class=\"{\n                    cardMdHeight: $vuetify.breakpoint.mdOnly,\n                  }\"\n                >\n                  {{ person.about }}\n                </v-card-text>\n              </v-card>\n              <hr />\n            </v-flex>\n          </v-layout>\n        </v-container>\n      </v-tab-item>\n\n      <!-- Our Values section -->\n      <v-tab-item :value=\"`tab-3`\">\n        <v-layout\n          row\n          wrap\n          class=\"ourValuesSection mt-2\"\n          style=\"background-color: #162c47\"\n        >\n          <v-flex xs12>\n            <v-layout row wrap justify-center>\n              <v-flex\n                v-for=\"(value, idx) in values\"\n                :key=\"idx\"\n                v-if=\"idx < 3\"\n                xs12\n                md4\n                class=\"px-4\"\n              >\n                <h1 class=\"mt-5\">{{ value.title }}</h1>\n                <p>{{ value.text }}</p>\n              </v-flex>\n            </v-layout>\n          </v-flex>\n        </v-layout>\n        <v-layout row wrap class=\"ourValuesSection\">\n          <v-flex xs12>\n            <v-layout row wrap>\n              <v-flex\n                v-for=\"(value, idx) in values\"\n                :key=\"idx\"\n                v-if=\"idx > 2\"\n                xs12\n                md4\n                class=\"px-4\"\n              >\n                <h1 class=\"mt-5\">{{ value.title }}</h1>\n                <p style=\"color: #162c47; white-space: pre\">{{ value.text }}</p>\n              </v-flex>\n            </v-layout>\n          </v-flex>\n        </v-layout>\n      </v-tab-item>\n    </v-tabs-items>\n  </div>\n</template>\n\n\n<script>\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  data: () => ({\n    // v-tab model\n    active: \"tab-1\",\n\n    tab: null,\n    progress: 0,\n    communityHours: 0,\n    people: [\n      {\n        id: \"0\",\n        name: \"Mitch Shaw\",\n        title: \"Co-Founder\",\n        imageUrl:\n          \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/staffImages%2FMitch.jpg?alt=media&token=d67fc893-dec9-465b-b7a9-66f758e513e5\",\n        about: `Mitch has worked alongside children and young people since 2006 and is passionate about improving the health of the charitable organisations that provide this good work. Watching great organisations struggle to find ways to support youth workers he wanted to design a model that would answer one of the toughest questions a Good Cause faces.`,\n      },\n      {\n        id: \"0\",\n        name: \"James Harris\",\n        title: \"Co-Founder\",\n        imageUrl:\n          \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/staffImages%2FJames.jpg?alt=media&token=317591a0-6d22-4373-9b76-28cf09d68077\",\n        about: `James leads a team of youth workers in Christchurch. As a youth worker for the last 11 years he's seen virtually every organisation he's partnered with struggle for funding. James is excited for the opportunity through Upstream to partner with businesses, individuals and Good Causes to develop truly sustainable income for this vital work.`,\n      },\n      {\n        id: \"0\",\n        name: \"Natasha Livingstone\",\n        title: \"Staff\",\n        imageUrl:\n          \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/staffImages%2FEtta_Images_21(3).jpg?alt=media&token=68e25495-2e7a-4b8d-98d8-849cf61aa374\",\n        about: `Natasha was a project coordinator in the UK before returning to New Zealand. She has over 14 years' experience working in administration in both the public and private sectors, and is excited to be involved in an innovative, forward-thinking organisation working to solve the issues with sustainable funding to support children and young people.`,\n      },\n      {\n        id: \"0\",\n        name: \"Coral Warwick\",\n        title: \"Administrator\",\n        imageUrl:\n          \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/staffImages%2FCoral.jpg?alt=media&token=d6dad582-dac0-40c8-bdf4-c82d8b991f21\",\n        about: `Coral joined the team in early 2019 and is our part-time administrator. One of her important roles is collating the Upstream Contributions from sales and distributing the funds to our Good Causes. We are privileged to have her gifted abilities in working through critical system and administration tasks that make Upstream function smoothly.`,\n      },\n\n      {\n        id: \"0\",\n        name: \"Jim Veitch\",\n        title: \"Trustee\",\n        imageUrl:\n          \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/staffImages%2FJim.jpg?alt=media&token=2546a1be-6817-41ee-b8a8-9771da18705c\",\n        about: `Jim is an experienced business leader with a passion for people. He is an independent director for a number of companies and organisations (Fert Wholesale Direct Ltd, A Verkerk Ltd and others). Specialising in areas of strategy, development, marketing and retail, Jim provides expert business advice and direction for Upstream`,\n      },\n      {\n        id: \"0\",\n        name: \"Caleb Vercoe\",\n        title: \"Trustee\",\n        imageUrl:\n          \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/staffImages%2FCaleb.jpg?alt=media&token=78e0f6e7-3cc9-48e1-a2f9-ae8adaaf0e8e\",\n        about: `Caleb is an experienced sales professional in the IT industry who is passionate about youth and the community. Caleb enjoys working in spaces where technology can assist in very practical ways such as Upstream. Caleb is also on the board and treasurer of Ellesmere Food Bank, and has previously been a youth worker supporting young people.`,\n      },\n      {\n        id: \"0\",\n        name: \"Natasja Joubert\",\n        title: \"Trustee\",\n        imageUrl:\n          \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/staffImages%2FNatasja.jpg?alt=media&token=cb2f5039-6631-4a3c-bddf-c758fbdd92c1\",\n        about: `Natasja owns NJCA Ltd, a Chartered Accountancy firm. She provides key financial direction as the treasurer for the Upstream Charitable Foundation and is passionate about using her knowledge to empower organisations that focus on children. She serves on the boards of Birthright Canterbury, Organ Donation Saves Lives & Opti-Mum Inc.`,\n      },\n    ],\n    values: [\n      {\n        imageUrl:\n          \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2FValues%20(1).png?alt=media&token=1882e7bb-410d-41b7-ab4c-8af6d43ce9b3\",\n        title: \"Focused on Young People\",\n        text: \"Upstream exists to strengthen the wellbeing of children and young people in New Zealand. We have built a platform that connects conscious businesses and buyers with suppliers generating funds for Good Causes supporting our next generation.\",\n      },\n      {\n        imageUrl:\n          \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2FValues4%20(1).png?alt=media&token=46c0c39a-618b-4f00-a574-14102cbe3d03\",\n        title: \"Triple Win Focus\",\n        text: \"We provide a triple win platform that seeks to benefit the buyer, the supplier and the Good Cause in each transaction. The buyer gets access to approved businesses which deliver a great service, the supplier receives new business and the Good Cause receives sustainable funding.\",\n      },\n      {\n        imageUrl:\n          \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2FValues3%20(1).png?alt=media&token=2b2fe986-c527-4586-868b-e0dfe45550a5\",\n        title: \"Sustainable Generosity\",\n        text: \"Buyers generate impact for children and young people by purchasing products and services they would be purchasing anyway. Suppliers get revenue and sustainably do good out of these transactions. Good Causes find buyers and get funding when sales are generated.\",\n      },\n      {\n        imageUrl:\n          \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2FValues5%20(1).png?alt=media&token=4d91d827-a355-4404-b88b-4d5ef4a14a46\",\n        title: \"Quality\",\n        text: \"We look for and approve suppliers that we believe are good at what they do and offer high quality service. Each of our suppliers are personally approved by our trustees. It is essential that those who we work alongside fit with our values and what we stand for. No customer wants to use a business they cannot trust; we want you to have a positive experience using our suppliers.\",\n      },\n      {\n        imageUrl:\n          \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2FValues2%20(1).png?alt=media&token=ff9fdef0-f3a8-47c9-bd46-d27aca2fd4b3\",\n        title: \"Collaboration\",\n        text: \"Upstream was started by two youth workers who were overwhelmed by the support that children and young people were needing. They discovered fundraising was the hardest part of trying to provide essential support services. ‘We knew we had to think outside the box and generate a stream of funding that was an innovative and collaborative approach to the problem we were trying to solve.’ \",\n      },\n      {\n        imageUrl:\n          \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2FValues6%20(1).png?alt=media&token=fdf264bf-32df-4fc7-be49-29324214fac7\",\n        title: \"Integrity\",\n        text: \"Upstream values integrity, and we choose to work with suppliers and Good Causes that we can trust to collaborate with us and join our mission to strengthen the wellbeing of children and young people in New Zealand. It is important that we have the right people working alongside us; our approved suppliers not only deliver a great service but are businesses that actively work to create positive outcomes in our communities.\",\n      },\n    ],\n  }),\n  computed: {\n    ...mapGetters({\n      user: \"user\",\n      services: \"business/services\",\n      categories: \"categories/list\",\n      categoriesByName: \"categories/byName\",\n      contributions: \"general/contributions\",\n    }),\n    contributionTracker: function () {\n      let percentage =\n        (this.contributions.current / this.contributions.goal) * 100;\n      if (percentage > this.progress) {\n        return percentage;\n      } else {\n        return this.progress;\n      }\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      return Math.round(parseFloat(this.contributions.current))\n        .toString()\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n    },\n    contributionsCommaGoal: function () {\n      return this.contributions.goal\n        .toString()\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n    },\n  },\n  async mounted() {\n    this.$store.dispatch(\"general/loadAll\");\n  },\n  methods: {\n    // v-tab method\n    next() {\n      const active = parseInt(this.active);\n      this.active = active < 2 ? active + 1 : 0;\n    },\n    contributionPercentage(index) {\n      let percentage = [\"80%\", \"20%\"];\n      return percentage[index];\n    },\n    getMetaDescription(tab) {\n      switch (tab) {\n        case \"tab-1\":\n          return \"Upstream empowers customers to impact their community by choosing quality approved businesses, who give a percentage of your sale to Good Causes supporting children and young people.\";\n        case \"tab-2\":\n          return \"Two youth workers were tired of always asking for handouts to help fund the important work needed in their community. In 2018, Upstream was started to empower Good Causes to collaborate with businesses in generating a more sustainable funding stream for this essential work. Here's the team behind this empowering idea.\";\n        case \"tab-3\":\n          return \"Upstream exists to strengthen the wellbeing of children and young people in New Zealand. It is essential that those who we work alongside fit our values and what we stand for.\";\n      }\n    },\n  },\n};\n</script>\n\n<style scoped>\n.headingContainer {\n  text-align: left;\n  max-width: 75%;\n  padding-top: 20px;\n  padding-bottom: 45px;\n  width: 500px;\n  top: 20%;\n  position: relative;\n  left: 10%;\n}\n\n.tabsStyleForTablet {\n  transform: translateY(20%);\n}\n\n.headingContainerMobile {\n  text-align: left;\n  max-width: 90%;\n  background: rgba(255, 255, 255, 0.8);\n  margin: auto;\n  padding: 15px;\n}\n\n.headingContainerTablet {\n  text-align: left;\n  max-width: 90%;\n  background: rgba(255, 255, 255, 0.8);\n  margin: auto;\n  padding: 15px;\n  min-height: 600px;\n}\n\n.headingHeader {\n  text-align: center;\n}\n\nh1 {\n  color: #4cc7e8;\n  text-align: left;\n}\n\n.headingButtons .tab {\n  background-color: #4cc7e8 !important;\n  font-weight: lighter !important;\n  color: white;\n  opacity: 0.5;\n  margin-right: 20px;\n  width: 100%;\n}\n\n.headingButtonsTablet {\n  transform: translateY(-40%);\n}\n\n.headingButtonsTablet .tab {\n  background-color: #4cc7e8 !important;\n  font-weight: lighter !important;\n  color: white;\n  opacity: 0.5;\n  margin-right: 20px;\n  width: 100%;\n}\n\n.selected {\n  opacity: 1 !important;\n}\n\n.impactTrackerSection {\n  /* margin: 2% 10%; */\n  max-width: 1600px;\n  margin: auto;\n}\n\n.impactTrackerSection h3 {\n  color: #4cc7e8;\n}\n\n.impactTrackerSection p {\n  max-width: 400px;\n\n  margin-bottom: 0;\n}\n\n.pbmSection {\n  background-color: #162c47;\n  color: white;\n  display: flex;\n  min-height: 400px;\n  /* padding: 2% 10%; */\n}\n\n.pbmSection h2 {\n  font-weight: bold !important;\n}\n\n.howItWorksSection {\n  background-color: #4cc7e8;\n  /* background-color: #162c47; */\n  /* padding: 5% 10%; */\n  color: white;\n  min-height: 800px;\n}\n\n.videoSection {\n  margin: -80px 20% 0 20%;\n}\n\n.contributionImpactSection {\n  /* padding: 5% 10%; */\n  color: #162c47;\n}\n\n.contentMaxWidth {\n  max-width: 1600px;\n  margin: auto;\n}\n\n.bar {\n  display: inline-block;\n  overflow: hidden;\n  height: auto;\n}\n\n.bar div {\n  border-right: 5px solid white;\n  text-align: center;\n  font-weight: bold;\n  font-size: 3em;\n  padding: 10px;\n  margin-bottom: 48px;\n}\n\n.bar p {\n  margin-top: 5%;\n}\n\n.backgroundImg {\n  cursor: auto !important;\n}\n\n.progress {\n  border-radius: 30px;\n}\n\n.ourTeamSection {\n  padding: 5% 20%;\n}\n\n.nl2br {\n  white-space: pre-line;\n}\n\n/* Team card styles */\n.cardTitleHeader {\n  text-align: center;\n  height: 130px;\n  background: #4cc7e8;\n}\n\n.ourStaffCard {\n  height: 590px;\n  margin-top: 50px;\n  margin-bottom: 100px;\n}\n\n@media screen and (max-width: 1264px) {\n  .ourStaffCard {\n    height: 760px;\n  }\n  .valueCardText {\n    height: 140px !important;\n  }\n  .contributionImpactSection .bar {\n    font-size: 2em !important;\n  }\n}\n\n@media only screen and (max-width: 960px) {\n  .ourStaffCard {\n    height: 540px;\n  }\n  .impactTrackerSection p {\n    margin-left: auto !important;\n    margin-right: auto !important;\n  }\n  .bar {\n    height: auto;\n  }\n  .contributionImpactSection .bar div {\n    background-color: white !important;\n    width: 100% !important;\n    border: 0;\n  }\n}\n\n@media only screen and (max-width: 813px) {\n  .ourStaffCard {\n    height: 740px;\n  }\n  .contributionImpactSection .bar div {\n    font-size: 1.5em !important;\n  }\n}\n\n@media only screen and (max-width: 600px) {\n  .ourStaffCard {\n    height: 540px;\n  }\n\n  .pbmSection h2 {\n    font-size: 2rem !important;\n  }\n\n  .contributionImpactSection .bar {\n    width: 100%;\n  }\n\n  .contributionImpactSection .bar div {\n    background-color: white !important;\n    width: 100% !important;\n    border: 0;\n  }\n}\n\n@media only screen and (max-width: 380px) {\n  .ourStaffCard {\n    height: 640px;\n  }\n}\n\n@media only screen and (min-width: 1904px) {\n  .pageContent {\n    max-width: 1200px;\n  }\n}\n\n.aboutWorkersName {\n  font-weight: bold !important;\n  font-family: Gotham !important;\n  font-size: 20pt !important;\n  color: #4cc7e8;\n  margin-bottom: 0 !important;\n}\n\n.aboutWorkersTitle {\n  font-weight: bold !important;\n  font-family: Gotham !important;\n  font-size: 12pt !important;\n  color: #5a5a5c;\n}\n\nhr {\n  border: 0;\n  border-bottom: 1px solid #4cc7e8;\n}\n\n.cardHeight {\n  height: 296px;\n}\n\n.cardMdHeight {\n  height: 450px;\n}\n\n/* end of team card styles */\n\n.ourValuesSection {\n  color: white;\n}\n\n.ourValuesSection .row {\n  padding: 100px 20px;\n  max-width: 1700px;\n  margin: auto;\n}\n\n.ourValuesSection h1 {\n  min-height: 92px;\n}\n\n.ourValuesSection p {\n  white-space: pre-wrap !important;\n}\n\n@media screen and (max-width: 400px) {\n  .ourValuesSection h1 {\n    font-size: 2rem !important;\n  }\n}\n</style>\n\n<style>\n.headingContainer .v-tabs__bar {\n  background-color: transparent !important;\n}\n\n.headingContainer .v-window__container--is-active {\n  overflow: initial;\n}\n</style>\n","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!./AboutUpstream.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!./AboutUpstream.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AboutUpstream.vue?vue&type=template&id=1cfd2e5d&scoped=true\"\nimport script from \"./AboutUpstream.vue?vue&type=script&lang=js\"\nexport * from \"./AboutUpstream.vue?vue&type=script&lang=js\"\nimport style0 from \"./AboutUpstream.vue?vue&type=style&index=0&id=1cfd2e5d&prod&scoped=true&lang=css\"\nimport style1 from \"./AboutUpstream.vue?vue&type=style&index=1&id=1cfd2e5d&prod&lang=css\"\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  \"1cfd2e5d\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/how_it_works-4.f1b78076.png\";","module.exports = __webpack_public_path__ + \"img/how_it_works-3.96c973ef.png\";","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!./AboutUpstream.vue?vue&type=style&index=0&id=1cfd2e5d&prod&scoped=true&lang=css\"","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!./AboutUpstream.vue?vue&type=style&index=1&id=1cfd2e5d&prod&lang=css\""],"sourceRoot":""}