{"version":3,"file":"component---src-pages-404-js-3dffef16e209f36ca43f.js","mappings":"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","sources":["webpack://commercial-ultramar/./src/components/backToTopScroll/backToTopScroll.js","webpack://commercial-ultramar/./src/components/contentWithBody/contentWithBody.js","webpack://commercial-ultramar/./src/pages/404.js","webpack://commercial-ultramar/./src/images/the-propane-home-bg-en.jpg","webpack://commercial-ultramar/./src/styles/globalStyles.js","webpack://commercial-ultramar/./src/images/og-logo.jpg"],"sourcesContent":["import * as React from 'react';\nimport * as Styled from './backToTopScrollStyle';\nimport IconArrowDown from '../../images/icon-arrow-down.png';\n\nconst BackToTopScroll = () => {\n  const [scrollPosition, setScrollPosition] = React.useState(0);\n  const handleScroll = () => {\n    const position = window.pageYOffset;\n    setScrollPosition(position);\n  };\n\n  React.useLayoutEffect(() => {\n    window.addEventListener('scroll', handleScroll, { passive: true });\n    return () => {\n      window.removeEventListener('scroll', handleScroll);\n    };\n  }, []);\n  return (\n    <>\n      {scrollPosition > 0 && (\n        <Styled.MainContainer>\n          <Styled.ScrollAnchor href=\"#top\">\n            <Styled.ScrollImage src={IconArrowDown} alt=\"Return To Top\" />\n          </Styled.ScrollAnchor>\n        </Styled.MainContainer>\n      )}\n    </>\n  );\n};\n\nexport default BackToTopScroll;\n","import React from 'react';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { BLOCKS, INLINES } from '@contentful/rich-text-types';\nimport {\n  Body,\n  HeaderH2,\n  HeaderH3,\n  MainContainer,\n  ParaText,\n  HeadingH4,\n  UnorderedList,\n  LinkStyle,\n  ListItem,\n  FullWidthImageStyle,\n} from '../../styles';\nimport useContentfulAssets from '../../hooks/useContentfulAssets';\nimport isExternalUrl, { addTrailingSlash, isExternalUrlHref } from '../../utils';\n\nconst ContentWithBody = ({ sectionData }) => {\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.HEADING_2]: (node, children) => <HeaderH2>{children}</HeaderH2>,\n      [BLOCKS.HEADING_3]: (node, children) => <HeaderH3>{children}</HeaderH3>,\n      [BLOCKS.HEADING_4]: (node, children) => <HeadingH4>{children}</HeadingH4>,\n      [BLOCKS.PARAGRAPH]: (node, children) => <ParaText>{children}</ParaText>,\n      [BLOCKS.UL_LIST]: (node, children) => (\n        <UnorderedList>{children}</UnorderedList>\n      ),\n      [BLOCKS.LIST_ITEM]: (node, children) => <ListItem>{children}</ListItem>,\n      [INLINES.HYPERLINK]: (node, children) => (\n        <LinkStyle\n          href={\n            isExternalUrlHref(node?.data?.uri)\n              ? node?.data?.uri\n              : addTrailingSlash(\n                 process.env.GATSBY_DOMAIN_URL + node?.data?.uri\n              )\n          }\n          target={isExternalUrl(node?.data?.uri) ? '_blank' : '_self'}\n        >\n          {children}\n        </LinkStyle>\n      ),\n      [BLOCKS.EMBEDDED_ASSET]: (node) => {\n        const asset = useContentfulAssets(node?.data?.target?.sys?.id);\n        return asset?.node?.file?.url?.includes('image') ? (\n          <FullWidthImageStyle\n            src={asset?.node?.file?.url}\n            alt={asset?.node?.title}\n          />\n        ) : (\n          <></>\n        );\n      },\n    },\n    renderText: (text) =>\n      text.split('\\n').flatMap((text, i) => [i > 0 && <br key={i} />, text]),\n  };\n  return (\n    <MainContainer className=\"text-center\">\n      <Body>\n        {sectionData?.header?.trim() && (\n          <HeaderH2>{sectionData?.header}</HeaderH2>\n        )}\n        {sectionData?.subtext?.trim() && (\n          <HeaderH3>{sectionData?.subtext}</HeaderH3>\n        )}\n        {sectionData?.contentDetails &&\n          documentToReactComponents(\n            JSON.parse(sectionData?.contentDetails?.raw),\n            optionsMainStyle\n          )}\n      </Body>\n    </MainContainer>\n  );\n};\nexport default ContentWithBody;\n","import * as React from 'react';\nimport { useEffect } from 'react';\nimport Cookies from 'universal-cookie';\nimport { graphql, navigate } from 'gatsby';\nimport ContentWithBody from '../components/contentWithBody/contentWithBody';\nimport Header from '../components/header/header';\nimport Footer from '../components/footer/footer';\nimport BackToTopScroll from '../components/backToTopScroll/backToTopScroll';\nimport GlobalStyles from '../styles/globalStyles';\nimport { Body404 } from '../styles';\nimport { Helmet } from 'react-helmet';\nimport ogLogo from '../images/og-logo.jpg';\n\nconst NotFoundPage = ({ data, location }) => {\n  const cookies = new Cookies();\n  const languageFilteredData =\n    data?.allContentfulUltramarCommercial?.edges?.find((edge) =>\n      cookies.get('language')\n        ? edge?.node?.node_locale === cookies.get('language')\n        : edge?.node?.node_locale === 'en-US'\n    );\n\n  React.useEffect(() => {\n    if (location?.href !== location?.href?.toLowerCase()) {\n      window.location.href = location?.href?.toLowerCase();\n    }\n  }, []);\n\n  return (\n    <>\n      <GlobalStyles />\n      <Helmet>\n        <title>Page Not Found | Ultramar</title>\n        <meta name=\"robots\" content=\"noindex\" />\n        <meta property=\"og:image\" content={ogLogo}></meta>\n        <meta property=\"twitter:image\" content={ogLogo}></meta>\n      </Helmet>\n      <Header />\n      <Body404>\n        <ContentWithBody\n          sectionData={languageFilteredData?.node?.sections.find(\n            (section) => section?.contentDetails\n          )}\n        />\n      </Body404>\n\n      <Footer />\n      <BackToTopScroll />\n    </>\n  );\n};\n\nexport default NotFoundPage;\nexport const pageQuery = graphql`\n  query NotFoundPageQuery {\n    allContentfulUltramarCommercial(\n      filter: { identifier: { type: { eq: \"notFound\" } } }\n    ) {\n      edges {\n        node {\n          node_locale\n          title\n          slug\n          contentModels\n          sections {\n            ... on ContentfulContent {\n              id\n              title\n              type\n              header\n              contentDetails {\n                raw\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n","export default __webpack_public_path__ + \"static/the-propane-home-bg-en-1a412d6c63935155d9337ecfc802c651.jpg\";","import { createGlobalStyle } from 'styled-components';\nimport PropaneSVGBackground from '../images/the-propane-home-bg-en.jpg';\nimport ArrowDown from '../images/icon-arrow-down.png';\n\nconst GlobalStyles = createGlobalStyle`\n.modal-backdrop-custom.fade.modal-backdrop.show {\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    opacity: 1 !important;\n  }\n\n.propaneHome{\n\t.st0{fill:#3A2417;}\n\t.st1{fill:#FFFFFF;}\n\t.st2{fill:#21A4DE;}\n\t.svgTextContainer{\n\t\t:hover{\n\t\t\tcursor: pointer;\n\t\t\t.st2{fill: #f7991c};\n\t\t\t}\n\t}\n\tsvg{\n\t\tdisplay: block;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\twidth: 1300px;\n\t\theight: auto;\n\t\tmargin: 0 auto;\n\t\tbackground: url(${PropaneSVGBackground}) no-repeat center left;\n\t\tbackground-size: 100% auto;\n\t\t:focus{\n\t\t\toutline: none;\n\t\t}\n\t\t@media  (max-width: 1830px){\n\t\t\twidth: 1200px;\n\t\t}\n\t\t@media (max-width: 1439px){\n\t\t\twidth: 1050px;\n\t\t}\n\t\t@media (max-width: 1300px){\n\t\t\twidth: 900px;\n\t\t}\n\t\t@media (max-width: 1023px){\n\t\t\twidth: 650px;\n\t\t}\n\t\t@media (max-width: 767px){\n\t\t\twidth: 100%;\n\t\t\tposition: static;\n\t\t}\n\t}\n}\n\n@media (max-width: 767px){\n\t.tooltip-furnace-boiler{\n\t\ttransform: translate(-20%, -40%);\n\t}\n\t.tooltip-water-heater{\n\t\ttransform: translate(5%,-30%);\n\t}\n\t.tooltip-bbq{\n\t\ttransform: translate(-35%,-15%);\t\n\t}\n\t.tooltip-generator{\n\t\ttransform: translate(-30%, 25%);\t\n\t}\n\t.tooltip-heat-pump{\n\t\ttransform: translate(0%, -20%);\n\t}\n\t.tooltip-gas-range{\n\t\ttransform: translate(-20%, -20%);\n\t}\n}\n\n.propaneHome-tooltip {\n\t/* width: 425px;\n    padding: 40px;\n\tfont-size: 16px;\n    line-height: 22px; */\n\twidth: 250px;\n    font-size: 9px;\n    line-height: 12px;\n    padding: 20px;\n    background: #00539d;\n    border-radius: 6px;\n\ttext-align: center;\n\tfont-family: 'HelveticaNeue-Light', arial, sans-serif;\n    margin-bottom: 0;\n    color: #fff;\n\t@media (max-width: 767px){\n\t\twidth: 425px;\n    \tfont-size: 16px;\n    \tline-height: 22px;\n\t}\n\t@media (max-width: 575px){\n\t\twidth: 425px;\n    \tfont-size: 24px;\n    \tline-height: 26px;\n\t}\n}\n\n\t\t\n/*------------------------------\n    Gen. GENERAL \n------------------------------*/\n\t\n\t* {\n\t\tbox-sizing: border-box;\t\t\n\t\t-box-sizing: border-box;\n\t\t-moz-box-sizing: border-box;\n\t\t-text-size-adjust: none;\n\t\t}\n\t\n\tbody {\n\t\tmargin: 0;\n\t\tpadding: 0;\t\n\t\tfont-family: 'HelveticaNeue-Light', arial, sans-serif;\t\n\t\tfont-size: 20px;\n\t\tline-height: 32px;\n\t\tcolor: rgba(0,0,0,0.6);\n\t\twidth: 100vw;\n\t\tmax-width:100%;\n\t\t@media screen and (min-width: 1921px) {\n\t\t\twidth: 1920px;\n\t\t\tmargin: 0 auto;\n\t\t\t}\n\t\t}\n\t\n\timg {\n\t\tborder: 0;\n\t\tvertical-align: top;\n\t\t}\t\n\t\n\th1, h2, h3, h4, h5 {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\t}\n\n\th1 {\t\n\t\t\n\t\t}\t\t\n\th2 {\t\n\t\tposition: relative;\t\t\n\t\tmargin: 0 0 35px 0;\t\t\n\t\tfont-family: 'MrAlex', sans-serif;\n\t\tfont-size: 45px;\n\t\tline-height: 50px;\n\t\tcolor: #00539d;\n\t\t}\n\th3 {\t\t\t\n\t\tmargin: 0 0 35px 0;\t\t\n\t\tfont-family: 'HelveticaNeue-Light', sans-serif;\n\t\tfont-size: 32px;\n\t\tline-height: 37px;\n\t\tcolor: #00a6e8;\n\t\t}\n\th4 {\t\t\t\n\t\tpadding: 0 0 15px 0;\n\t\tmargin: 0 0 35px 0;\t\t\n\t\tfont-family: 'HelveticaNeue-Light', sans-serif;\n\t\tfont-size: 24px;\n\t\tline-height: 29px;\n\t\tcolor: rgba(0,0,0,0.6);\n\t\tborder-bottom: 1px solid rgba(0,0,0,0.15);\n\t\tfont-weight: normal;\n\t\t}\n\n\thr {\n\t\theight: 1px;\n\t\tborder: none;\n\t\tbackground: rgba(0,0,0,0.15);\n\t\tmargin: 60px 0;\n\t\tclear: both;\n\t\topacity: 1 !important;\n\t\t@media(max-width:1399px){\n\t\t\tmargin:50px 0;\n\t\t}\n\t\t}\n\t\t\n\tp {\t\t\n\t\tmargin: 0 0 40px 0;\n\t\tpadding: 0;\n\t\t@media (max-width: 1399px) {\n\t\t\tmargin: 0 0 30px 0;\n\t\t}\n\t\t}\n\t\tp.small {\t\t\n\t\t\tfont-style: italic;\n\t\t\tfont-size: 16px;\n\t\t\tline-height: 24px;\n\t\t\t}\n\t\t\n\tp.lessMargin,\n\th2.lessMargin,\n\th3.lessMargin,\n\th4.lessMargin {\t\t\t\n\t\tmargin-bottom: 10px;\n\t\t}\n\n\th2 strong {\t\t\t\n\t\tfont-family: 'MrAlex', sans-serif;\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\t}\n\th2 b {\t\t\t\n\t\tfont-family: 'MrAlex', sans-serif;\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\tcolor: inherit;\n\t\t}\t\n\th3 strong,\n\th4 strong {\t\t\t\n\t\tfont-family: 'HelveticaNeue-Light', sans-serif;\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\t}\t\n\th3 b,\n\th4 b {\t\t\t\n\t\tfont-family: 'HelveticaNeue-Light', sans-serif;\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\tcolor: inherit;\n\t\t}\n\n\tb {\n\t\tfont-family: 'HelveticaNeue-Bold', arial, sans-serif;\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\tcolor: #00000099;\n\t\t}\n\t\t\n\ta:hover, a:active, a:focus, object { \n\t\toutline: none; \n\t\t}\t\t\t\n\ta {\n\t\ttext-decoration: none;\n\t\tcolor: #00a6e8;\t\n\t\ttransition: .25s ease-out;\n\t\t}\n\ta:hover {\n\t\ttext-decoration: none;\n\t\tcolor: #f7991c;\n\t\t}\n\t\n\tblockquote {\t\n\t\twidth: 100%;\t\n\t\tpadding: 60px;\n\t\tmargin: 0 0 60px 0;\n\t\tbackground: rgb(0,0,0);\n\t\tbackground: -moz-radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);\n\t\tbackground: -webkit-radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);\n\t\tbackground: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);\n\t\tfilter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#000000\",endColorstr=\"#000000\",GradientType=1);\n\t\tborder-radius: 20px;\t\t\n\t\t}\n\t\tblockquote *:last-child {\t\n\t\t\tmargin-bottom: 0 !important;\n\t\t\t}\n\t.body.middle blockquote {\t\n\t\tbackground: #fff;\t\t\n\t\t}\n\t\t\t\n\tsup {\n\t\tfont-size: 11px;\n\t\tline-height: 11px;\n\t\t}\n\th2 sup {\n\t\tfont-size: 27px;\n\t\tline-height: 27px;\n\t\t}\n\th3 sup {\n\t\tfont-size: 18px;\n\t\tline-height: 18px;\n\t\t}\n\n\tform, \n\tinput,\n\ttextarea {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\toutline: none;\n\t\t-border-radius:0; \n\t\t}\n\t\t.itemClass.first {\n  /* position: absolute; */\n  left: 0;\n  top: 0;\n  text-align: left;\n}\n\n.itemClass.last {\n  /* position: absolute; */\n  right: 0;\n  top: 0;\n  /* text-align: right; */\n}\n\n.disabled a {\n  color: rgba(0,0,0,0.6) !important;\n  pointer-events: none;\n}\n\n.activeLinkClass {\n  color: rgba(0,0,0,0.6) !important;\n  pointer-events: none;\n  border: 2px solid rgba(0,0,0,0.15);\n}\n.activeLinkClass:after {\n  content: \"(current)\";\n  padding: 2px !important;\n  margin: 2px !important;\n}\n.linkClassLast {\n  text-decoration: none;\n  font-size: 15px;\n  line-height: 22px;\n  font-family: 'Gotham-Book', arial, sans-serif;\n  letter-spacing: 0.02em;\n  color: #9fb577;\n}\n\n.linkClassFirst {\n  text-decoration: none;\n  font-size: 15px;\n  line-height: 22px;\n  font-family: 'Gotham-Book', arial, sans-serif;\n  letter-spacing: 0.02em;\n  color: #9fb577;\n}\n.first {\n  /* margin-right: 45%; */\n}\n\n.linkClass {\n\tmargin-right: 10px;\n\ttext-decoration: none;\n    color: #00a6e8;\n    transition: .25s ease-out;\n\tfont-family: 'HelveticaNeue-Light', arial, sans-serif;\n    font-size: 20px;\n    line-height: 32px;\n\t@media  (max-width: 1399px)\n\t{\n\t\tfont-size: 20px;\n\t\tline-height: 32px;\n\t}\n\t@media (max-width: 767px)\n\t{\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t}\n}\n.highlightText {\n\tcolor: #b0272d;\n    background-color: rgba(0,0,0,0.05) !important;\n}\n/* GENERAL RESETS */\n\n.mktoForm {\n  width: 100% !important;\n}\n.mktoAsterix {\n  float: left !important;\n  padding-left: 0 !important;\n  padding-right: 5px !important;\n  color: #f7991c !important;\n}\n.mktoOffset {\n  display: none !important;\n}\n.mktoFormRow {\n  margin-bottom: 15px !important;\n}\n\n/* COLUMN LAYOUT */\n\n.mktoFormCol {\n  width: 50% !important;\n  padding-right: 20px !important;\n}\n\n/* RESI CONTACT FORM SPECIFIC - EN */\n\n#mktoForm_6288.mktoForm > div:nth-child(5) .mktoFormCol,\n#mktoForm_6288.mktoForm > div:nth-child(6) .mktoFormCol,\n#mktoForm_6288.mktoForm > div:nth-child(7) .mktoFormCol,\n#mktoForm_6288.mktoForm > div:nth-child(8) .mktoFormCol,\n#mktoForm_6288.mktoForm > div:nth-child(9) .mktoFormCol {\n  width: 100% !important;\n}\n\n/* RESI CONTACT FORM SPECIFIC - FR */\n\n#mktoForm_6341.mktoForm > div:nth-child(5) .mktoFormCol,\n#mktoForm_6341.mktoForm > div:nth-child(6) .mktoFormCol,\n#mktoForm_6341.mktoForm > div:nth-child(7) .mktoFormCol,\n#mktoForm_6341.mktoForm > div:nth-child(8) .mktoFormCol,\n#mktoForm_6341.mktoForm > div:nth-child(9) .mktoFormCol {\n  width: 100% !important;\n}\n\n/* COMM CONTACT FORM SPECIFIC - EN */\n\n#mktoForm_6291.mktoForm > div:nth-child(2) .mktoFormCol,\n#mktoForm_6291.mktoForm > div:nth-child(6) .mktoFormCol,\n#mktoForm_6291.mktoForm > div:nth-child(7) .mktoFormCol,\n#mktoForm_6291.mktoForm > div:nth-child(8) .mktoFormCol,\n#mktoForm_6291.mktoForm > div:nth-child(9) .mktoFormCol,\n#mktoForm_6291.mktoForm > div:nth-child(10) .mktoFormCol {\n  width: 100% !important;\n}\n\n/* COMM CONTACT FORM SPECIFIC - FR */\n\n#mktoForm_6342.mktoForm > div:nth-child(2) .mktoFormCol,\n#mktoForm_6342.mktoForm > div:nth-child(6) .mktoFormCol,\n#mktoForm_6342.mktoForm > div:nth-child(7) .mktoFormCol,\n#mktoForm_6342.mktoForm > div:nth-child(8) .mktoFormCol,\n#mktoForm_6342.mktoForm > div:nth-child(9) .mktoFormCol,\n#mktoForm_6342.mktoForm > div:nth-child(10) .mktoFormCol {\n  width: 100% !important;\n}\n\n.mktoFieldWrap {\n  width: 100% !important;\n}\n.mktoHasWidth {\n  width: 100% !important;\n}\n\n/* LABELS */\n\n.mktoLabel {\n  width: 100% !important;\n  margin-bottom: 10px !important;\n  font-family: 'HelveticaNeue-Light', arial, sans-serif !important;\n  font-size: 20px !important;\n  line-height: 25px !important;\n  font-weight: normal !important;\n  color: rgba(0, 0, 0, 0.6) !important;\n}\n.mktoLabel strong {\n  padding: 0 !important;\n}\nlabel.mktoLabel[for='ExpressConsent'] {\n  font-size: 16px !important;\n  line-height: 24px !important;\n}\n.mktoRequiredField .mktoLabel {\n  font-family: 'HelveticaNeue-Light', arial, sans-serif !important;\n}\n.mktoRadioList label {\n  font-family: 'HelveticaNeue-Light', arial, sans-serif !important;\n  font-size: 16px !important;\n  color: rgba(0, 0, 0, 0.6) !important;\n}\n.mktoRadioList input {\n  margin-top: 3px !important;\n}\n\n/* CONSENT */\n\n.mktoForm label.mktoLabel[for='ExpressConsent'],\n.mktoForm label.mktoLabel[for='ExpressConsent'] span,\n.mktoForm label.mktoLabel[for='ExpressConsent'] a {\n  font-family: 'HelveticaNeue-Light', arial, sans-serif !important;\n  font-size: 13px !important;\n  line-height: 18px !important;\n}\n.mktoForm label.mktoLabel[for='ExpressConsent'] a {\n  padding: 0 !important;\n}\n\n/* FIELDS */\n\n.mktoForm input[type='text'],\n.mktoForm input[type='url'],\n.mktoForm input[type='email'],\n.mktoForm input[type='tel'],\n.mktoForm input[type='number'],\n.mktoForm input[type='date'],\n.mktoForm select.mktoField,\n.mktoForm textarea.mktoField {\n  display: block !important;\n  width: 100% !important;\n  height: auto !important;\n  padding: 15px !important;\n  font-family: 'HelveticaNeue-Light', arial, sans-serif !important;\n  font-size: 20px !important;\n  line-height: 20px !important;\n  color: rgba(0, 0, 0, 0.6) !important;\n  background: rgba(0, 0, 0, 0.05) !important;\n  border: none !important;\n  border-top: 1px solid rgba(0, 0, 0, 0.15) !important;\n  border-left: 1px solid rgba(0, 0, 0, 0.15) !important;\n  border-radius: 0 !important;\n  cursor: auto !important;\n  box-shadow: none !important;\n}\n.mktoForm textarea.mktoField {\n  height: 100px !important;\n  line-height: 25px !important;\n}\n.mktoForm select.mktoField {\n  padding: 17px 15px !important;\n  background: rgba(0, 0, 0, 0.05) url(${ArrowDown}) no-repeat right 21px !important;\n  background-size: auto 10px !important;\n  -moz-appearance: none !important; /* Firefox */\n  -webkit-appearance: none !important; /* Safari and Chrome */\n  appearance: none !important;\n  border-radius: 0 !important;\n  background-position: 95% 50% !important;\n}\n\n/* SUBMIT BUTTON */\n\n.mktoForm .mktoButtonWrap {\n  width: 200px !important;\n  margin: 0 !important;\n}\n.mktoForm .mktoButtonWrap.mktoInset .mktoButton,\n.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {\n  display: inline-block !important;\n  position: relative !important;\n  top: 0 !important;\n  padding: 15px 35px !important;\n  margin-right: 10px !important;\n  font-family: 'MrAlex', sans-serif !important;\n  font-size: 24px !important;\n  line-height: 28px !important;\n  color: #00a6e8 !important;\n  border: 2px solid #00a6e8 !important;\n  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0) !important;\n  border-radius: 30px !important;\n  background: #fff !important;\n  cursor: pointer !important;\n  text-shadow: none !important;\n  webkit-transition: all 0.25s ease-out !important;\n  -moz-transition: all 0.25s ease-out !important;\n  -o-transition: all 0.25s ease-out !important;\n  -ms-transition: all 0.25s ease-out !important;\n  transition: all 0.25s ease-out !important;\n}\n.mktoForm .mktoButtonWrap.mktoInset .mktoButton:hover,\n.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {\n  top: -5px !important;\n  color: #f7991c !important;\n  border-color: #f7991c !important;\n  box-shadow: 0 5px 0 0 #f7991c !important;\n}\n\n@media screen and (max-width: 1439px) {\n}\n\n@media screen and (max-width: 767px) {\n  .mktoFormCol {\n    width: 100% !important;\n    padding-right: 0 !important;\n  }\n  .mktoLabel {\n    font-size: 16px !important;\n    line-height: 20px !important;\n  }\n}\n\n@media screen and (max-width: 480px) {\n  .mktoForm {\n    padding: 0 !important;\n  }\n}\n\n\n`;\n\nexport default GlobalStyles;\n","export default __webpack_public_path__ + \"static/og-logo-a5b431d2128f28c2d6d5caafeb288d5f.jpg\";"],"names":["React","scrollPosition","setScrollPosition","handleScroll","position","window","pageYOffset","addEventListener","passive","removeEventListener","href","src","IconArrowDown","alt","sectionData","optionsMainStyle","renderNode","BLOCKS","node","children","INLINES","isExternalUrlHref","data","uri","addTrailingSlash","process","target","isExternalUrl","asset","useContentfulAssets","sys","id","file","url","includes","title","renderText","text","split","flatMap","i","key","className","header","trim","subtext","contentDetails","documentToReactComponents","JSON","parse","raw","location","cookies","Cookies","languageFilteredData","allContentfulUltramarCommercial","edges","find","edge","get","node_locale","toLowerCase","name","content","property","ogLogo","sections","section","createGlobalStyle","PropaneSVGBackground","ArrowDown"],"sourceRoot":""}