{"version":3,"file":"components-internalNavigation-internalNavigation-fa4e8bb09f7ae8b0b9cf.js","mappings":"8KAmEA,UA9D2B,WAAO,IAAD,IAC3BA,GAAWC,EAAAA,EAAAA,eACjB,EAA4BC,EAAAA,UAAe,GAApCC,EAAM,KAAEC,EAAS,KACxBF,EAAAA,WAAgB,WAChBE,GAAU,EACV,GAAG,IAGH,IAAMC,GAAsBC,EAAAA,EAAAA,IAAe,cAkBrCC,EACNF,SAA2C,QAAxB,EAAnBA,EAAqBG,8BAAsB,OAAU,QAAV,EAA3C,EAA6CC,gBAAQ,WAAlC,EAAnB,EAAuDC,QACnD,SAACC,GAAC,MAAgB,0BAAXA,EAAEC,IAAgC,IAE7C,OAAOT,EACP,gBAAC,UAAc,KACX,gBAAC,eAAmB,KACpB,gBAAC,YAAgB,KAAC,kBACjBI,aAAW,EAAXA,EAAaM,KAAI,SAACC,EAAKC,GAAW,IAAD,IAC9B,OACAD,SAAS,QAAN,EAAHA,EAAKE,YAAI,WAAN,EAAH,EAAWC,QAAS,GAChB,gBAAC,UAAc,CACfC,IAAKH,EACLI,KAAI,KAAML,aAAG,EAAHA,EAAKM,SACfC,UACIrB,SAAc,QAAN,EAARA,EAAUsB,YAAI,OAAd,EAAgBC,SAAST,aAAG,EAAHA,EAAKM,SAC5B,SACCpB,SAAAA,EAAUsB,KAIX,GAHU,IAAVP,EACI,SACA,IAITD,aAAG,EAAHA,EAAKU,MAId,MAIJ,gCAEA,C,gLC/DaC,EAAUC,EAAAA,QAAAA,IAAAA,WAAU,6EAAVA,CAAU,wRAqBpBC,EAAeD,EAAAA,QAAAA,IAAAA,WAAU,kFAAVA,CAAU,mBAIzBE,EAAUF,EAAAA,QAAAA,EAAAA,WAAQ,6EAARA,CAAQ,qZAwBlBG,EAAYH,EAAAA,QAAAA,GAAAA,WAAS,+EAATA,CAAS,mY","sources":["webpack://sol-ecolution/./src/components/internalNavigation/internalNavigation.js","webpack://sol-ecolution/./src/components/internalNavigation/internalNavigationStyles.js"],"sourcesContent":["import * as Styled from \"./internalNavigationStyles\";\nimport React from \"react\";\nimport { graphql, useStaticQuery } from \"gatsby\";\nimport { useLocation } from \"@reach/router\";\n\nconst InternalNavigation = () => {\nconst location = useLocation();\nconst [loaded, setLoaded] = React.useState(false);\nReact.useEffect(() => {\nsetLoaded(true);\n}, []);\n\n\nconst navigationDataQuery = useStaticQuery(graphql`\nquery internalNavigationQuery {\n    contentfulSolEcolution(name: { eq: \"In The Media\" }) {\n    sections {\n        ... on ContentfulContentList {\n        id\n        type\n        title\n        subtext\n        list {\n            id\n        }\n        }\n    }\n    }\n}\n`);\n\nconst navigations =\nnavigationDataQuery?.contentfulSolEcolution?.sections?.filter(\n    (x) => x.type === \"contentListWith3Items\"\n);\nreturn loaded ? (\n<Styled.MainDiv>\n    <Styled.NavContainer>\n    <Styled.NavHeader>On This Page :</Styled.NavHeader>\n    {navigations?.map((nav, index) => {\n        return (\n        nav?.list?.length > 0 && (\n            <Styled.NavItem\n            key={index}\n            href={`#${nav?.subtext}`}\n            className={\n                location?.hash?.includes(nav?.subtext)\n                ? \"active\"\n                : !location?.hash\n                ? index === 0\n                    ? \"active\"\n                    : \"\"\n                : \"\"\n            }\n            >\n            {nav?.title}\n            </Styled.NavItem>\n        )\n        );\n    })}\n    </Styled.NavContainer>\n</Styled.MainDiv>\n) : (\n<></>\n);\n};\n\nexport default InternalNavigation;\n","import styled from \"styled-components\";\n\nexport const MainDiv = styled.div`\n  display: grid;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 8px 6px -6px #00000059;\n  height: 80px;\n  position: fixed;\n  top: 220px;\n  background: white;\n  max-width: 1920px;\n  width: 100%;\n  z-index: 2;\n\n  @media (max-width: 1440px) {\n    width: 100%;\n  }\n  @media (max-width: 425px) {\n  justify-content: flex-start;\n  }\n`;\n\nexport const NavContainer = styled.div`\n  display: flex;\n`;\n\nexport const NavItem = styled.a`\n  padding-left: 20px;\n  padding-right: 20px;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  font: normal normal normal 22px/27px Montserrat;\n  letter-spacing: 0px;\n  color: var(--font-color);\n  &.active {\n    color: #007dc3;\n    font-weight: bold;\n  }\n\n  @media (max-width: 1440px) {\n    font: normal normal normal 18px Montserrat;\n    padding-right: 0px;\n  }\n  @media (max-width: 425px) {\n    padding-left: 10px;\n    font: normal normal normal 14px/10px Montserrat;\n  }\n`;\n\nexport const NavHeader = styled.h5`\n  padding-left: 20px;\n  padding-right: 20px;\n  padding-top: 5px;\n  font: normal normal bold 22px/27px Montserrat;\n  letter-spacing: 0px;\n  color: var(--font-color);\n  text-transform: uppercase;\n\n  @media (max-width: 1440px) {\n    font: normal normal bold 16px Montserrat;\n  }\n\n  @media (max-width: 768px) {\n    padding-left: 20px;\n    padding-right: 5px;\n    padding-top: 5px;\n  }\n  @media (max-width: 425px) {\n    font: normal normal bold 14px/20px Montserrat;\n  }\n`;\n"],"names":["location","useLocation","React","loaded","setLoaded","navigationDataQuery","useStaticQuery","navigations","contentfulSolEcolution","sections","filter","x","type","map","nav","index","list","length","key","href","subtext","className","hash","includes","title","MainDiv","styled","NavContainer","NavItem","NavHeader"],"sourceRoot":""}