{"version":3,"sources":["webpack:///./src/shared/WebsiteAndHead.js","webpack:///./src/templates/page.js","webpack:///./src/components/Content/styled.js"],"names":["type","query","Page","props","post","data","markdownRemark","title","frontmatter","description","image","text","dangerouslySetInnerHTML","__html","html","Content","styled","section","media","lessThan"],"mappings":"2FAAA,8CAEe,sBACX,kBAAC,IAAD,KACJ,4BAAQA,KAAK,uBAAb,yJAOA,4BAAQA,KAAK,uBAAb,gjC,kCCXA,sHA8BaC,EAAK,aAgBHC,UAvCF,SAAAC,GACX,IAAMC,EAAOD,EAAME,KAAKC,eAExB,OAEE,oCAGE,kBAAC,IAAD,CACEC,MAAOH,EAAKI,YAAYD,MACxBE,YAAaL,EAAKI,YAAYC,YAC9BC,MAAON,EAAKI,YAAYE,QAE1B,kBAAC,IAAD,CAAWC,KAAMP,EAAKI,YAAYD,QAClC,kBAAC,IAAD,KACE,yBAAKK,wBAAyB,CAAEC,OAAQT,EAAKU,SAE/C,kBAAC,IAAD,S,yOCrBC,IAAMC,EAAUC,IAAOC,QAAV,qEAAGD,CAAH,y3HAcdE,IAAMC,SAAS,QAAfD,CAdc","file":"component---src-templates-page-js-c55f2389fa4d9f13382b.js","sourcesContent":["import React from \"react\"\nimport Helmet from \"react-helmet\"\nexport default () =>\n    <Helmet>\n<script type=\"application/ld+json\">{`{\n\"@context\": \"http://schema.org\",\n\"@type\": \"WebSite\",\n\"name\": \"Automaalaamo Auto & Muovi Fix Bilmåleri\",\n\"url\": \"https://www.automuovifix.fi\"\n}`}\n</script>\n<script type=\"application/ld+json\">\n{`{\n\t\"@context\": \"https://schema.org\",\n\t\"@type\": \"AutoRepair\",\n\t\"name\": \"Automaalaamo Auto & Muovi Fix Bilmåleri\",\n\t\"address\": {\n\t\t\"@type\": \"PostalAddress\",\n\t\t\"streetAddress\": \"Kauppatie 16\",\n\t\t\"addressRegion\": \"Mustasaari\",\n\t\t\"postalCode\": \"65610\"\n        },\n\t\"image\": \"https://www.automuovifix.fi/static/auto-icon-98x148-e55aeeb30e19ad96f701c721cd1998bc.png\",\n\t\"email\": \"kaj@howtos.tips\",\n\t\"url\": \"https://www.automuovifix.fi\",\n\t\"telephone\": \"+358414674200\",\n\t\"@id\": \"https://www.automuovifix.fi\",\n\t\"paymentAccepted\": [ \"cash\", \"invoice\" ],\n\t\"openingHours\": \"Mo,Tu,We,Th,Fr 08:00-16:00\",\n\t\"openingHoursSpecification\": [ {\n\t\t\"@type\": \"OpeningHoursSpecification\",\n\t\t\"dayOfWeek\": [\n\t\t\t\"Monday\",\n\t\t\t\"Tuesday\",\n\t\t\t\"Wednesday\",\n\t\t\t\"Thursday\",\n\t\t\t\"Friday\"\n\t\t],\n\t\t\"opens\": \"08:00\",\n\t\t\"closes\": \"16:00\"\n\t} ],\n\t\"geo\": {\n\t\t\"@type\": \"GeoCoordinates\",\n\t\t\"latitude\": \"63.129979\",\n\t\t\"longitude\": \"21.737042\"\n\t},\n\t\"priceRange\":\"$$$\",\n    \"sameAs\": \"https://www.instagram.com/automuovifix\"\n}`}\n</script>\n</Helmet>","import React from 'react';\nimport { graphql } from 'gatsby';\nimport TitlePage from '../components/TitlePage';\nimport SEO from '../components/seo';\nimport WebsiteAndHead from '../shared/WebsiteAndHead';\nimport * as S from '../components/Content/styled';\n\nconst Page = props => {\n  const post = props.data.markdownRemark;\n\n  return (\n    \n    <>\n      \n      \n      <SEO\n        title={post.frontmatter.title}\n        description={post.frontmatter.description}\n        image={post.frontmatter.image}\n      />\n      <TitlePage text={post.frontmatter.title} />\n      <S.Content>\n        <div dangerouslySetInnerHTML={{ __html: post.html }}></div>\n      </S.Content>\n      <WebsiteAndHead />\n    </>\n     \n  );\n};\n\nexport const query = graphql`\n  query Page($locale: String!, $title: String!) {\n    markdownRemark(\n      frontmatter: { title: { eq: $title } }\n      fields: { locale: { eq: $locale } }\n    ) {\n      frontmatter {\n        title\n        description\n        image\n      }\n      html\n    }\n  }\n`;\n\nexport default Page;\n","import styled from 'styled-components';\nimport media from 'styled-media-query';\n\nexport const Content = styled.section`\n  margin: auto;\n  padding: var(--space-lg) 0;\n\n  & > *:first-child {\n    margin-top: 0 !important;\n  }\n\n  & > *:last-child {\n    margin-bottom: 0 !important;\n  }\n\n  iframe {\n    width: 100%;\n    ${media.lessThan('large')`\n      padding: 0 1rem;\n    `}\n  }\n\n  a {\n    color: var(--link-color);\n    text-decoration: none;\n    transition: 0.3s;\n\n    &:hover {\n      color: var(--link-color-hover);\n    }\n\n    &.absent {\n      color: #cc0000;\n    }\n\n    &.anchor {\n      display: block;\n      padding-left: 30px;\n      margin-left: -30px;\n      cursor: pointer;\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n    }\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: var(--space-lg) 0 var(--space-lg);\n    padding: 0;\n    font-weight: bold;\n    -webkit-font-smoothing: antialiased;\n    cursor: text;\n    position: relative;\n\n    &:first-child {\n      margin-top: 0;\n      padding-top: 0;\n    }\n\n    &:hover a.anchor {\n      text-decoration: none;\n    }\n\n    tt,\n    code {\n      font-size: inherit;\n    }\n  }\n\n  h1:first-child + h2 {\n    margin-top: 0;\n    padding-top: 0;\n  }\n\n  h1 {\n    font-size: 2.8rem;\n    color: black;\n  }\n\n  h2 {\n    font-size: 2.4rem;\n    color: black;\n  }\n\n  h1,\n  h2 {\n    padding-bottom: var(--space);\n    border-bottom: 1px solid var(--border-light);\n  }\n\n  h3 {\n    font-size: 1.8rem;\n  }\n\n  h4 {\n    font-size: 1.6rem;\n  }\n\n  h5 {\n    font-size: 1.4rem;\n  }\n\n  h6 {\n    color: var(--text-light);\n    font-size: 1.4rem;\n  }\n\n  p,\n  blockquote,\n  ul,\n  ol,\n  dl,\n  li,\n  table,\n  pre {\n    margin: 15px 0;\n  }\n\n  hr {\n    height: 0.25em;\n    padding: 0;\n    margin: 24px 0;\n    background-color: var(--bg-light);\n    border: 0;\n  }\n\n  & > h2:first-child {\n    margin-top: 0;\n    padding-top: 0;\n  }\n\n  & > h1:first-child {\n    margin-top: 0;\n    padding-top: 0;\n  }\n\n  & > h1:first-child + h2 {\n    margin-top: 0;\n    padding-top: 0;\n  }\n\n  & > h3:first-child,\n  & > h4:first-child,\n  & > h5:first-child,\n  & > h6:first-child {\n    margin-top: 0;\n    padding-top: 0;\n  }\n\n  a:first-child h1,\n  a:first-child h2,\n  a:first-child h3,\n  a:first-child h4,\n  a:first-child h5,\n  a:first-child h6 {\n    margin-top: 0;\n    padding-top: 0;\n  }\n\n  h1 p,\n  h2 p,\n  h3 p,\n  h4 p,\n  h5 p,\n  h6 p {\n    margin-top: 0;\n  }\n\n  li p.first {\n    display: inline-block;\n  }\n\n  ul,\n  ol {\n    padding-left: 30px;\n\n    &:first-child {\n      margin-top: 0;\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  dl {\n    padding: 0;\n\n    dt {\n      font-size: 14px;\n      font-weight: bold;\n      font-style: italic;\n      padding: 0;\n      margin: 15px 0 5px;\n\n      &:first-child {\n        padding: 0;\n      }\n\n      & > :first-child {\n        margin-top: 0;\n      }\n\n      & > :last-child {\n        margin-bottom: 0;\n      }\n\n      dd {\n        margin: 0 0 15px;\n        padding: 0 15px;\n\n        & > :first-child {\n          margin-top: 0;\n        }\n\n        & :last-child {\n          margin-bottom: 0;\n        }\n      }\n    }\n  }\n\n  blockquote {\n    border-left: 4px solid #dddddd;\n    padding: 0 15px;\n    color: #777777;\n\n    &:first-child {\n      margin-top: 0;\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  table {\n    padding: 0;\n\n    tr {\n      border-top: 1px solid #cccccc;\n      background-color: white;\n      margin: 0;\n      padding: 0;\n\n      &:nth-child(2n) {\n        background-color: #f8f8f8;\n      }\n\n      th {\n        font-weight: bold;\n        border: 1px solid #cccccc;\n        text-align: left;\n        margin: 0;\n        padding: 6px 13px;\n      }\n\n      td {\n        border: 1px solid #cccccc;\n        text-align: left;\n        margin: 0;\n        padding: 6px 13px;\n      }\n\n      th:first-child,\n      td:first-child {\n        margin-top: 0;\n      }\n\n      th:last-child,\n      td:last-child {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  img {\n    max-width: 100%;\n  }\n\n  span.frame {\n    display: block;\n    overflow: hidden;\n\n    & > span {\n      border: 1px solid #dddddd;\n      display: block;\n      float: left;\n      overflow: hidden;\n      margin: 13px 0 0;\n      padding: 7px;\n      width: auto;\n\n      img {\n        display: block;\n        float: left;\n      }\n\n      span {\n        clear: both;\n        color: #333333;\n        display: block;\n        padding: 5px 0 0;\n      }\n    }\n  }\n\n  span.align-center {\n    display: block;\n    overflow: hidden;\n    clear: both;\n  }\n\n  span.align-center > span {\n    display: block;\n    overflow: hidden;\n    margin: 13px auto 0;\n    text-align: center;\n  }\n\n  span.align-center span img {\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  span.align-right {\n    display: block;\n    overflow: hidden;\n    clear: both;\n  }\n\n  span.align-right > span {\n    display: block;\n    overflow: hidden;\n    margin: 13px 0 0;\n    text-align: right;\n  }\n\n  span.align-right span img {\n    margin: 0;\n    text-align: right;\n  }\n\n  span.float-left {\n    display: block;\n    margin-right: 13px;\n    overflow: hidden;\n    float: left;\n  }\n\n  span.float-left span {\n    margin: 13px 0 0;\n  }\n\n  span.float-right {\n    display: block;\n    margin-left: 13px;\n    overflow: hidden;\n    float: right;\n  }\n\n  span.float-right > span {\n    display: block;\n    overflow: hidden;\n    margin: 13px auto 0;\n    text-align: right;\n  }\n\n  code,\n  tt {\n    margin: 0 2px;\n    padding: 0 5px;\n    white-space: nowrap;\n    border: 1px solid #eaeaea;\n    background-color: #f8f8f8;\n    border-radius: 3px;\n  }\n\n  pre code {\n    margin: 0;\n    padding: 0;\n    white-space: pre;\n    border: none;\n    background: transparent;\n  }\n\n  .highlight pre {\n    background-color: #f8f8f8;\n    border: 1px solid #cccccc;\n    font-size: 13px;\n    line-height: 19px;\n    overflow: auto;\n    padding: 6px 10px;\n    border-radius: 3px;\n  }\n\n  pre {\n    background-color: #f8f8f8;\n    border: 1px solid #cccccc;\n    font-size: 13px;\n    line-height: 19px;\n    overflow: auto;\n    padding: 6px 10px;\n    border-radius: 3px;\n\n    code,\n    tt {\n      background-color: transparent;\n      border: none;\n    }\n  }\n`;\n"],"sourceRoot":""}