{"version":3,"file":"components-slpBlueBackgroundImage-slpBlueBackgroundImage-f59a8936146a4ffa2d87.js","mappings":"6JAeA,UAZ+B,SAAC,GAAqB,IAAD,MAAlBA,EAAkB,EAAlBA,YAChC,OACE,gBAAC,WAAD,KACE,gBAAC,gBAAD,KACE,gBAAC,aAAD,CACEC,IAAKD,MAAAA,GAAF,UAAEA,EAAaE,aAAf,iBAAE,EAAoBC,YAAtB,aAAE,EAA0BC,IAC/BC,IAAKL,MAAAA,GAAF,UAAEA,EAAaE,aAAf,aAAE,EAAoBI,Y,wHCPtBC,EAAgBC,EAAAA,QAAAA,IAAAA,WAAH,uFAAGA,CAAH,wMAebC,EAAaD,EAAAA,QAAAA,IAAAA,WAAH,oFAAGA,CAAH","sources":["webpack://commercial-ultramar/./src/components/slpBlueBackgroundImage/slpBlueBackgroundImage.js","webpack://commercial-ultramar/./src/components/slpBlueBackgroundImage/slpBlueBackgroundImageStyles.js"],"sourcesContent":["import React from 'react';\nimport * as Styled from './slpBlueBackgroundImageStyles';\n\nconst SlpBlueBackgroundImage = ({ sectionData }) => {\n  return (\n    <React.Fragment>\n      <Styled.BlueContainer>\n        <Styled.ImageStyle\n          src={sectionData?.image?.file?.url}\n          alt={sectionData?.image?.title}\n        ></Styled.ImageStyle>\n      </Styled.BlueContainer>\n    </React.Fragment>\n  );\n};\nexport default SlpBlueBackgroundImage;\n","import styled from 'styled-components';\n\nexport const BlueContainer = styled.div`\n  background: #0f71ba;\n  width: 100%;\n  height: auto;\n  margin: 0 auto;\n  padding: 65px 0px 0px 0px;\n  text-align: center;\n  @media (max-width: 991px) {\n    width: 100%;\n    height: auto;\n    padding: 45px 35px 10px 35px;\n    text-align: center;\n  }\n`;\n\nexport const ImageStyle = styled.img`\n  max-width: 500px;\n  height: auto;\n  padding-bottom: 60px;\n  border: 0;\n  vertical-align: top;\n  @media (max-width: 991px) {\n    display: block;\n    max-width: 310px;\n    width: 100%;\n    height: auto;\n    padding-top: 10px;\n    padding-bottom: 30px;\n    margin: 0 auto;\n  }\n`;\n"],"names":["sectionData","src","image","file","url","alt","title","BlueContainer","styled","ImageStyle"],"sourceRoot":""}