{"version":3,"sources":["webpack:///./src/views/coaches/styles.js","webpack:///./src/views/faq/styles.js","webpack:///./src/views/classes/styles.js","webpack:///./src/views/classes/index.js","webpack:///./src/pages/classes.js","webpack:///./src/components/breadcrumb/styles.js","webpack:///./src/components/breadcrumb/index.js","webpack:///./src/components/seo.js"],"names":["colors","theme","fonts","CoachesSection","styled","section","Row","div","Card","hollow","CardMedia","CardContent","text","Secondary","accent","BaseCol","ImageCol","media","desktop","TextCol","Title","h4","FAQSection","StyledContainer","AccordionButton","main","props","isOpen","AccodionText","h5","AccordionContent","LeftCol","RightCol","h3","ClassesSection","Classes","data","map","reference","i","key","normal","src","image","url","alt","render","bottom_text","Component","NormalText","RichText","asText","title","RenderBody","classes","doc","uri","desc","name","query","prismic","allClassess","edges","slice","pop","node","BreadCrumbSection","Wrapper","h1","Page","ol","Item","li","light","ActiveItem","BreadCrumb","to","SEO","itemProp","lang","config","siteTitle","rel","href","content"],"mappings":"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","file":"component---src-pages-classes-js-6aa5b60a88d8f40638b4.js","sourcesContent":["import styled from 'styled-components';\nimport { theme, media } from '@styles';\n\nconst { colors, fonts } = theme;\n\nexport const CoachesSection = styled.section`\n  width: 100%;\n  height: auto;\n  padding: 3rem 0;\n`;\n\nexport const Row = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -15px;\n  margin-left: -15px;\n`;\n\nexport const Card = styled.div`\n  border-color: transparent;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);\n  background-color: ${colors.hollow};\n  text-align: center;\n`;\n\nexport const CardMedia = styled.div`\n  overflow: hidden;\n  position: relative;\n  text-align: center;\n\n  img {\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n    vertical-align: middle;\n    border-style: none;\n  }\n`;\n\nexport const CardContent = styled.div`\n  padding: 40px 40px;\n\n  h5 {\n    color: ${colors.text};\n    margin-bottom: 5px;\n    margin-top: 0;\n    text-transform: none;\n  }\n\n  p {\n    font-family: ${fonts.Secondary};\n    font-size: 12px;\n    line-height: 1;\n    margin-bottom: 18px;\n    margin-top: 7px;\n    color: ${colors.accent};\n    text-transform: uppercase;\n    letter-spacing: 0 !important;\n    font-weight: 400 !important;\n  }\n`;\n\nconst BaseCol = styled.div`\n  position: relative;\n  width: 100%;\n  min-height: 1px;\n  padding-left: 30px;\n  padding-right: 30px;\n`;\n\nexport const ImageCol = styled(BaseCol)`\n  flex: 0 0 33.333333%;\n  max-width: 33.333333%;\n\n  ${media.desktop`\n    flex: 0 0 100%;\n    max-width: 100%;\n    margin-bottom: 2rem;\n  `};\n`;\nexport const TextCol = styled(BaseCol)`\n  flex: 0 0 66.666667%;\n  max-width: 66.666667%;\n\n  ${media.desktop`\n    flex: 0 0 100%;\n    max-width: 100%;\n  `};\n`;\n\nexport const Title = styled.h4`\n  color: ${colors.text};\n  font-size: 32px;\n  line-height: 1;\n  margin-top: 0;\n  margin-bottom: 0.9em;\n  font-family: ${fonts.Secondary};\n  font-weight: 400;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  word-break: break-word;\n`;\n","import styled from 'styled-components';\nimport { theme, media } from '@styles';\n\nconst { colors } = theme;\n\nexport const FAQSection = styled.section`\n  width: 100%;\n  height: auto;\n  padding: 3rem 0;\n`;\n\nexport const StyledContainer = styled.div`\n  :not(:first-child) {\n    margin-top: 1.7rem;\n  }\n`;\n\nexport const AccordionIcon = styled.div`\n  display: flex;\n  align-items: center;\n  height: 100%;\n  margin-right: 8px;\n  span {\n    width: 16px;\n    height: 4px;\n    background: ${colors.text};\n    transition: all 0.1s ease-in-out;\n  }\n`;\n\nexport const AccordionButton = styled.div`\n  display: flex;\n  flex-direction: row;\n  background-color: ${colors.main};\n  cursor: pointer;\n  width: 100%;\n  text-align: left;\n  border: none;\n  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;\n  padding: 0 1em;\n\n  svg {\n    width: 1em;\n    color: ${colors.text};\n    opacity: 0.8;\n    ${(props) => props.isOpen && `transform: rotate(180deg);`};\n  }\n`;\n\nexport const AccodionText = styled.h5`\n  font-size: 14px;\n  color: ${colors.text};\n  font-weight: 400;\n  letter-spacing: 0.05em;\n  line-height: 1.3;\n  margin: -2px;\n  padding: 22px 50px 21px 40px;\n  text-transform: uppercase;\n`;\n\nexport const AccordionContent = styled.div`\n  overflow: hidden;\n  padding: 1.25rem;\n  background-color: ${colors.hollow};\n  display: ${(props) => (props.isOpen ? 'relative' : 'none')};\n`;\n\nexport const Row = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -15px;\n  margin-left: -15px;\n`;\n\nconst BaseCol = styled.div`\n  position: relative;\n  width: 100%;\n  min-height: 1px;\n  padding-left: 30px;\n  padding-right: 30px;\n`;\n\nexport const LeftCol = styled(BaseCol)`\n  flex: 0 0 50%;\n  max-width: 50%;\n\n  ${media.desktop`\n    flex: 0 0 100%;\n    max-width: 100%;\n    margin-bottom: 2rem;\n  `};\n`;\nexport const RightCol = styled(BaseCol)`\n  flex: 0 0 50%;\n  max-width: 50%;\n\n  ${media.desktop`\n    flex: 0 0 100%;\n    max-width: 100%;\n  `};\n`;\n\nexport const Title = styled.h3`\n  color: ${colors.text};\n  font-size: 40px;\n  line-height: 1;\n  margin-bottom: 0.65em;\n`;\n","import styled from 'styled-components';\n\nexport const ClassesSection = styled.section`\n  width: 100%;\n  height: auto;\n  padding: 3rem 0;\n`;\n","import React from 'react';\nimport { RichText } from 'prismic-reactjs';\n\n// styles\nimport { Container, NormalText } from '@styles';\nimport { ClassesSection } from './styles';\nimport { Row, Title } from '../coaches/styles';\nimport { LeftCol, RightCol } from '../faq/styles';\n\nconst Classes = ({ data }) => {\n  return (\n    <>\n      {data.map((reference, i) => (\n        <ClassesSection key={i}>\n          <Container normal>\n            <Row>\n              <LeftCol>\n                <img\n                  src={reference.image && reference.image.url}\n                  alt={reference.image && reference.image.alt}\n                />\n                <RichText\n                  render={reference.bottom_text}\n                  Component={NormalText}\n                />\n              </LeftCol>\n              <RightCol>\n                <Title>{RichText.asText(reference.title)}</Title>\n                <RichText render={reference.text} Component={NormalText} />\n              </RightCol>\n            </Row>\n          </Container>\n        </ClassesSection>\n      ))}\n    </>\n  );\n};\n\nexport default Classes;\n","import React from 'react';\nimport { graphql } from 'gatsby';\nimport SEO from '@components/seo';\nimport BreadCrumb from '@components/breadcrumb';\nimport Coaches from '@views/classes';\n\nconst RenderBody = ({ doc }) => {\n  const classes = doc.classes;\n\n  return (\n    <>\n      <SEO\n        title=\"Classes\"\n        uri=\"classes\"\n        desc=\"Come fence with us at our classes!\"\n      />\n      <BreadCrumb name=\"Classes\" />\n      <Coaches data={classes} />\n    </>\n  );\n};\n\nexport default ({ data }) => {\n  const doc = data.prismic.allClassess.edges.slice(0, 1).pop();\n\n  if (!doc) return null;\n  return <RenderBody doc={doc.node} />;\n};\n\nexport const query = graphql`\n  {\n    prismic {\n      allClassess {\n        edges {\n          node {\n            classes {\n              image\n              title\n              text\n              bottom_text\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n","import styled from 'styled-components';\nimport { theme } from '@styles';\n\nconst { colors, fonts } = theme;\n\nexport const BreadCrumbSection = styled.section`\n  width: 100%;\n  height: auto;\n  padding: 2rem 0;\n  background-color: ${colors.hollow};\n`;\n\nexport const Wrapper = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -15px;\n  margin-left: -15px;\n  text-align: center;\n  flex-direction: column;\n`;\n\nexport const Title = styled.h1`\n  color: ${colors.text};\n  text-transform: uppercase;\n  font-size: 40px;\n  font-weight: 400;\n  letter-spacing: 0;\n  line-height: 1.25;\n  margin-bottom: 0.2em;\n`;\n\nexport const Page = styled.ol`\n  line-height: 1.6;\n  justify-content: center;\n  margin: 0;\n  color: inherit;\n  font-family: ${fonts.Secondary};\n  font-size: 14px;\n  font-weight: 400;\n  letter-spacing: 0.1em;\n  line-height: 32px;\n  margin: 0;\n  padding: 0;\n  text-transform: uppercase;\n\n  li {\n    display: inline-block;\n    float: none;\n    padding: 0;\n  }\n`;\n\nexport const Item = styled.li`\n  a {\n    color: ${colors.light};\n    text-decoration: none;\n\n    :hover {\n      color: ${colors.accent};\n    }\n  }\n`;\n\nexport const ActiveItem = styled.li`\n  color: ${colors.accent};\n  opacity: 0.9;\n  padding-left: 0.5rem;\n\n  :before {\n    color: inherit;\n    padding: 0 12px;\n    content: '/';\n  }\n`;\n","import React from 'react';\nimport { Link } from 'gatsby';\n\n// styles\nimport { Container } from '@styles';\nimport {\n  BreadCrumbSection,\n  Wrapper,\n  Title,\n  Page,\n  Item,\n  ActiveItem,\n} from './styles';\n\nconst BreadCrumb = ({ name }) => {\n  return (\n    <BreadCrumbSection>\n      <Container normal>\n        <Wrapper>\n          {name && <Title>{name}</Title>}\n          <Page>\n            <Item>\n              <Link to=\"/\">Home</Link>\n            </Item>\n            {name && <ActiveItem>{name}</ActiveItem>}\n          </Page>\n        </Wrapper>\n      </Container>\n    </BreadCrumbSection>\n  );\n};\n\nexport default BreadCrumb;\n","import React from 'react';\nimport config from '@utils/config';\nimport { Helmet } from 'react-helmet';\n\nconst SEO = ({ title, uri, desc }) => {\n  return (\n    <Helmet>\n      {title && (\n        <title itemProp=\"name\" lang=\"en\">\n          {title + ' | ' + config.siteTitle}\n        </title>\n      )}\n      {uri && (\n        <link rel=\"canonical\" href={`https://dynamo-fencing.com/${uri}`} />\n      )}\n      {desc && <meta name=\"description\" content={desc} />}\n    </Helmet>\n  );\n};\n\nexport default SEO;\n"],"sourceRoot":""}