{"version":3,"sources":["webpack:///./src/components/templates/Fa/Col2GraduatePhotoRight.vue?744c","webpack:///src/components/templates/Fa/Col2GraduatePhotoRight.vue","webpack:///./src/components/templates/Fa/Col2GraduatePhotoRight.vue?be48","webpack:///./src/components/templates/Fa/Col2GraduatePhotoRight.vue","webpack:///./src/components/templates/Fa/Col2GraduatePhotoRight.vue?fa39"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","slug","staticStyle","_v","_s","position","domProps","content","image","staticRenderFns","name","data","props","type","String","required","default","mounted","$route","hash","el","scrollIntoView","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,IAAI,CAACG,MAAM,CAAC,GAAKP,EAAIQ,QAAQJ,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,KAAK,CAACA,EAAG,KAAK,CAACK,YAAY,CAAC,cAAc,WAAW,CAACT,EAAIU,GAAG,gBAAgBV,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIY,UAAU,SAASR,EAAG,MAAM,CAACE,YAAY,YAAYO,SAAS,CAAC,UAAYb,EAAIW,GAAGX,EAAIc,cAAcV,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0BC,MAAM,CAAC,WAAWP,EAAIe,SAASX,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIY,UAAU,cAC/rBI,EAAkB,GCuBtB,GACEC,KAAM,eAENC,KAAM,WACJ,MAAO,IAITC,MAAO,CACLJ,MAAO,CACLK,KAAMC,OACNC,UAAU,EACVC,QAAS,IAEXT,QAAS,CACPM,KAAMC,OACNC,UAAU,EACVC,QAAS,qBAEXX,SAAU,CACRQ,KAAMC,OACNC,UAAU,EACVC,QAAS,IAEXf,KAAM,CACJY,KAAMC,OACNC,UAAU,EACVC,QAAS,KAGbC,QA9BF,WA+BI,GAAyB,KAArBvB,KAAKwB,OAAOC,KAAa,CAC3B,IAAN,2CACMC,GAAMA,EAAGC,oBCzD+W,I,wBCQ1XC,EAAY,eACd,EACA9B,EACAiB,GACA,EACA,KACA,KACA,MAIa,aAAAa,E,oECnBf","file":"js/chunk-29f0d511.20e100f0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content-with-image\"},[_c('div',{staticClass:\"col-interview-left\"},[_c('a',{attrs:{\"id\":_vm.slug}}),_c('div',{staticClass:\"interview-title\"},[_c('h1',[_c('em',{staticStyle:{\"font-weight\":\"normal\"}},[_vm._v(\"Interview:\")]),_vm._v(\" \"+_vm._s(_vm.position)+\" \")])]),_c('div',{staticClass:\"interview\",domProps:{\"innerHTML\":_vm._s(_vm.content)}})]),_c('div',{staticClass:\"col-graduate-right\"},[_c('div',{staticClass:\"graduate-image-box\"},[_c('img',{staticClass:\"lazyload graduate-image\",attrs:{\"data-src\":_vm.image}}),_c('div',{staticClass:\"graduate-position\"},[_vm._v(\" \"+_vm._s(_vm.position)+\" \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"content-with-image\">\n      <div class=\"col-interview-left\">\n        <a :id=\"slug\"></a>\n        <div class=\"interview-title\">\n          <h1>\n            <em style=\"font-weight: normal;\">Interview:</em>\n            {{ position }}\n          </h1>\n        </div>\n        <div class=\"interview\" v-html=\"content\"></div>\n      </div>\n      <div class=\"col-graduate-right\">\n        <div class=\"graduate-image-box\">\n          <img :data-src=\"image\" class=\"lazyload graduate-image\"  />\n          <div class=\"graduate-position\">\n            {{ position }}\n          </div>\n        </div>\n      </div>\n   </div>\n</template>\n\n<script>\nexport default {\n  name: 'Col2Graduate',\n\n  data: function () {\n    return {\n    }\n  },\n\n  props: {\n    image: {\n      type: String,\n      required: false,\n      default: ''\n    },\n    content: {\n      type: String,\n      required: false,\n      default: 'Content goes here'\n    },\n    position: {\n      type: String,\n      required: false,\n      default: ''\n    },\n    slug: {\n      type: String,\n      required: false,\n      default: ''\n    }\n  },\n  mounted () {\n    if (this.$route.hash !== '') {\n      const el = document.querySelector(this.$route.hash)\n      el && el.scrollIntoView()\n    }\n  }\n}\n</script>\n\n<style>\n.btn {\n  height: 1rem;\n  padding: 4px 15px 22px 15px;\n}\n\n.interview {\n  column-count: 1;\n  padding-top: 20px;\n  padding-bottom: 20px;\n}\n\n.graduate-image {\n  max-width: 350px;\n  border-radius: 10px;\n}\n\n.graduate-position {\n  padding-top: 10px;\n  padding-bottom: 10px;\n}\n\n.graduate-image-box {\n  background-color: #d0e3f3;\n  border-bottom-right-radius: 80px;\n  padding: 20px;\n  text-align: left;\n}\n\n.call-to-action-btn {\n  font-size: 15px;\n  background-color: #ce5e31;\n  color: #fff;\n  border-radius: 20px;\n  width: auto;\n}\n\n.content-with-image {\n  display: flex;\n  margin-left: 20px;\n  margin-right: 20px;\n}\n\n.content-with-image .col-graduate-right {\n  justify-content: space-around;\n  flex-basis: 390px;\n}\n\n.content-with-image .col-interview-left {\n  justify-content: space-around;\n  flex-grow: 1;\n  flex-wrap: wrap;\n  flex-basis: auto;\n  margin-left: 20px;\n}\n\n.content-with-image ul {\n  list-style: none;\n  margin-left: 0px;\n  padding-left: 0px;\n  color: #ce5e31;\n  display: table;\n}\n\n.content-with-image li {\n  color: #000;\n  font-size: 15px;\n  display: table-row;\n}\n\n.content-with-image li:before {\n  content: \"\\2022\";  /* Add content: \\2022 is the CSS Code/unicode for a bullet */\n  color: #ce5e31; /* Change the color */\n  font-weight: bold; /* If you want it to be bold */\n  display: inline-block; /* Needed to add space between the bullet and the text */\n  padding-right: 8px;\n  font-size:50px;\n  vertical-align:top;\n  line-height:20px;\n  display: table-cell;\n}\n\n/* Small devices (landscape phones, 576px and up) */\n@media (max-width: 576px) {\n  .content-with-image .col-graduate-right {\n    flex-basis: 100%;\n    order: 1;\n  }\n\n  .content-with-image .col-interview-left {\n    order: 2;\n    margin-left: 0px;\n  }\n\n  .graduate-image {\n    max-width: 100%;\n  }\n\n  .graduate-image-box {\n    margin-bottom: 20px;\n  }\n}\n\n/* Small devices (landscape phones, 576px and up) */\n@media (min-width: 576px) {\n  .content-with-image .col-graduate-right {\n    flex-basis: 100%;\n    order: 1;\n  }\n\n  .content-with-image .col-interview-left {\n    order: 2;\n    margin-left: 0px;\n  }\n\n  .graduate-image {\n    max-width: 100%;\n  }\n\n  .graduate-image-box {\n    margin-bottom: 20px;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 390px;\n  }\n}\n\n/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */\n@media (min-width: 768px) {\n  .content-with-image .col-graduate-right {\n    flex-basis: 100%;\n    order: 1;\n  }\n\n  .content-with-image .col-interview-left {\n    order: 2;\n    margin-left: 0px;\n  }\n\n  .graduate-image {\n    max-width: 100%;\n  }\n}\n\n/* Large devices (desktops, 992px and up) */\n@media (min-width: 992px) {\n  .content-with-image .col-graduate-right {\n    flex-basis: 20%;\n    margin-left: 20px;\n    margin-right: 20px;\n    order: 2;\n  }\n\n  .content-with-image .col-interview-left {\n    flex-basis: 50%;\n    margin-right: 20px;\n    order: 1;\n  }\n\n  .interview {\n    column-count: 2;\n  }\n}\n\n/* Extra large devices (large desktops, 1200px and up) */\n@media (min-width: 1200px) {\n  .content-with-image .col-graduate-right {\n    flex-basis: 390px;\n    margin-left: 20px;\n    order: 2;\n  }\n\n  .content-with-image .col-interview-left {\n    flex-basis: 60%;\n    margin-left: 20px;\n    order: 1;\n  }\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!./Col2GraduatePhotoRight.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!./Col2GraduatePhotoRight.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Col2GraduatePhotoRight.vue?vue&type=template&id=2b4047a2&\"\nimport script from \"./Col2GraduatePhotoRight.vue?vue&type=script&lang=js&\"\nexport * from \"./Col2GraduatePhotoRight.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Col2GraduatePhotoRight.vue?vue&type=style&index=0&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  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/dist/cjs.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!./Col2GraduatePhotoRight.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}