{"version":3,"sources":["webpack:///./src/components/Post/PageTitle.js","webpack:///./src/templates/page.js","webpack:///./src/components/Post/PageBody.js"],"names":["Title","props","small","theme","fonts","title","colors","highlight","copy","text","PageTitle","className","setClassName","children","PageTemplate","data","contentfulPage","metaDescription","body","dispatch","useDispatch","useEffect","updateSearchValue","description","internal","content","childMarkdownRemark","excerpt","require","Body","sizes","maxWidthCentered","secondary","PageBody","dangerouslySetInnerHTML","__html","html"],"mappings":"oIAGMA,EAAK,8IAMC,SAAAC,GAAK,OAAKA,EAAMC,MAAQ,gBAAkB,eAN3C,iCAQM,SAAAD,GAAK,OAAIA,EAAME,MAAMC,MAAMC,QARjC,6MA0BI,SAAAJ,GAAK,OAAIA,EAAME,MAAMG,OAAOC,YA1BhC,0FAoCQ,SAAAN,GAAK,OAAIA,EAAME,MAAMC,MAAMI,OApCnC,uFA4CE,SAAAP,GAAK,OAAIA,EAAME,MAAMG,OAAOG,OA5C9B,mBA+CI,SAAAR,GAAK,OAAIA,EAAME,MAAMG,OAAOC,YA/ChC,oFAgEIG,IAJG,SAAAT,GAChB,OAAO,YAACD,EAAD,CAAOE,MAAOD,EAAMC,MAAOS,UAAWV,EAAMW,cAAeX,EAAMY,Y,yDChE1E,uHAwDeC,UA9CM,SAAC,GAAc,IAAD,IAAXC,KACwBC,eAAtCX,EADyB,EACzBA,MAAOY,EADkB,EAClBA,gBAAiBC,EADC,EACDA,KAC1BC,EAAWC,cAMjB,OAJAC,qBAAU,WACRF,EAASG,YAAkB,OAC1B,IAGD,YAAC,IAAD,KACE,YAAC,IAAD,CACEjB,MAAOA,EACPkB,YACEN,EACIA,EAAgBO,SAASC,QACzBP,EAAKQ,oBAAoBC,UAGjC,YAAC,IAAD,KACE,YAAC,IAAD,KAAYtB,GACZ,YAAC,IAAD,CAAUa,KAAMA,Q,0EC5BxBU,EAAQ,QAER,IAAMC,EAAI,mEAEK,SAAA5B,GAAK,OAAIA,EAAME,MAAM2B,MAAMC,mBAFhC,iBAGO,SAAA9B,GAAK,OAAIA,EAAME,MAAMC,MAAMI,OAHlC,iSAiCG,SAAAP,GAAK,OAAIA,EAAME,MAAMG,OAAO0B,YAjC/B,+IAkDG,SAAA/B,GAAK,OAAIA,EAAME,MAAMG,OAAOG,OAlD/B,mBAqDK,SAAAR,GAAK,OAAIA,EAAME,MAAMG,OAAO0B,YArDjC,uZA4GU,SAAA/B,GAAK,OAAIA,EAAME,MAAMG,OAAO0B,YA5GtC,iFAkHuB,SAAA/B,GAAK,OAAIA,EAAME,MAAMG,OAAO0B,YAlHnD,qFAyHQ,SAAA/B,GAAK,OAAIA,EAAME,MAAMG,OAAO0B,YAzHpC,4iDA+RKC,IARE,SAAAhC,GACf,OACE,YAAC4B,EAAD,CACEK,wBAAyB,CAAEC,OAAQlC,EAAMiB,KAAKQ,oBAAoBU","file":"component---src-templates-page-js-22fbaa8a4929d07fee81.js","sourcesContent":["import React from 'react'\nimport styled from '@emotion/styled'\n\nconst Title = styled.h1`\n  font-size: 76px;\n  text-transform: capitalize;\n  font-weight: 600;\n  text-align: center;\n  margin: 0 0 3rem 0;\n  margin: ${props => (props.small ? '1rem 0 4rem 0' : '0 0 3rem 0')};\n  line-height: 1.2;\n  font-family: ${props => props.theme.fonts.title};\n  font-weight: 200;\n\n  @media (max-width: 420px) {\n    font-size: 4rem;\n  }\n\n  &.column-title {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 2rem;\n\n    @media (max-width: 760px) {\n      font-size: 3.625rem;\n    }\n\n    span {\n      font-size: 2.25rem;\n      color: ${props => props.theme.colors.highlight};\n      margin-bottom: 0.625rem;\n\n      @media (max-width: 760px) {\n        font-size: 1.5rem;\n      }\n    }\n  }\n\n  span {\n    font-family: ${props => props.theme.fonts.copy};\n    font-weight: 400;\n    font-style: italic;\n    font-size: 2.875rem;\n  }\n\n  a {\n    transition: all 0.2s;\n    color: ${props => props.theme.colors.text};\n\n    &:hover {\n      color: ${props => props.theme.colors.highlight};\n    }\n  }\n  \n  &.contact-page {\n    margin-bottom: 2rem;\n\n    @media (max-width: 800px) {\n      margin-bottom: 0;\n    }\n  }\n`\n\nconst PageTitle = props => {\n  return <Title small={props.small} className={props.setClassName}>{props.children}</Title>\n}\n\nexport default PageTitle\n","import React, { useEffect } from 'react'\nimport { useDispatch } from 'react-redux';\nimport { graphql } from 'gatsby'\nimport Layout from '../components/Layout'\nimport Container from '../components/Container'\nimport PageTitle from '../components/Post/PageTitle'\nimport PageBody from '../components/Post/PageBody'\nimport SEO from '../components/SEO'\nimport { updateSearchValue } from '../actions/valueChanges';\n\nconst PageTemplate = ({ data }) => {\n  const { title, metaDescription, body } = data.contentfulPage;\n  const dispatch = useDispatch();\n\n  useEffect(() => {\n    dispatch(updateSearchValue(\"\"));\n  }, [])\n\n  return (\n    <Layout>\n      <SEO\n        title={title}\n        description={\n          metaDescription\n            ? metaDescription.internal.content\n            : body.childMarkdownRemark.excerpt\n        }\n      />\n      <Container>\n        <PageTitle>{title}</PageTitle>\n        <PageBody body={body} />\n      </Container>\n    </Layout>\n  )\n}\n\nexport const query = graphql`\n  query($slug: String!) {\n    contentfulPage(slug: { eq: $slug }) {\n      title\n      slug\n      metaDescription {\n        internal {\n          content\n        }\n      }\n      body {\n        childMarkdownRemark {\n          html\n          excerpt(pruneLength: 320)\n        }\n      }\n    }\n  }\n`\n\nexport default PageTemplate\n","import React from 'react'\nimport styled from '@emotion/styled'\nrequire('prismjs/themes/prism.css')\n\nconst Body = styled.div`\n  margin: 0 auto;\n  max-width: ${props => props.theme.sizes.maxWidthCentered};\n  font-family: ${props => props.theme.fonts.copy};\n  font-weight: 500;\n  text-align: justify;\n\n  @media (max-width: 790px) {\n    text-align: left;\n  }\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 600;\n    line-height: 1.25;\n    margin: 0 0 1rem 0;\n    text-transform: capitalize;\n  }\n\n  h1 {\n    font-size: 1.5rem;\n  }\n\n  h2 {\n    font-size: 1.25rem;\n  }\n\n  h3 {\n    font-size: 0.75rem;\n    top: -1.25rem;\n    text-align: center;\n    font-weight: normal;\n    color: ${props => props.theme.colors.secondary};\n    pointer-events; none;\n    font-style: italic;\n\n    svg {\n      display: none;\n    }\n  }\n\n  p {\n    line-height: 1.6;\n    margin: 0 0 1.5rem 0;\n    font-size: 1.25rem;\n  }\n\n  a {\n    transition: 0.2s;\n    color: ${props => props.theme.colors.text};\n\n    &:hover {\n      color: ${props => props.theme.colors.secondary};\n    }\n  }\n\n  del {\n    text-decoration: line-through;\n  }\n\n  strong {\n    font-weight: 600;\n  }\n\n  em {\n    font-style: italic;\n  }\n\n  ul,\n  ol {\n    margin: 0 0 1.5rem 0;\n  }\n\n  ul {\n    li {\n      list-style: disc;\n      list-style-position: inside;\n      line-height: 1.25;\n\n      &:last-child {\n        margin: 0;\n      }\n    }\n\n    &.custom-list {\n      li {\n        font-size: 1.25rem;\n        margin: 0 0 1.5rem 0;\n        line-height: 1.6;\n      }\n    }\n  }\n\n  ol {\n    li {\n      list-style: decimal;\n      list-style-position: inside;\n      line-height: 1.25;\n\n      &:last-child {\n        margin: 0;\n      }\n    }\n  }\n\n  hr {\n    border-style: solid;\n    border-color: ${props => props.theme.colors.secondary};\n    margin: 0 0 1.5rem 0;\n  }\n\n  blockquote {\n    font-style: italic;\n    border-left: 0.25rem solid ${props => props.theme.colors.secondary};\n    padding: 0 0 0 0.5rem;\n  }\n\n  pre {\n    margin: 0 0 1.5rem 0;\n    border-radius: 0.125rem;\n    background: ${props => props.theme.colors.secondary} !important;\n    \n    span {\n      background: inherit !important;\n    }\n  }\n\n  .underline {\n    text-decoration: underline;\n  }\n\n  .bold-text {\n    font-weight: bold;\n  }\n\n  .endnote {\n    font-size: 0.9rem;\n  }\n\n  .poem--container {\n    p {\n      margin-bottom: 0;\n\n      @media (max-width: 450px) {\n        font-size: 16px;\n      }\n    }\n\n    .poem-indent {\n      margin-left: 55px;\n    }\n  }\n\n  .poem--section__indent {\n      margin-top: 30px;\n      text-align: right;\n\n      p:first-of-type {\n        margin-right: 105px;\n      }\n\n      p:nth-of-type(2) {\n        margin-right: 62px;\n      }\n  }\n\n  .table-scroll {\n    position: relative;\n    width:100%;\n    z-index: 1;\n    margin: auto;\n    overflow: auto;\n    height: auto;\n    max-height: 500px;\n    scrollbar-color: inherit #F9F4EF;\n  }\n\n  .table-scroll table {\n    width: 100%;\n    min-width: 1280px;\n    margin: auto;\n    border-collapse: separate;\n    border-spacing: 0;\n\n    &.table--fixed {\n      margin-bottom: 1.25rem;\n      min-width: unset;\n    }\n  }\n\n  .table-wrap {\n    position: relative;\n  }\n\n  .table-scroll th,\n  .table-scroll td {\n    padding: 5px 10px;\n    border: 1px solid #000;\n    background: #fff;\n    vertical-align: top;\n\n    &:nth-of-type(7){\n      .rhi,\n      .kev {\n        display: inline-block;\n        width: 60px;\n      }\n    }\n\n    .rhi {\n      color: #98e8c2;\n    }\n\n    .kev {\n      color: #496075;\n      display: inline-block;\n      margin-top: 8px;\n    }\n  }\n\n  .table-scroll thead th {\n    background: #423E3D;\n    color: #fff;\n    position: -webkit-sticky;\n    position: sticky;\n    top: 0;\n  }\n\n  th:first-of-type,\n  td:first-of-type {\n    position: -webkit-sticky;\n    position: sticky;\n    left: 0;\n    z-index: 2;\n    background: #E6C073;\n  }\n\n  thead th:first-of-type,\n  tfoot th:first-of-type {\n    z-index: 5;\n  }\n\n  .reviewer-legend {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    margin-botton: 1rem;\n\n    span {\n      display: inline-block;\n      margin-top: 2px;\n      padding-left: 16px;\n      position: relative;\n\n      &::before {\n        border-radius: 5px;\n        content: \"\";\n        height: 10px;\n        left: 0;\n        position: absolute;\n        top: 3px;\n        width: 10px;\n      }\n\n      &.rhi {\n        &::before {\n          background-color: #98e8c2;\n        }\n      }\n\n      &.kev {\n        &::before {\n          background-color: #496075;\n      }\n    }\n  }\n`\n\nconst PageBody = props => {\n  return (\n    <Body\n      dangerouslySetInnerHTML={{ __html: props.body.childMarkdownRemark.html }}\n    />\n  )\n}\n\nexport default PageBody\n"],"sourceRoot":""}