{"version":3,"file":"component---src-templates-author-detail-page-jsx-32d462baec43231f46f9.js","mappings":"qOAIO,MAAMA,EAAYC,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,uCAAAC,YAAA,eAAVJ,CAAU,yKAKxBK,EAAAA,GAAOC,SAOLC,EAAmBP,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,8CAAAC,YAAA,eAAVJ,CAAU,oDAG/BK,EAAAA,GAAOC,SACCE,GAAUA,EAAMC,YAAc,SAAW,UAI/CC,EAAaV,EAAAA,QAAOW,EAACT,WAAA,CAAAC,YAAA,wCAAAC,YAAA,eAARJ,CAAQ,yLAOvBK,EAAAA,GAAOC,SAOLM,EAAOZ,EAAAA,QAAOa,GAAEX,WAAA,CAAAC,YAAA,kCAAAC,YAAA,eAATJ,CAAS,6IAOlBK,EAAAA,GAAOC,SAKLQ,EAAQd,EAAAA,QAAOe,GAAEb,WAAA,CAAAC,YAAA,mCAAAC,YAAA,eAATJ,CAAS,yHAMnBK,EAAAA,GAAOC,SAKLU,EAAiBhB,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,4CAAAC,YAAA,eAAVJ,CAAU,oFAI7BK,EAAAA,GAAOC,SAMLW,EAAQjB,EAAAA,QAAOkB,IAAGhB,WAAA,CAAAC,YAAA,mCAAAC,YAAA,eAAVJ,CAAU,2CAMlBmB,EAAenB,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,0CAAAC,YAAA,eAAVJ,CAAU,mVA+B3BK,EAAAA,GAAOC,SC9ElB,MAzB4Bc,IAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,IAAC,IAAEC,EAAG,MAAEC,EAAK,WAAEC,EAAU,KAAEC,EAAI,MAAEC,GAAOV,EAAA,OAClEW,EAAAA,cAACC,EAAgB,KACfD,EAAAA,cAACC,EAAuB,CACtBvB,cAA8B,QAAjBY,EAACM,EAAMM,kBAAU,IAAAZ,GAAwB,QAAxBC,EAAhBD,EAAkBa,8BAAsB,IAAAZ,GAAxCA,EAA0Ca,QAErDP,GAAcG,EAAAA,cAACC,EAAiB,KAAEJ,GACrCG,EAAAA,cAACC,EAAW,KAAEH,EAAKO,QAChBN,EAAMM,MAAQL,EAAAA,cAACC,EAAY,KAAEF,EAAMM,SAErCT,SAAiB,QAAZJ,EAALI,EAAOM,kBAAU,IAAAV,GAAwB,QAAxBC,EAAjBD,EAAmBW,8BAAsB,IAAAV,IAAzCA,EAA2CW,MAC5CJ,EAAAA,cAACC,EAAqB,KACpBD,EAAAA,cAACC,EAAY,CACXK,IAA4C,QAAzCZ,EAAEE,EAAMM,WAAWC,8BAAsB,IAAAT,OAAA,EAAvCA,EAAyCU,IAC9CG,IAAKX,EAAMW,SAIdZ,EAAIa,UACLR,EAAAA,cAACC,EAAmB,KAClBD,EAAAA,cAACS,EAAAA,GAAe,CAACC,MAAOf,EAAIa,YAGf,ECuCrB,MA3DyBnB,IAAe,IAADsB,EAAA,IAAb,KAAEC,GAAMvB,EAChC,MAAMwB,EAAOD,EAAKE,iBAClB,IAAKD,EACH,OAAO,KAGT,MAAM,aAAEE,EAAY,IAAEpB,EAAG,YAAEqB,EAAW,KAAElB,EAAI,MAAEC,EAAK,eAAEkB,GACnDJ,EAAKD,KAEP,OACEZ,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACkB,EAAAA,EAAG,CACFC,IAAK,CACHF,eAAoC,QAAtBN,EAAEM,aAAc,EAAdA,EAAgBZ,YAAI,IAAAM,EAAAA,EAAI,QAG5CX,EAAAA,cAACoB,EAAAA,EAAM,KACLpB,EAAAA,cAACqB,EAAmB,CAClB1B,IAAKA,EACLC,MAAOmB,EACPlB,WAAYmB,EACZlB,KAAMA,EACNC,MAAOA,KAGV,C","sources":["webpack://npf-website/./src/components/ContentBlocks/styles/AuthorDetailContent.styles.js","webpack://npf-website/./src/components/ContentBlocks/AuthorDetailContent.jsx","webpack://npf-website/./src/templates/AuthorDetailPage.jsx"],"sourcesContent":["import styled from 'styled-components'\n\nimport { DEVICE } from '../../../util/constants'\n\nexport const Container = styled.div`\n  display: grid;\n  grid-template-columns: 32px repeat(10, 1fr) 32px;\n  padding: 40px 0;\n\n  @media ${DEVICE.tabletL} {\n    grid-template-columns: 1fr repeat(10, 1fr) 1fr;\n    max-width: 1317px;\n    padding: 60px 0;\n  }\n`\n\nexport const DetailsContainer = styled.div`\n  grid-column: 2 / 12;\n\n  @media ${DEVICE.tabletL} {\n    grid-column: ${props => (props.isFullWidth ? '2 / 12' : '2 / 6')};\n  }\n`\n\nexport const MemberType = styled.p`\n  color: var(--content-background-dark-blue);\n  font-size: 1.4rem;\n  letter-spacing: 0.02em;\n  line-height: 1.375;\n  margin-bottom: 15px;\n\n  @media ${DEVICE.tabletL} {\n    font-size: 2rem;\n    font-weight: 600;\n    margin-bottom: 20px;\n  }\n`\n\nexport const Name = styled.h1`\n  color: var(--graphic-accent-purple-2);\n  font-size: 3.6rem;\n  font-weight: 300;\n  line-height: 1.375;\n  margin-bottom: 10px;\n\n  @media ${DEVICE.tabletL} {\n    font-size: 4.4rem;\n  }\n`\n\nexport const Title = styled.h2`\n  color: var(--graphic-accent-purple-2);\n  font-size: 2.8rem;\n  font-weight: 300;\n  line-height: 1.36;\n\n  @media ${DEVICE.tabletL} {\n    font-size: 3.6rem;\n  }\n`\n\nexport const ImageContainer = styled.div`\n  grid-column: 2 / 12;\n  margin-top: 20px;\n\n  @media ${DEVICE.tabletL} {\n    grid-column: 7 / 12;\n    margin-top: 0;\n  }\n`\n\nexport const Image = styled.img`\n  display: block;\n  width: 100%;\n  height: auto;\n`\n\nexport const BioContainer = styled.div`\n  color: var(--content-background-dark-blue);\n  font-size: 1.6rem;\n  grid-column: 2 / 12;\n  line-height: 1.6;\n  margin-top: 20px;\n\n  p,\n  ul,\n  ol,\n  h1,\n  h2,\n  h3 {\n    margin: 0 0 20px;\n  }\n\n  h4,\n  h5,\n  h6 {\n    margin: 0 0 10px;\n  }\n\n  a {\n    color: var(--highlight-blue);\n    text-decoration: underline;\n\n    &:hover {\n      color: var(--content-background-dark-blue);\n    }\n  }\n\n  @media ${DEVICE.tabletL} {\n    font-size: 1.8rem;\n    grid-row: 2;\n    margin-top: 50px;\n  }\n`\n","import React from 'react'\nimport { PrismicRichText } from '@prismicio/react'\n\nimport * as Styled from './styles/AuthorDetailContent.styles'\n\nconst AuthorDetailContent = ({ bio, image, memberType, name, title }) => (\n  <Styled.Container>\n    <Styled.DetailsContainer\n      isFullWidth={!image.thumbnails?.executive_team_desktop?.url}\n    >\n      {!!memberType && <Styled.MemberType>{memberType}</Styled.MemberType>}\n      <Styled.Name>{name.text}</Styled.Name>\n      {!!title.text && <Styled.Title>{title.text}</Styled.Title>}\n    </Styled.DetailsContainer>\n    {!!image?.thumbnails?.executive_team_desktop?.url && (\n      <Styled.ImageContainer>\n        <Styled.Image\n          src={image.thumbnails.executive_team_desktop?.url}\n          alt={image.alt}\n        />\n      </Styled.ImageContainer>\n    )}\n    {!!bio.richText && (\n      <Styled.BioContainer>\n        <PrismicRichText field={bio.richText} />\n      </Styled.BioContainer>\n    )}\n  </Styled.Container>\n)\n\nexport default AuthorDetailContent\n","import React from 'react'\nimport { graphql, He } from 'gatsby'\n\nimport SEO from '../components/SEO'\nimport Layout from '../components/Layout'\nimport AuthorDetailContent from '../components/ContentBlocks/AuthorDetailContent'\n\nconst AuthorDetailPage = ({ data }) => {\n  const page = data.prismicNpfAuthor\n  if (!page) {\n    return null\n  }\n\n  const { author_image, bio, member_type, name, title, seo_embed_code } =\n    page.data\n\n  return (\n    <>\n      <SEO\n        seo={{\n          seo_embed_code: seo_embed_code?.text ?? null,\n        }}\n      />\n      <Layout>\n        <AuthorDetailContent\n          bio={bio}\n          image={author_image}\n          memberType={member_type}\n          name={name}\n          title={title}\n        />\n      </Layout>\n    </>\n  )\n}\n\nexport const query = graphql`\n  query AdvanceArticleQuery($id: String) {\n    prismicNpfAuthor(id: { eq: $id }) {\n      data {\n        author_image {\n          alt\n          thumbnails {\n            executive_team_desktop {\n              url\n            }\n          }\n        }\n        bio {\n          richText\n        }\n        member_type\n        name {\n          text\n        }\n        title {\n          text\n        }\n        seo_embed_code {\n          text\n        }\n      }\n    }\n  }\n`\n\nexport default AuthorDetailPage\n"],"names":["Container","styled","div","withConfig","displayName","componentId","DEVICE","tabletL","DetailsContainer","props","isFullWidth","MemberType","p","Name","h1","Title","h2","ImageContainer","Image","img","BioContainer","_ref","_image$thumbnails","_image$thumbnails$exe","_image$thumbnails2","_image$thumbnails2$ex","_image$thumbnails$exe2","bio","image","memberType","name","title","React","Styled","thumbnails","executive_team_desktop","url","text","src","alt","richText","PrismicRichText","field","_seo_embed_code$text","data","page","prismicNpfAuthor","author_image","member_type","seo_embed_code","SEO","seo","Layout","AuthorDetailContent"],"sourceRoot":""}