{"version":3,"sources":["webpack:///./src/images/sustainable-gift-2.jpg","webpack:///./src/images/sustainable-gift-1.jpg","webpack:///./src/images/sustainable-gift-3.jpg","webpack:///./src/pages/sustainable-holiday.tsx","webpack:///./src/images/sustainable-gift-polar-bear.png","webpack:///./src/images/sustainable-gift-ornaments.jpg","webpack:///./src/images/header-sustainable-gift.jpg","webpack:///./src/images/download.svg"],"names":["module","exports","HolidayTipStyle","createGlobalStyle","StyledContainer","styled","div","StyledHeaderImage","img","StyledFlex","LeftContent","RightContent","StyledPolarBears","StyledOrnaments","StyledButton","button","StyledCards","Card","RightContentMobile","StyledRolloverContainer","StyledRolloverButton","StyledImageContainer","HolidayTips","navBg","src","header","href","target","rel","polar","ornaments","card1","DownloadButton","card2","card3"],"mappings":"iFAAAA,EAAOC,QAAU,IAA0B,kE,qBCA3CD,EAAOC,QAAU,IAA0B,kE,qBCA3CD,EAAOC,QAAU,IAA0B,kE,kjHCa3C,IAAMC,EAAkBC,YAAH,KAQfC,EAAkBC,IAAOC,IAAV,KAOfC,EAAoBF,IAAOG,IAAV,KAKjBC,EAAaJ,IAAOC,IAAV,KAWVI,EAAcL,IAAOC,IAAV,KAsBXK,EAAeN,IAAOC,IAAV,KA2BZM,EAAmBP,IAAOG,IAAV,KAMhBK,EAAkBR,IAAOG,IAAV,KAIfM,EAAeT,IAAOU,OAAV,KAWZC,EAAcX,IAAOC,IAAV,KAQXW,EAAOZ,IAAOC,IAAV,KAoBJY,EAAqBb,IAAOC,IAAV,KAkBlBa,EAA0Bd,IAAOC,IAAV,KAwBvBc,EAAuBf,IAAOC,IAAV,KAiBpBe,EAAuBhB,IAAOC,IAAV,KA0GXgB,UAjGK,WAElB,OACE,eAAC,IAAD,CAAQC,OAAK,EAAb,UACE,cAACrB,EAAD,IACA,eAACE,EAAD,WACE,cAACG,EAAD,CAAmBiB,IAAKC,MACxB,eAAChB,EAAD,WACE,eAACC,EAAD,WACE,iMAGA,qCACI,gFADJ,gJAGA,4BACA,sFAEA,wCACO,mBAAGgB,KAAK,6CAA6CC,OAAO,SAASC,IAAI,sBAAzE,wBADP,mIAGA,wCACO,mBAAGF,KAAK,oCAAoCC,OAAO,SAASC,IAAI,sBAAhE,uBADP,sLAGA,wCACO,mBAAGF,KAAK,yCAAyCC,OAAO,SAASC,IAAI,sBAArE,0BADP,uLAIF,eAACjB,EAAD,WACE,cAACC,EAAD,CAAkBY,IAAKK,MACvB,8EACA,mBAAGH,KAAK,UAAR,SACA,cAACZ,EAAD,2BAKA,cAACD,EAAD,CAAiBW,IAAKM,YAG1B,eAACd,EAAD,WACE,cAACC,EAAD,UACA,eAACI,EAAD,WACI,qBAAKG,IAAKO,MACZ,cAACZ,EAAD,UAEE,cAACC,EAAD,UACE,mBAAGM,KAAK,4EAA4EC,OAAO,SAA3F,SACE,qBAAKH,IAAKQ,iBAMlB,cAACf,EAAD,UACE,eAACI,EAAD,WACE,qBAAKG,IAAKS,MACZ,cAACd,EAAD,UAEE,cAACC,EAAD,UACE,mBAAGM,KAAK,4EAA4EC,OAAO,SAA3F,SACE,qBAAKH,IAAKQ,iBAMlB,cAACf,EAAD,UACA,eAACI,EAAD,WACI,qBAAKG,IAAKU,MACZ,cAACf,EAAD,UAEE,cAACC,EAAD,UACE,mBAAGM,KAAK,4EAA4EC,OAAO,SAA3F,SACE,qBAAKH,IAAKQ,oBAQpB,eAACd,EAAD,WACA,cAACN,EAAD,CAAkBY,IAAKK,MACnB,8EACA,cAACf,EAAD,yBAGA,cAACD,EAAD,CAAiBW,IAAKM,iB,qBC1SlC9B,EAAOC,QAAU,IAA0B,2E,qBCA3CD,EAAOC,QAAU,IAA0B,0E,qBCA3CD,EAAOC,QAAU,IAA0B,uE,mBCA3CD,EAAOC,QAAU","file":"component---src-pages-sustainable-holiday-tsx-2ad275cfb67ebba14881.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/sustainable-gift-2-137fb929e442c6256ac3fb013ad71827.jpg\";","module.exports = __webpack_public_path__ + \"static/sustainable-gift-1-13d3e63341ad048a5a3c1d0e76bd0f86.jpg\";","module.exports = __webpack_public_path__ + \"static/sustainable-gift-3-62a9fef8b4b3fd55c475ae28b15389d1.jpg\";","import React, { useState } from 'react';\nimport Layout from \"../components/layouts\";\nimport styled, { createGlobalStyle } from 'styled-components'\nimport header from \"../images/header-sustainable-gift.jpg\";\nimport polar from \"../images/sustainable-gift-polar-bear.png\";\nimport ornaments from \"../images/sustainable-gift-ornaments.jpg\";\nimport card1 from \"../images/sustainable-gift-1.jpg\";\nimport card2 from \"../images/sustainable-gift-2.jpg\";\nimport card3 from \"../images/sustainable-gift-3.jpg\";\nimport ExpandButton from '../images/expand.svg'\nimport DownloadButton from '../images/download.svg'\nimport GalleryModal from '../components/GalleryModal';\n\nconst HolidayTipStyle = createGlobalStyle`\nbody {\n  background: #02255C;\n  color: #fff;\n  font-family: \"HelveticaNeue-Light\", \"Helvetica Neue Light\", \"Helvetica Neue\", Helvetica, Arial, \"Lucida Grande\", sans-serif; \n}\n`;\n\nconst StyledContainer = styled.div`\nwidth: 100%;\nmax-width: 1200px;\nmargin: 0 auto;\npadding: 0 34px;\n`;\n\nconst StyledHeaderImage = styled.img`\nwidth: 100%;\nmargin-top: 75px;\n`;\n\nconst StyledFlex = styled.div`\ndisplay: flex;\nflex-flow: row wrap;\nmargin-top: 60px;\nfont-size: 14px;\n\n @media(min-width: 768px) {\n  font-size: 16px;\n}\n`;\n\nconst LeftContent = styled.div`\nwidth: 100%;\n\na {\n  color: #fff;\n  font-weight: bold;\n\n  &::after {\n    opacity: 1;\n    background-color: #fe1974;\n  }\n\n  &:hover {\n    color: #fe1974;\n  }\n}\n\n@media(min-width: 768px) {\n  width: 70%;\n}\n`;\n\nconst RightContent = styled.div`\ndisplay: none;\n\na {\n\n  &:hover {\n    &::after {\n      display: none;\n    }\n  \n  }\n}\n\n@media(min-width: 768px) {\n  width: 30%;\n  display: flex;\n  flex-flow: column;\n  align-items: center;\n\n  h3 {\n    font-size: 24px;\n    text-align: center;\n    padding: 0 24px;\n  }\n}\n`;\n\nconst StyledPolarBears = styled.img`\nwidth: 90%;\nmargin-bottom: 24px;\nmargin-top: -24px;\n`;\n\nconst StyledOrnaments = styled.img`\nwidth: 100%;\n`;\n\nconst StyledButton = styled.button`\npadding: 16px;\nborder-radius: 20px;\ncolor: #fff;\nborder: none;\nbackground: #fe1974;\nfont-weight: bold;\nfont-size: 24px;\nmargin: 24px 0;\n`;\n\nconst StyledCards = styled.div`\ndisplay: flex;\nflex-flow: row wrap;\njustify-content: space-between;\nmargin: 60px 0;\n\n`;\n\nconst Card = styled.div`\n  width: 100%;\n  background: none;\n  margin-bottom: 100px;\n\n  &:hover {\n    &::after {\n      display: none;\n    }\n  }\n\n  @media(min-width: 768px) {\n    width: 32%;\n    height: 500px;\n    margin-bottom: 0;\n    overflow: hidden;\n\n  }\n`; \n\nconst RightContentMobile = styled.div`\nwidth: 100%;\ndisplay: flex;\nflex-flow: column;\nalign-items: center;\nmargin: 60px 0;\n\nh3 {\n  font-size: 24px;\n  text-align: center;\n  padding: 0 24px;\n}\n@media(min-width: 768px) {\n  display: none;\n}\n`;\n\n\nconst StyledRolloverContainer = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 50px;\n  background: rgba(0,0,0,0.35);\n  top: 100%;\n  left: 0;\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: center;\n  align-items: center;\n  transition: opacity 0.3s ease;\n\n  @media(min-width: 769px) {\n    height: 100%;\n    top: 0;\n    opacity: 0;\n  }\n\n  &:hover {\n    opacity: 1;\n  }\n`;\n\nconst StyledRolloverButton = styled.div`\nwidth: 35px;\nheight: 35px;\nmargin: 5px 15px;\ncursor: pointer;\n\n@media(min-width: 769px) {\n  width: 50px;\n  height: 50px;\n}\n\nimg {\n  width: 100%;\n  border: none;\n}\n`;\n\nconst StyledImageContainer = styled.div`\nposition: relative;\nheight: 100%;\n  img {\n    width: 100%;\n    height: 100%;\n  }\n`;\n\nconst HolidayTips = () => {\n\n  return (\n    <Layout navBg>\n      <HolidayTipStyle />\n      <StyledContainer>\n        <StyledHeaderImage src={header} />\n        <StyledFlex>\n          <LeftContent>\n            <p>\n            Every gift box could use a card, and some gifts are the card themselves! For those looking for just the right card to express themselves, we've got you covered.  \n            </p>\n            <p>\n            Our <strong>2024 “Polar Bear Approved” Card Collection</strong> celebrates some important themes close to our holiday hearts, and they’ve been illustrated by three creative forces close to our mission.\n            </p>\n            <p>\n            <strong>DOWNLOAD THE PRINTABLE + SHAREABLE CARDS BELOW</strong>\n            </p>\n            <p>\n            Artist <a href=\"https://www.instagram.com/gracehyein.park/\" target=\"_blank\" rel=\"noreferrer noopener\">Grace Park</a> card reminds us of the joy and connection that comes with buying from local shops, and supporting members of your community.\n            </p>\n            <p>\n            Artist <a href=\"https://www.instagram.com/lanusca\" target=\"_blank\" rel=\"noreferrer noopener\">Lanusca's</a> card shines a light on the joy of discovery that comes with shopping for pre-loved finds at thrift stores. A second-hand item in the hands of your loved ones is twice as nice.\n            </p>\n            <p>\n            Artist <a href=\"https://www.instagram.com/lukeymcgarry\" target=\"_blank\" rel=\"noreferrer noopener\">Luke Mcgarry</a> is reminding us to invest our support in the most vulnerable members of our community - the animals who depend on the kindness and commitment of local welfare organizations.\n            </p>\n          </LeftContent>\n          <RightContent>\n            <StyledPolarBears src={polar} />\n            <h3>Support Global Inheritance for the holidays!</h3>\n            <a href=\"/donate\">\n            <StyledButton>\n              DONATE NOW\n            </StyledButton>\n            </a>\n            \n            <StyledOrnaments src={ornaments} />\n          </RightContent>\n        </StyledFlex>\n        <StyledCards>\n          <Card>\n          <StyledImageContainer>\n              <img src={card1} />\n            <StyledRolloverContainer>\n             \n              <StyledRolloverButton>\n                <a href=\"https://app.box.com/s/481wawgsk904hk0o9yc7cut8m3iflnm2/file/1725759099893\" target='_blank'>\n                  <img src={DownloadButton} />\n                </a>\n              </StyledRolloverButton>\n            </StyledRolloverContainer>\n          </StyledImageContainer>\n          </Card>\n          <Card>\n            <StyledImageContainer>\n              <img src={card2} />\n            <StyledRolloverContainer>\n              \n              <StyledRolloverButton>\n                <a href=\"https://app.box.com/s/481wawgsk904hk0o9yc7cut8m3iflnm2/file/1725758848653\" target='_blank'>\n                  <img src={DownloadButton} />\n                </a>\n              </StyledRolloverButton>\n            </StyledRolloverContainer>\n          </StyledImageContainer>\n          </Card>\n          <Card>\n          <StyledImageContainer>\n              <img src={card3} />\n            <StyledRolloverContainer>\n              \n              <StyledRolloverButton>\n                <a href=\"https://app.box.com/s/481wawgsk904hk0o9yc7cut8m3iflnm2/file/1725760336316\" target='_blank'>\n                  <img src={DownloadButton} />\n                </a>\n              </StyledRolloverButton>\n            </StyledRolloverContainer>\n          </StyledImageContainer>\n          </Card>\n\n        </StyledCards>\n        <RightContentMobile>\n        <StyledPolarBears src={polar} />\n            <h3>Support Global Inheritance for the holidays!</h3>\n            <StyledButton>\n              DONATE NOW\n            </StyledButton>\n            <StyledOrnaments src={ornaments} />\n        </RightContentMobile>\n      </StyledContainer>\n\n   \n    </Layout>\n);\n}\n\nexport default HolidayTips;\n\n\n","module.exports = __webpack_public_path__ + \"static/sustainable-gift-polar-bear-1c43f6e057f2b253fc1c17bf7df075fb.png\";","module.exports = __webpack_public_path__ + \"static/sustainable-gift-ornaments-c22d8f3b01445cf629a27472fb897580.jpg\";","module.exports = __webpack_public_path__ + \"static/header-sustainable-gift-fdf94aa104970c3644167c32861bf54b.jpg\";","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzhweCIgaGVpZ2h0PSIzOHB4IiB2aWV3Qm94PSIwIDAgMzggMzgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzICg3MjUyMCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+ZG93bmxvYWQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRGVza3RvcC1IRCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2Ni4wMDAwMDAsIC0zMjMyLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJkb3dubG9hZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzY2LjAwMDAwMCwgMzIzMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMCwyMC42MTYwMjEzIEwxOSwzMiBMOCwyMC42MTYwMjEzIEwxMC4wMjMxOTA4LDE4LjUyMjIwNjcgTDE3LjU2OTQzMjgsMjYuMzMxODY2NSBMMTcuNTY5NDMyOCwwIEwyMC40MzA1NjcyLDAgTDIwLjQzMDU2NzIsMjYuMzMxODY2NSBMMjcuOTc2ODA5MiwxOC41MjIyMDY3IEwzMCwyMC42MTYwMjEzIFogTTM4LDM1IEwwLDM1IEwwLDM4IEwzOCwzOCBMMzgsMzUgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==\""],"sourceRoot":""}