{"version":3,"sources":["webpack:///./components/Southbay.vue?f11d","webpack:///./components/Southbay.vue?7911","webpack:///./components/Southbay.vue?ccef","webpack:///./components/Southbay.vue?90d8","webpack:///./components/Southbay.vue?d85d","webpack:///components/Southbay.vue","webpack:///./components/Southbay.vue"],"names":["content","__esModule","default","module","i","locals","exports","add","___CSS_LOADER_EXPORT___","___CSS_LOADER_API_IMPORT___","push","data","firstBannerH","firstBannerTotalH","mounted","jq","setTimeout","methods","getMidHeight","getMidDomHeight","component","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","style","minHeight","domProps","_v"],"mappings":"8EAGA,IAAIA,QAAU,EAAQ,KACnBA,QAAQC,aAAYD,QAAUA,QAAQE,SACnB,iBAAZF,UAAsBA,QAAU,CAAC,CAACG,EAAOC,EAAIJ,QAAS,MAC7DA,QAAQK,SAAQF,EAAOG,QAAUN,QAAQK,SAG/BE,EADH,EAAQ,IAA4DL,SAC7D,WAAYF,SAAS,EAAM,CAAC,WAAY,K,iCCTzD,Q,oBCCA,IACIQ,EAD8B,EAAQ,GACZC,EAA4B,GAE1DD,EAAwBE,KAAK,CAACP,EAAOC,EAAI,grDAAirD,KAE1tDD,EAAOG,QAAUE,G,wCCNjB,I,iBCA4L,ECmC5L,CACEG,KADF,WAEI,MAAJ,CACMC,aAANA,KACMC,kBAANA,OAGEC,QAPF,WAOI,IAAJ,OACI,KAAJ,sBACM,EAAN,eACMC,oCACE,EAAR,eACQC,YAARA,WACU,EAAV,oBACA,QAEMA,YAANA,WACQ,EAAR,oBACA,SAGEC,QAAFA,CACIC,aADJ,WAEM,KAAN,mCAEIC,gBAJJ,WAKM,KAAN,mD,iBCrDIC,UAAY,YACd,GHTW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,YAAY,uBAAuBC,MAAM,CAAC,GAAK,gBAAgB,CAACH,EAAG,cAAc,CAACE,YAAY,mBAAmBC,MAAM,CAAC,MAAQ,KAAK,CAACH,EAAG,MAAM,CAACE,YAAY,UAAUE,MAAM,CAAGC,UAAWT,EAAIR,kBAAoB,OAAS,CAACY,EAAG,cAAc,CAACA,EAAG,MAAM,CAACE,YAAY,sDAAsDE,MAAM,CAAGC,UAAWT,EAAIR,kBAAoB,OAAS,CAACY,EAAG,QAAQ,CAACE,YAAY,wBAAwBC,MAAM,CAAC,SAAW,GAAG,MAAQ,GAAG,KAAO,GAAG,gBAAkB,GAAG,IAAM,kCAAkC,YAAc,IAAIG,SAAS,CAAC,OAAQ,IAAO,CAACN,EAAG,SAAS,CAACG,MAAM,CAAC,IAAM,kCAAkC,KAAO,eAAeP,EAAIW,GAAG,yFAAyF,GAAGX,EAAIW,GAAG,KAAKP,EAAG,MAAM,CAACE,YAAY,+DAA+DE,MAAM,CAAGC,UAAWT,EAAIT,aAAe,WAAa,KACr9B,IGWpB,EACA,KACA,WACA,MAIa,UAAAQ,U","file":"167e838.js","sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../node_modules/vue-loader/lib/index.js??vue-loader-options!./Southbay.vue?vue&type=style&index=0&id=37fa7df0&lang=scss&scoped=true&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"65dbc315\", content, true, {\"sourceMap\":false});","export * from \"-!../node_modules/vue-style-loader/index.js??ref--7-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../node_modules/vue-loader/lib/index.js??vue-loader-options!./Southbay.vue?vue&type=style&index=0&id=37fa7df0&lang=scss&scoped=true&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".color-yellow[data-v-37fa7df0]{color:#d0b400}.bg-yellow[data-v-37fa7df0]{background-color:#d0b400}.bg-grey[data-v-37fa7df0]{background-color:#eae8e4}.bg-nav[data-v-37fa7df0]{background-color:#f4f3f1}.bg-cream[data-v-37fa7df0]{background-color:#d6d1ca}.bg-blue[data-v-37fa7df0]{background-color:#0b2340}.bg-light-blue[data-v-37fa7df0]{background-color:#bed3d6}.bg-brown[data-v-37fa7df0]{background-color:#d6d1ca}.bg-white[data-v-37fa7df0]{background-color:#fff}.text-blue[data-v-37fa7df0]{color:#0b2340}.text-white[data-v-37fa7df0]{color:#fff}.text-brown[data-v-37fa7df0]{color:#d6d1ca}.text-slate-grey[data-v-37fa7df0]{color:grey}.secondBanner[data-v-37fa7df0]{background-color:#d6d1ca;overflow:hidden}.secondBanner .topLogoContainer[data-v-37fa7df0]{display:flex;flex-direction:column;justify-content:space-between;position:relative}.secondBanner .topLogoContainer .videoBg[data-v-37fa7df0]{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%)}.secondBanner .topLogoContainer .videoBg video[data-v-37fa7df0]{-o-object-fit:cover;object-fit:cover;background-color:#d6d1ca}.secondBanner .topLogoContainer .upperLayout[data-v-37fa7df0]{width:100%;min-height:80vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}.secondBanner .topLogoContainer .upperLayout .southbayLogo[data-v-37fa7df0]{width:400px;display:block}.secondBanner .topLogoContainer .upperLayout .footer-logo[data-v-37fa7df0]{height:15vh;position:absolute;bottom:0}.secondBanner .topLogoContainer .upperLayout .footer-logo .footerImg[data-v-37fa7df0]{width:100px}.secondBanner .topLogoContainer .upperLayout .footer-logo .line[data-v-37fa7df0]{border-right:1px solid #fff}\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"secondBanner bg-grey\",attrs:{\"id\":\"firstBanner\"}},[_c('b-container',{staticClass:\"topLogoContainer\",attrs:{\"fluid\":\"\"}},[_c('div',{staticClass:\"videoBg\",style:({ minHeight: _vm.firstBannerTotalH + 'px' })},[_c('client-only',[_c('div',{staticClass:\"bannerVideo embed-responsive embed-responsive-16by9\",style:({ minHeight: _vm.firstBannerTotalH + 'px' })},[_c('video',{staticClass:\"embed-responsive-item\",attrs:{\"autoplay\":\"\",\"muted\":\"\",\"loop\":\"\",\"allowfullscreen\":\"\",\"alt\":\"Ariel drone shot of city scape.\",\"playsinline\":\"\"},domProps:{\"muted\":true}},[_c('source',{attrs:{\"src\":\"/img/southbay/VIDEO_LOOP_ok.mp4\",\"type\":\"video/mp4\"}}),_vm._v(\"\\n            Sorry, your browser doesn't support embedded videos.\\n          \")])])])],1),_vm._v(\" \"),_c('div',{staticClass:\"upperLayout d-flex align-items-center justify-content-center\",style:({ minHeight: _vm.firstBannerH + 'px' })})])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../node_modules/babel-loader/lib/index.js??ref--2-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./Southbay.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/babel-loader/lib/index.js??ref--2-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./Southbay.vue?vue&type=script&lang=js&\"","<template>\n    <section id=\"firstBanner\" class=\"secondBanner bg-grey\">\n      <b-container class=\"topLogoContainer\" fluid>\n        <div class=\"videoBg\" :style=\"{ minHeight: firstBannerTotalH + 'px' }\">\n          <client-only>\n            <div\n              class=\"bannerVideo embed-responsive embed-responsive-16by9\"\n              :style=\"{ minHeight: firstBannerTotalH + 'px' }\"\n            >\n              <video\n                autoplay\n                muted\n                loop\n                class=\"embed-responsive-item\"\n                allowfullscreen\n                alt=\"Ariel drone shot of city scape.\"\n                playsinline\n              >\n                <source src=\"/img/southbay/VIDEO_LOOP_ok.mp4\" type=\"video/mp4\" />\n                Sorry, your browser doesn't support embedded videos.\n              </video>\n            </div>\n          </client-only>\n        </div>\n        <div\n          class=\"upperLayout d-flex align-items-center justify-content-center\"\n          :style=\"{ minHeight: firstBannerH + 'px' }\"\n        >\n        </div>\n      </b-container>\n    </section>\n  </template>\n  \n  <script>\n  import jq from \"jquery\";\n  export default {\n    data() {\n      return {\n        firstBannerH: null,\n        firstBannerTotalH: null,\n      };\n    },\n    mounted() {\n      this.$nextTick(() => {\n        this.getMidHeight();\n        jq(window).on(\"resize\", () => {\n          this.getMidHeight();\n          setTimeout(() => {\n            this.getMidDomHeight();\n          }, 500);\n        });\n        setTimeout(() => {\n          this.getMidDomHeight();\n        }, 100);\n      });\n    },\n    methods: {\n      getMidHeight() {\n        this.firstBannerH = jq(window).height();\n      },\n      getMidDomHeight() {\n        this.firstBannerTotalH = jq(\".secondBanner\").height();\n      },\n    },\n  };\n  </script>\n  \n  <style lang=\"scss\" scoped>\n  @import \"./assets/styles/variables\";\n  .secondBanner {\n    background-color: $m-cream;\n    overflow: hidden;\n    .topLogoContainer {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      position: relative;\n      .videoBg {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 100%;\n        transform: translate(-50%, -50%);\n        video {\n          object-fit: cover;\n          background-color: $m-cream;\n        }\n      }\n      .upperLayout {\n        width: 100%;\n        min-height: 80vh;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        align-items: center;\n        position: relative;\n        .southbayLogo {\n          width: 400px;\n          // position:absolute;\n          display: block;\n          // left:50%;\n          // top:25%;\n          // margin-top:0;\n          // transform: translate(-50%, -50%) scale(0.7);\n          // @media screen and (max-width: 1024px) {\n          //   transform: translate(-50%, -50%) scale(0.8);\n          // }\n          // @media screen and (max-width: 450px) {\n          //   transform: translate(-50%, -50%) scale(1);\n          // }\n        }\n        .footer-logo {\n          // width: 300px;\n          height: 15vh;\n          position: absolute;\n          bottom: 0;\n          .footerImg {\n            width: 100px;\n          }\n          .line {\n            border-right: 1px solid white;\n            // height: 7em;\n          }\n        }\n      }\n    }\n  }\n  </style>\n  ","import { render, staticRenderFns } from \"./Southbay.vue?vue&type=template&id=37fa7df0&scoped=true&\"\nimport script from \"./Southbay.vue?vue&type=script&lang=js&\"\nexport * from \"./Southbay.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Southbay.vue?vue&type=style&index=0&id=37fa7df0&lang=scss&scoped=true&\"\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  \"37fa7df0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}