{"version":3,"file":"component---src-templates-pratice-area-post-js-66ed760f808aba86219a.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/attorneyBtn.js","webpack://gatsby-starter-default/./src/components/globalHero.js","webpack://gatsby-starter-default/./src/components/seo.js","webpack://gatsby-starter-default/./src/templates/pratice-area-post.js","webpack://gatsby-starter-default/./src/styles/caseResultsArticle.module.css"],"sourcesContent":["import * as React from \"react\"\nimport AniLink from \"gatsby-plugin-transition-link/AniLink\"\nimport { GatsbyImage } from 'gatsby-plugin-image'\nimport styled from \"styled-components\"\n\nconst Card = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  column-gap : 20px;\n  background: rgba(188, 163, 96, 0.4);\n  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.32);\n  border: 1px solid #BCA360;\n  border-radius: 8px;\n  padding: 2.5em 1em;\n  transition: 0.3s;\n  img{\n    border: 2px solid #BCA360;\n    border-radius: 100%;\n  }\n  :hover{\n    background: var(--primary-cta-color-hover);\n    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.32);\n  }\n  @media (min-width: 768px) {\n    flex-direction: column;\n  }\n`\nconst Title = styled.h2`\n  font-size: 1.2em;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25);\n`\nconst Location = styled.p`\n  font-size: 0.9em;\n  margin-top: 0.4em;\n  display: none;\n  @media (min-width: 768px) {\n    flex-direction: column;\n    display: block;\n  }\n`\n\nconst AttorneyBtn = (props) => {\n  return (\n    <AniLink paintDrip to={'/about-us/attorney/' + props.slug} hex=\"#3d586b\">\n      <Card>\n        <GatsbyImage image={props.image} />\n        <Location>{props.location}</Location>\n        <Title>{props.title}</Title>\n      </Card>\n    </AniLink>\n  )\n}\n\nexport default AttorneyBtn\n","import * as React from \"react\"\nimport styled from \"styled-components\"\n\nconst Title = styled.h1`\n  padding-top: 1em;\n  font-size: 1.62671rem;\n  font-weight: normal;\n  line-height: 150%;\n  letter-spacing: 1px;\n`\nconst Wave = styled.div`\n  position: absolute;\n  top: 1;\n  left: 0;\n  width: 100%;\n  overflow: hidden;\n  line-height: 0;\n  margin-top: -33px;\n  svg {\n    position: relative;\n    display: block;\n    width: calc(100% + 1.3px);\n    height: 20px;\n    transform: rotateY(180deg);\n    fill: #3D586B;\n  }\n`\n\nconst GlobalHero = (props) => (\n  <div style={{ padding:`3rem 1rem 1rem`, background: `#1d3851`,}}>\n    <div className=\"container\">\n      <Wave>\n        <svg data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\n          <path d=\"M1200 120L0 16.48 0 0 1200 0 1200 120z\" class=\"shape-fill\"></path>\n        </svg>\n      </Wave>\n      <div>\n        <Title>{props.title}</Title>\n        <p>{props.summary}</p>\n      </div>\n    </div>\n  </div>\n)\n\nexport default GlobalHero\n","import * as React from \"react\"\nimport PropTypes from \"prop-types\"\nimport { Helmet } from \"react-helmet\"\nimport { useLocation } from \"@reach/router\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nfunction Seo({ description, lang, meta, title }) {\n  const { site } = useStaticQuery(\n    graphql`\n      query {\n        site {\n          siteMetadata {\n            title\n            description\n            twitterUsername\n          }\n        }\n      }\n    `\n  )\n\n  const metaDescription = description || site.siteMetadata.description\n  const defaultTitle = site.siteMetadata?.title\n\n  return (\n    <Helmet\n      htmlAttributes={{\n        lang,\n      }}\n      title={title}\n      titleTemplate={defaultTitle ? `%s | ${defaultTitle}` : null}\n      meta={[\n        {\n          name: `description`,\n          content: metaDescription,\n        },\n        {\n          property: `og:title`,\n          content: title,\n        },\n        {\n          property: `og:description`,\n          content: metaDescription,\n        },\n        {\n          property: `og:type`,\n          content: `website`,\n        },\n        {\n          name: `twitter:card`,\n          content: `summary`,\n        },\n        {\n          name: `twitter:creator`,\n          content: site.siteMetadata?.twitterUsername || ``,\n        },\n        {\n          name: `twitter:title`,\n          content: title,\n        },\n        {\n          name: `twitter:description`,\n          content: metaDescription,\n        },\n      ].concat(meta)}\n    />\n  )\n}\n\nSeo.defaultProps = {\n  lang: `en-us`,\n  meta: [],\n  description: ``,\n}\n\nSeo.propTypes = {\n  description: PropTypes.string,\n  lang: PropTypes.string,\n  meta: PropTypes.arrayOf(PropTypes.object),\n  title: PropTypes.string.isRequired,\n}\n\nexport default Seo\n","import * as React from \"react\"\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\nimport GlobalHero from \"../components/globalHero\"\nimport { StructuredText } from \"react-datocms\";\nimport GlobalContact from \"../components/globalContact\"\nimport AttorneyBtn from \"../components/attorneyBtn\"\nimport * as caseResultsArticleStyles from \"../styles/caseResultsArticle.module.css\"\n\nconst theme = {\n  colorsBG: {\n    primary: `#1d3851`,\n    secondary: `#FFF`,\n    tertiary: `#3d586b`,\n  },\n  colorsText: {\n    primary: `#333`,\n    secondary: `#FFF`,\n  },\n}\n\nconst AttorneyAreaPost = ({ pageContext: { node} }) => (\n  <Layout>\n    <Seo title={\"Practice Area: \" + node.title} />\n    <GlobalHero\n      title={\"Practice Area: \" + node.title}\n      summary={node.subtitle}\n    />\n\n    <div style={{background: theme.colorsBG.secondary, color: theme.colorsText.primary,}}>\n      <div className=\"container\">\n        <div className={caseResultsArticleStyles.intro}>\n          <StructuredText data={node.content}/>\n        </div>\n      </div>\n    </div>\n    \n    {node.attorney.length > 0 &&\n    <div style={{background: theme.colorsBG.tertiary, color: theme.colorsText.primary,  padding:`5rem 1rem 5rem`}}>\n      <div className=\"container\">\n      <div className=\"gridLayout\">\n        {node.attorney.map(data => (\n          <AttorneyBtn\n            slug={data.slug}\n            image={data.picture.gatsbyImageData}\n            location={data.location}\n            title={data.name}\n          />\n        ))}\n      </div>\n      </div>\n    </div>\n    }\n    <GlobalContact />\n  </Layout>\n)\n\nexport default AttorneyAreaPost\n","// extracted by mini-css-extract-plugin\nexport var intro = \"caseResultsArticle-module--intro--zKMWV\";\nexport var quote = \"caseResultsArticle-module--quote--T7rhD\";\nexport var wrapper = \"caseResultsArticle-module--wrapper--7b73C\";"],"names":["Card","styled","Title","Location","props","paintDrip","to","slug","hex","G","image","location","title","Wave","style","padding","background","className","xmlns","viewBox","preserveAspectRatio","d","class","summary","Seo","description","lang","meta","site","useStaticQuery","metaDescription","siteMetadata","defaultTitle","Helmet","htmlAttributes","titleTemplate","name","content","property","twitterUsername","concat","defaultProps","theme","primary","secondary","tertiary","node","pageContext","subtitle","color","caseResultsArticleStyles","data","attorney","length","map","picture","gatsbyImageData","intro"],"sourceRoot":""}