{"version":3,"sources":["main.9ea81887.chunk.css","webpack://src/index.css","webpack://src/App.css","webpack://src/components/AgeChecker/ageChecker.scss","webpack://src/variables.scss","webpack://src/components/Modal/modal.scss","webpack://src/components/BuyIt/buyIt.scss","webpack://src/components/Footer/footer.scss","webpack://src/components/Menu/menu.scss","webpack://src/components/Header/header.scss","webpack://src/modules/Hero/hero.scss","webpack://src/modules/Mixology/mixology.scss","webpack://src/components/CarouselCard/carouselCard.scss","webpack://src/components/CTAs/ctas.scss","webpack://src/modules/Carousel/carousel.scss","webpack://src/modules/SiteSwap/siteswap.scss","webpack://src/modules/ProductDetail/productDetails.scss","webpack://src/components/MixologyCard/mixologyCard.scss","webpack://src/pages/Mixology/mixology.scss","webpack://src/pages/Recipe/recipe.scss"],"names":[],"mappings":"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","file":"main.9ea81887.chunk.css","sourcesContent":["@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\nbody {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n\n.App {\n  position: relative;\n  min-height: 100vh;\n  text-align: center;\n  overflow: hidden;\n  background-image: url(/static/media/dole-juice-bg.a43c9305.png);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-attachment: fixed;\n  background-size: cover;\n}\n\n.App.open {\n  overflow: hidden;\n  height: 100vh;\n}\n\n.pages {\n  padding-bottom: 326px;\n}\n\n.App-logo {\n  height: 40vmin;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .App-logo {\n    -webkit-animation: App-logo-spin infinite 20s linear;\n            animation: App-logo-spin infinite 20s linear;\n  }\n}\n\n.App-header {\n  background-color: #282c34;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  font-size: calc(10px + 2vmin);\n  color: white;\n}\n\n.App-link {\n  color: #61dafb;\n}\n\n@-webkit-keyframes App-logo-spin {\n  from {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n@keyframes App-logo-spin {\n  from {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n.age-checker{display:none;position:absolute;top:0;bottom:0;left:0;right:0;z-index:5}.age-checker.open{display:block}.age-checker .modal img{width:127.1px;margin-top:30px}.age-checker .modal p{width:300px;margin:0 auto;text-align:center;font-family:Lato;font-size:16px;font-weight:bold}.age-checker .modal .button-group{position:absolute;display:flex;justify-content:center;left:0;right:0;margin:0 auto;text-align:center;bottom:39px}.age-checker .modal .button-group button{background-color:#5281c2;width:110.1px;height:unset;color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;border:none;border-radius:3px;padding:10px 30px;margin:0 15px;cursor:pointer}.blur{filter:blur(4px);-o-filter:blur(4px);-ms-filter:blur(4px);-moz-filter:blur(4px);-webkit-filter:blur(4px)}\n.modal{position:fixed;height:336px;width:369px;margin:auto;margin-top:300px;border-radius:8px;left:0;right:0;top:0;bottom:0;background-color:#fff;color:#5281c2;box-shadow:2px 4px 12px 0 rgba(0,0,0,.16);z-index:100}.modal img{width:127.1px;margin-top:30px}.modal p{width:300px;margin:0 auto;text-align:center;font-family:Lato;font-size:16px;font-weight:bold}.modal button{background-image:url(/static/media/modal-close.42996640.svg);float:right;background-color:#fff;color:#5281c2;border:none;font-size:0;width:15.8px;height:15.8px;margin-right:12px;margin-top:12px;cursor:pointer}.modal__bg{position:fixed;left:0;right:0;top:0;bottom:0;z-index:99}\n.buy-it{display:none}.buy-it .modal{padding:14px}.buy-it img{width:100%}.buy-it.open{display:block}\n.footer{position:absolute;display:flex;flex-direction:column;bottom:0;width:100%;height:326px;background-color:#5281c2;color:#fff;font-size:.825rem}.footer__container{display:flex;flex-direction:column}@media(min-width: 1024px){.footer__container{flex-direction:row;width:520px;margin-top:46px}}@media(min-width: 1024px){.footer{flex-direction:row;justify-content:center}}.footer img{margin:0 auto;margin-top:25px;width:127.1px;height:auto}@media(min-width: 768px){.footer img{width:127px;height:auto}}@media(min-width: 1024px){.footer img{width:auto;height:119px;margin-top:0}}.footer ul{list-style:none;margin:0;margin-top:28px;padding:0 23px}@media(min-width: 768px){.footer ul{padding:0 80px}}@media(min-width: 1024px){.footer ul{padding:0;margin:0 auto;width:295px}}.footer li{border-top:1px solid #fff}.footer li:last-of-type{border-bottom:1px solid #fff}.footer a{display:block;color:#fff;text-decoration:none;text-align:left;width:100%;padding:12px 0}@media(min-width: 1024px){.footer a{padding:12px 6px}}\n.menu{position:fixed;width:100%;height:100%;min-height:100vh;background-color:#fff;z-index:10;color:#fff;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out, -webkit-transform .3s ease-out;overflow-y:auto}@media(min-width: 1024px){.menu{display:flex;overflow:hidden}}.menu.open{-webkit-transform:translateX(0);transform:translateX(0)}.menu button{display:block;position:absolute;right:12px;margin:0 auto;margin-top:0px;width:110px;padding:7px;text-align:left;background-color:rgba(0,0,0,0);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAFqADAAQAAAABAAAAFgAAAAA/6RFgAAABWklEQVQ4EZ2Vv04DMQyHmwqpPAdzJ2YeoCuiC0sHZoRgY2BgZAOpGzMTquDJmDog8e/4nMZHapy7Sy25iR37yy+5O3U0wpqm2cOf8WOJdzF6z/Fl20swwV9wsU+8Gk6PQNWWTIKofdVMGgV+0u7cM6H2wvRLeC/gGf4uUWaDlFOfK9X2NyaHUQ+TangvVE+a4KI0N1c5BZ7SNfmNUoXqyMIc9+CLrOaGGmsCPdIad6TAg/+QX+C3uLV+qO5Epwe3QImHQyvg9VAD/3akyuvZeadjhRTGKXmvZkL+oNDTnUaR96By8fGBdlPMagH6Qd5ey3B4ASp3Kl/n2U7wLqgeqho+BFoNL0Dl054pzI5JOcOW/d05ae/pC3RuYTam5nILuwkiXN7RfdPwRXwaQliZ/L+QmgeSV2YhEMt7Hv/zHtPOg5TGpuzHKL9ul1gY40947/HbJjNJ8DtN/wJo2XDiV5fZ2gAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:right 7px center;border:0;color:rgba(0,0,0,0);font-size:34px;font-family:korolev-compressed,sans-serif;font-weight:900;font-style:normal;z-index:10}@media(min-width: 768px){.menu button{color:inherit;right:20px;margin:0;margin-top:10px}}@media(min-width: 1024px){.menu button{color:rgba(0,0,0,0);margin-top:7px}}.menu__nav{position:relative;height:726px;margin:22px;padding:0 40px;background-image:url(/static/media/menu-bg.913e409f.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}@media(min-width: 768px){.menu__nav{height:850px;text-align:left;padding:0 70px}}@media(min-width: 1024px){.menu__nav{height:calc(100% - 40px);min-height:660px;width:379px;text-align:center}}.menu__nav img{margin-top:30.5px;width:100%;max-width:245px}.menu__nav>ul{list-style:none;margin:0;margin-top:10px;padding:0}@media(min-width: 768px){.menu__nav>ul{max-width:255px}}.menu__nav>ul li{text-align:left;cursor:pointer}.menu__nav>ul li ul{list-style:none;margin:0;padding-left:7px;height:0px;overflow:hidden;transition:height .5s ease-in-out}.menu__nav>ul li ul li a{font-size:14px;cursor:pointer}.menu__nav>ul li ul.open{height:60px}.menu__nav>ul>li:nth-last-child(2){border-top:2px solid #fff;margin-top:32px;padding-top:32px}.menu__nav a{display:block;color:inherit;text-decoration:none;text-transform:uppercase;font-size:20px;font-weight:bold;padding:6.5px 0}.menu__products{width:100%}@media(min-width: 1024px){.menu__products{height:100vh;overflow:auto}}.menu__products .product{position:relative;height:calc(50% - 33px);margin:22px 0}@media(min-width: 768px){.menu__products .product{height:calc(50vh - 30px)}}@media(min-width: 1024px){.menu__products .product{margin-right:22px}}.menu__products .product img{height:100%}.menu__products .product .bg{position:absolute;left:0;right:0;width:100%;z-index:-1}\n.header{position:absolute;text-align:left;width:100%;z-index:5}.header.hide .header__foreground-tree{display:none}.header img{display:inline-block;width:105px;margin:17px 14px;cursor:pointer}@media(min-width: 768px){.header img{width:215.2px;margin:25px 18px}}@media(min-width: 1024px){.header img{width:164px;height:109px}}.header button{float:right;width:36px;height:50px;margin-top:29px;margin-right:23px;background-image:url(/static/media/juice-hamburger-menu.1a325132.svg);background-size:cover;background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-position:center;border:none;font-size:0;cursor:pointer}@media(min-width: 768px){.header button{margin-top:60px;margin-right:73px}}@-webkit-keyframes breeze-left{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}75%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes breeze-left{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}75%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes breeze-right{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}50%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}75%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes breeze-right{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}50%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}75%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}\n.hero-mod{position:relative;height:606px;width:100%;background-image:url(/static/media/group-583.eb2986c9.png),url(/static/media/group-582.e80953a2.png),url(/static/media/juice-fruit-l-mobile.98c54b09.png),url(/static/media/juice-fruit-r-mobile.ca3fe931.png);background-repeat:no-repeat;background-position:top -90px left -1200px,top 5px right -1268px,bottom 160px left -1255px,bottom 190px right -1100px;transition:background-position .7s ease-out}.hero-mod.slide{background-position:top -90px left -120px,top 5px right -68px,bottom 160px left -155px,bottom 190px right -110px}@media(min-width: 768px){.hero-mod{background-image:url(/static/media/group-580.f6cac006.png),url(/static/media/group-579.8ddcf7f4.png),url(/static/media/group-581.fe0760c3.png),url(/static/media/group-578.36583dc8.png);background-size:330px,250px,350px,400px;height:750px}.hero-mod.slide{background-position:top -90px left -120px,top -49px right 60px,bottom left -105px,bottom 100px right -130px}}@media(min-width: 1024px){.hero-mod{background-image:url(/static/media/group-580.f6cac006.png),url(/static/media/group-579.8ddcf7f4.png),url(/static/media/group-581.fe0760c3.png),url(/static/media/group-578.36583dc8.png);background-size:500px,350px,520px,400px;background-position:top -160px left -160px,top -65px right 140px,bottom left -125px,bottom 110px right -130px;height:1001px;transition:unset}}.hero-mod__header{position:absolute;background-image:url(/static/media/juice-headline-desktop.267c9281.svg);background-repeat:no-repeat;background-size:contain;left:0;right:0;margin:0 auto;margin-top:109px;width:238.4px;height:79.8px}@media(min-width: 768px){.hero-mod__header{background-image:url(/static/media/juice-headline-desktop@2x.96c2ea7f.png);width:405.9px;height:138.5px}}@media(min-width: 1024px){.hero-mod__header{background-image:url(/static/media/juice-headline-desktop@3x.968404bd.png);width:540.8px;height:184.5px}}.hero-mod img{position:absolute;width:auto;height:282px;left:-38px;right:-38px;bottom:0;margin:0 auto}@media(min-width: 425px){.hero-mod img{height:320px}}@media(min-width: 768px){.hero-mod img{height:504px}}@media(min-width: 1024px){.hero-mod img{height:671.4px}}\n.mixology-mod{position:relative;height:431px;width:100%;margin-top:-36px;background-image:url(/static/media/group-169.4dfe3b9a.png);background-repeat:no-repeat;background-size:cover;background-position:top center;box-sizing:border-box;overflow:hidden}@media(min-width: 768px){.mixology-mod{height:701px}}@media(min-width: 1024px){.mixology-mod{height:680px}}.mixology-mod__fruits{position:absolute;background-image:url(/static/media/group-634.bd27e303.png),url(/static/media/group-635.6a88d3db.png);background-repeat:no-repeat;background-size:300px,300px;background-position:left -90px center,right -70px center;top:0;bottom:0;left:0;right:0;width:100%}@media(min-width: 768px){.mixology-mod__fruits{background-image:url(/static/media/group-626.3e64ca06.png),url(/static/media/group-627.dae51f02.png),url(/static/media/apple-cut.629dfc0c.png),url(/static/media/group-189.5e1c31b8.png);background-size:350px,250px,250px,250px;background-position:left -180px top,calc(50% - 70px) bottom,calc(50% + 130px) center,right -70px center}}.mixology-mod__modal{display:block;position:absolute;width:216px;height:163px;top:0;left:0;right:0;margin:0 auto;margin-top:27px;padding:23px 27px;background-color:#fff;color:#5281c2;border-radius:8px;box-shadow:2px 4px 12px 0 rgba(0,0,5,.15);text-align:left;box-sizing:border-box}@media(min-width: 768px){.mixology-mod__modal{margin-top:66px;width:277px;height:209px}}@media(min-width: 1024px){.mixology-mod__modal{width:400px;height:320px;padding:41px 51px}}.mixology-mod__modal h3{margin:0;font-family:korolev-compressed,sans-serif;font-size:21px;font-weight:900}@media(min-width: 768px){.mixology-mod__modal h3{font-size:30px;font-weight:900}}@media(min-width: 1024px){.mixology-mod__modal h3{font-size:58px;font-weight:900}}.mixology-mod__modal p{font-size:10px;margin-top:4px}@media(min-width: 768px){.mixology-mod__modal p{font-size:14px}}.mixology-mod__modal button{width:94.8px;height:27.4px;background-color:#5281c2;color:#fff;border:none;border-radius:3px;text-transform:uppercase;font-size:10px;font-weight:900}@media(min-width: 768px){.mixology-mod__modal button{font-size:12px;width:121.5px;height:35.2px}}@media(min-width: 1024px){.mixology-mod__modal button{margin-top:25px}}.mixology-mod__container{position:relative;width:100%;max-width:400px;height:100%;margin:0 auto}@media(min-width: 768px){.mixology-mod__container{max-width:800px}}@media(min-width: 1024px){.mixology-mod__container{max-width:1200px}}.mixology-mod img{position:absolute;width:auto;height:330.4px;bottom:-109px}@media(min-width: 768px){.mixology-mod img{width:auto;height:579.6px;bottom:-179px}}@media(min-width: 1024px){.mixology-mod img{width:auto;height:679.6px;bottom:0}}.mixology-mod img.left{left:-7%}@media(min-width: 768px){.mixology-mod img.left{left:0}}.mixology-mod img.right{right:-2%}@media(min-width: 768px){.mixology-mod img.right{right:0}}\n.carousel-card{position:absolute;width:290px;height:520px;left:0;right:0;top:0;margin:0 auto;color:#5281c2;margin-top:65px}@media(min-width: 768px){.carousel-card{width:457px;height:550px;margin-top:0px}}.carousel-card__content{position:absolute;z-index:2;bottom:65px;height:211px}@media(min-width: 768px){.carousel-card__content{position:absolute;width:292px;height:275px;top:215px;right:26px}}.carousel-card .ctas a{margin:0 27px}.carousel-card h3{display:block;margin:0;padding:0 27px;text-align:left;font-family:korolev-compressed,sans-serif;font-size:22px;font-weight:900;color:#fff;text-transform:uppercase;cursor:pointer}@media(min-width: 768px){.carousel-card h3{font-size:34px;font-weight:900}}.carousel-card h3 img{margin-bottom:40px}.carousel-card p{padding:0 27px;text-align:left;font-size:14px}.carousel-card p a{color:#5281c2;display:block;margin-top:20px;cursor:pointer}.carousel-card__buttons{position:absolute;width:100%}@media(min-width: 768px){.carousel-card__buttons{bottom:0}}.carousel-card__buttons button{width:110.1px;height:35.2px;margin:0 8.5px;background-color:#5281c2;color:#fff;border:none;border-radius:3px;font-family:\"Lato\",sans-serif;font-size:12px;font-weight:900;text-transform:uppercase}.carousel-card__paper{position:absolute;background-color:#fff;height:360px;width:100%;z-index:1;bottom:0;border-radius:8px;box-shadow:2px 4px 12px 0 rgba(0,0,5,.15)}@media(min-width: 768px){.carousel-card__paper{height:380px}}.carousel-card .coming-soon{position:absolute;background-image:url(/static/media/component-126-11.3de460c8.png);width:123px;height:112.3px;z-index:0;bottom:5px;transition:bottom .5s ease-in-out}@media(min-width: 768px){.carousel-card .coming-soon.show{bottom:-85px}}.carousel-card__title{z-index:-1;width:100%;height:127.2px;border-radius:8px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-size:200%;background-position:center}.carousel-card__title.orange-juice{background-image:url(/static/media/orange-carousel-headline-box.cf99ae25.png)}.carousel-card__title.apple-juice{background-image:url(/static/media/apple-carousel-headline-box.9c4b2fd2.png)}.carousel-card__title.tropical-fruit-punch{background-image:url(/static/media/tfp-carousel-headline-box.e79b6526.png)}.carousel-card__title.grapefruit-juice{background-image:url(/static/media/grapefruit-carousel-headline-box.8dca79d4.png)}@media(min-width: 768px){.carousel__slide--visible .carousel-card img{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}}.carousel__slide--hidden{left:20px;right:20px}\n.ctas{position:absolute;width:100%}@media(min-width: 768px){.ctas{bottom:-21px}}.ctas a{display:block;text-align:left}.ctas a button{width:110.1px;height:35.2px;background-color:#5281c2;color:#fff;border:none;border-radius:3px;font-family:\"Lato\",sans-serif;font-size:12px;font-weight:900;text-transform:uppercase;cursor:pointer}\n.carousel-mod{position:relative;height:768px;background-position:center center;background-size:cover}.carousel-mod .carousel{z-index:2;overflow:visible}.carousel-mod .carousel .slide{background-color:rgba(0,0,0,0)}@media(min-width: 768px){.carousel-mod .carousel .slide.selected img{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}}.carousel-mod .carousel img{width:auto;height:312.6px;margin:0 auto}@media(min-width: 768px){.carousel-mod .carousel img{width:auto;height:500px;margin-left:-420px;margin-top:112px;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out, -webkit-transform .5s ease-in-out;transition-delay:.2s}}.carousel-mod .carousel .control-dots{bottom:-370px}@media(min-width: 768px){.carousel-mod .carousel .control-dots{bottom:-35px}}.carousel-mod .carousel .control-dots .dot{width:23px;height:23px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADB/VeXAAACfElEQVRIDaVVy3HbQAwFVrKvdgdxB+HVk4ksVWBGDUiuIO6Aqw6SCiI3EG0q8G8yudIdMB3E51hE8HYNmzRtZSTiQOwHePguyLSBcv8zc7SeCVFGJBkzH4rIHyIumagSprAqRj82QJDKdSn3t2MmKZhp3L1tn6jBSlH8qji5aN+kXcfAdHHt1cPChNX7OzUWauFSz9V7Isf1WIgzVT41ORIKNa3Pgp9EGTtvGfi0uFnqwQyXCnwtwj74j1cm/JLn/tcR81//pCNSCtWTppEnA03PheSrhnz+EvCt/dTfzDVN33AvQlcrP5qYrMMCObe0bAsO/e9+tNSQz7BG3ZKz2Gk68WEWD460bOM5dIyiEZIF9hrF59xfHmLt0IpMdJIu2IPvSrXUXxT+Hu3saDAHjmN+iAv1/m5TQSH8P0JxtbsC5PSN5OCaIs6wQCuC9yVNT8SxrDgFjgZSn/eFh/5eaSioAyI4SAfpEdnlrjz44+pZd6ijRovyfNB/Zd2TkIaV06LEkPD8+8MDYRhTjhWiwTuosMFsAe9LzHUODHQluGtU/RSzBYd9iImjAetKF/woKOBvgGJwge9KOpPOVfcd9GvZX4IjRYjHg2nvzuLgwmZLwkTQOVZADfPMuikawBzRnKU/k07FbY2kcfNwGf94mnuR2pt/KQJYlfVcjcTCYPROF7dFu+VMpc2RFqYErij3IoP5q/8DqAGQeRDsmeP/q0UL+PeK7OmsOq6ijBu855pyTUWuXh9BF84l8A8l9kaK1aXHea4Fs1felWmeIOdIS9Nzu3/VAC7hKUYupqJFZErg8Dj9q/eXVtDmva3fNGACxlM98EqH1SZAkzf+D7zZEasght8oAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:contain;background-position:center;box-shadow:none;opacity:1}.carousel-mod .carousel .control-dots .dot.selected{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADB/VeXAAABwUlEQVRIDbVV0VHDMAyV3By/lE3yy3HXphsEFmiZADaIOwIblAVomIArHP/tBmED+k8i9JL6mpCQa4vxRyxLypP8LMtMPSO276GhfCpEIZGEzDwUkU8iXjNRJkzpMhk990CQ+rVHbN8iJkmYKWpbmxoNmCmKXSbjx6alWrUC3MxXVjNMupx7dUJpQfltaie6w/1oBLievy5UMd2bj5N0N2uhYlIPYhwEMv8LOHD0jEKmwdJhYi4DgPOTaKkj7WScW0VzpSgDMIvt8D1ZJUJ3sX0ZAsCgFJWa8cloHT+inA0NZjAZ5q9SwMLn0DsSA08p4tAnsMNyrLAeiNYtnzuDz7mQ/AI7+BfwKtFAWw3J1mfWTawgM6KNq6n0t0rtZYZ7kPmD3CMJ0QYro5ci3av9SdqNS1yT2hGED3/QFVIhZwtIoEjPmWw5e/oIyQP4B1wZ4MmOFspZ78t0aGxwL1JY51/tQFci+cwdjDMeP8tWZDDrfA+g1CCRBlkdDwyWaVNIEKX2qlH22jLaY9fP7w+95eActNQzd6idAWBEP0fLRVdUp7H7wc3IGKWIanEH6mz1+dcAdSfI1QMShERB1gf4879vHUmeucCCL/0AAAAASUVORK5CYII=)}.carousel-mod__lemon{width:158.4px;height:auto;margin-top:-53px}@media(min-width: 768px){.carousel-mod__lemon{width:252.8px;margin-top:-85px}}@media(min-width: 1024px){.carousel-mod__lemon{width:235.2px;margin-top:-80px}}.carousel-mod #prevProd,.carousel-mod #nextProd{position:absolute;top:0;bottom:0;width:110.9px;height:312.6px;margin-top:60px}@media(min-width: 768px){.carousel-mod #prevProd,.carousel-mod #nextProd{width:auto;height:500px;margin-top:112px}}.carousel-mod #prevProd{left:-180px;opacity:1;transition:left .5s ease-in-out;-webkit-animation:pick-me 10s infinite;animation:pick-me 10s infinite}.carousel-mod #prevProd.hide{opacity:0;left:-2000px}.carousel-mod #nextProd{right:-160px;opacity:1;transition:right .5s ease-in-out;-webkit-animation:pick-me-2 10s infinite;animation:pick-me-2 10s infinite}.carousel-mod #nextProd.hide{opacity:0;right:-2000px}.carousel-mod .carousel.carousel-slider .control-arrow{position:absolute;display:inline-block;border:none;width:40px;height:40px;font-size:0;margin:0 auto;left:0;right:0;z-index:3;background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-size:contain;background-position:center center;margin-top:110px;opacity:unset}.carousel-mod .carousel.carousel-slider .control-arrow ::before{display:none}@media(min-width: 768px){.carousel-mod .carousel.carousel-slider .control-arrow{width:35px;height:59.6px;margin-top:330px}}.carousel-mod .carousel.carousel-slider .control-arrow.control-prev{background-image:url(/static/media/left-arrow.6534db8a.svg);left:-190px}@media(min-width: 768px){.carousel-mod .carousel.carousel-slider .control-arrow.control-prev{left:-650px}}.carousel-mod .carousel.carousel-slider .control-arrow.control-prev:disabled{opacity:.3}.carousel-mod .carousel.carousel-slider .control-arrow.control-next{background-image:url(/static/media/right-arrow.dfe53fe4.svg);left:190px}@media(min-width: 768px){.carousel-mod .carousel.carousel-slider .control-arrow.control-next{left:560px}}.carousel-mod .carousel.carousel-slider .control-arrow.control-next:disabled{opacity:.5}@media(min-width: 768px){.carousel__slide--visible img{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}}@-webkit-keyframes pick-me{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}5%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}6%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}7%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}9%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}10%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes pick-me{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}5%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}6%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}7%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}9%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}10%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes pick-me-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}5%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}6%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}7%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}9%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}10%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes pick-me-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}5%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}6%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}7%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}9%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}10%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}\n\n.site-swap-mod{position:relative;width:100%;height:150px;background-image:url(/static/media/dole-lemonade-products-master-desktop.6614b671.png),url(/static/media/r-lemon-tree.26747ba4.png),url(/static/media/dole-lemonade-bg-tablet.4ecbd571.png);background-repeat:no-repeat;background-size:217px,75px,cover;background-position:calc(50% + 80px) 50%,right top,center}@media(min-width: 768px){.site-swap-mod{background-image:url(/static/media/dole-lemonade-products-master-desktop@2x.ac4eef87.png),url(/static/media/r-lemon-tree@2x.cba274ad.png),url(/static/media/dole-lemonade-bg-tablet@2x.64a2fd0d.png);height:340px;background-size:508px,172px,cover;background-position:right center,right top,center}}@media(min-width: 1024px){.site-swap-mod{background-image:url(/static/media/dole-lemonade-products-master-desktop@3x.35c59214.png),url(/static/media/r-lemon-tree@3x.af25bfb4.png),url(/static/media/dole-lemonade-bg-tablet@3x.4fa8383f.png);background-size:782px,267px,cover;background-position:right center,right top,center;height:483px}}.site-swap-mod__text{position:absolute;margin:0 auto;margin-top:13px;left:-57%;right:0;font-style:normal;font-family:reklame-script,sans-serif;width:105px;box-sizing:border-box}@media(min-width: 768px){.site-swap-mod__text{width:238px;margin-top:51px}}@media(min-width: 1024px){.site-swap-mod__text{margin-top:130px}}@media(min-width: 1500px){.site-swap-mod__text{width:395px;margin-top:92px}}.site-swap-mod h3{color:#0a8541;margin:0;font-size:0px;font-weight:500;line-height:1.09}.site-swap-mod img{width:100%}.site-swap-mod button{width:105.9px;height:21.1px;margin:0 auto;margin-top:45px;color:#0a8541;border:none;font-size:8px;font-weight:900;background-color:#f2cd00;text-transform:uppercase;cursor:pointer}@media(min-width: 768px){.site-swap-mod button{width:174.5px;height:35.2px;margin-top:77px;font-size:12px;border-radius:3px}}@media(min-width: 1024px){.site-swap-mod button{width:225.6px;height:46.3px;font-size:16px}}\n\n.product-details-mod{position:relative;height:723px}@media(min-width: 768px){.product-details-mod{height:1023px}}@media(min-width: 1024px){.product-details-mod{height:858px}}.product-details-mod__clouds{position:absolute;left:0;right:0;top:0;bottom:0;margin:0 auto;background-image:url(/static/media/juice-fruit-product-l-mobile@3x.67e4f7b7.png),url(/static/media/juice-fruit-product-r-mobile@3x.1ec67371.png);background-repeat:no-repeat;background-size:507px auto,417px auto;background-position:left -128px top -41px,right -87px top 131px;width:100%;height:100%}@media(min-width: 425px){.product-details-mod__clouds{background-size:506px auto,513px auto;background-position:left -128px top -50px,right -100px top}}@media(min-width: 768px){.product-details-mod__clouds{background-image:url(/static/media/juice-fruit-product-l-tablet@3x.6044ca49.png),url(/static/media/juice-fruit-product-r-tablet@3x.b91ea272.png);background-size:686.4px auto,680px auto;background-position:left -146px top -62px,right -112px top 73px}}@media(min-width: 1024px){.product-details-mod__clouds{background-image:url(/static/media/juice-fruit-product-l-desktop@3x.ab0bcfb5.png),url(/static/media/juice-fruit-product-r-desktop@3x.4351faa3.png);background-size:889.8px auto,869px auto;background-position:left -179px top -50px,right -94px top}}.product-details-mod__container{position:absolute;display:flex;width:352px;height:340px;left:0;right:0;margin:0 auto;margin-top:154px;text-align:left}@media(max-width: 350px){.product-details-mod__container{width:285px}}@media(min-width: 768px){.product-details-mod__container{height:537px;width:603px;left:124px}}@media(min-width: 1024px){.product-details-mod__container{margin-top:84px;left:140px}}@media(min-width: 1366px){.product-details-mod__container{left:0;height:630px}}.product-details-mod__content{position:relative;width:187px;margin:0 24px}@media(max-width: 350px){.product-details-mod__content{margin:0 16px}}@media(min-width: 768px){.product-details-mod__content{width:340px;height:340px;margin:auto}}.product-details-mod__container>img{height:100%;width:auto;margin-top:0px;margin-right:-40px;margin-left:-40px}@media(min-width: 768PX){.product-details-mod__container>img{height:84%;width:auto;margin-top:83px;margin-right:-82px;margin-left:-56px}}.product-details-mod .ctas button{margin-left:0;cursor:pointer}@media(max-width: 767px){.product-details-mod .ctas button{width:80.5px;height:27.5px;margin-right:10px}}@media(max-width: 350px){.product-details-mod .ctas button{width:60px}}@media(min-width: 768px){.product-details-mod .ctas button{margin-right:20px}}.product-details-mod .product-details-mod__button-group{display:flex;margin-top:25px}.product-details-mod .product-details-mod__button-group button{padding:3px 7px;border:2px solid #5281c2;color:#5281c2;font-size:14px;font-weight:900;border-radius:3px;background-color:rgba(0,0,0,0);margin:0 3px;cursor:pointer}@media(min-width: 768px){.product-details-mod .product-details-mod__button-group button{padding:6px 14px}}.product-details-mod .product-details-mod__button-group button:first-of-type{margin-left:0}.product-details-mod .product-details-mod__button-group button.active{color:#fff;background-color:#5281c2}.product-details-mod h3{display:block;margin:0;font-family:korolev-compressed,sans-serif;color:#b70c1f;font-size:35px;font-weight:900;line-height:1;text-transform:uppercase}.product-details-mod h3.orange-juice{color:#ee6412}.product-details-mod h3.apple-juice{color:#005c48}.product-details-mod h3.grapefruit-juice{color:#ee5755}@media(min-width: 768px){.product-details-mod h3{font-size:58px}}.product-details-mod p{width:100%;height:120px;margin:24px 0;font-size:12px;color:#5281c2}@media(max-width: 350px){.product-details-mod p{font-size:11px}}@media(min-width: 768px){.product-details-mod p{font-size:18px}}\n.mixology-card{position:relative;width:92%;max-width:371px;height:138px;margin:12.5px auto;border-radius:8px;box-shadow:2px 4px 12px 0 rgba(0,0,5,.15);overflow:hidden;cursor:pointer}@media(min-width: 768px){.mixology-card{width:295px;height:225px;margin:10px 10px}}.mixology-card__image{width:157px;height:100%}.mixology-card__image img{width:auto;height:100%}.mixology-card__content{position:absolute;top:0;bottom:0;right:0;width:218px;text-align:left;background-color:#5281c2;padding:13px 36px;box-sizing:border-box}@media(min-width: 768px){.mixology-card__content{top:unset;right:unset;bottom:0;width:100%;padding:8px 18px 18px}}.mixology-card__content h3{display:block;width:133px;font-family:korolev-compressed,sans-serif;color:#fff;font-size:18px;font-weight:900;margin:0;line-height:1.11}@media(min-width: 768px){.mixology-card__content h3{width:171px}}.mixology-card__content p{font-size:12px;color:#fff;margin:0;margin-top:5.5px}\n.mixology-page{background-repeat:no-repeat;background-size:cover;box-sizing:border-box;background-color:#fff}.mixology-page__header{position:relative;height:293px;background-image:url(/static/media/mask-group-517.beb8dafb.png),url(/static/media/droplet-set-orange.0647e446.png),url(/static/media/apple-cut.38872d77.png),url(/static/media/dole-juice-bg.a43c9305.png);background-repeat:no-repeat;background-size:auto 65%,230px,250px,cover;background-position:bottom center,left -90px top 80px,right -75px center,top center;background-attachment:local,local,local,fixed}@media(min-width: 768px){.mixology-page__header{background-image:url(/static/media/mask-group-517.beb8dafb.png),url(/static/media/droplet-set-orange.0647e446.png),url(/static/media/group-608.082418a1.png),url(/static/media/dole-juice-bg.a43c9305.png);background-size:auto 65%,330px,350px,cover;background-position:bottom center,left -140px top 160px,right -100px top 60px,top center;height:459px}}@media(min-width: 1024px){.mixology-page__header{background-image:url(/static/media/mask-group-517.beb8dafb.png),url(/static/media/group-598.307500af.png),url(/static/media/group-599.e2e7744a.png),url(/static/media/dole-juice-bg.a43c9305.png);background-size:auto 65%,570px,590px,cover;background-position:bottom center,left -140px top 160px,right -100px top -70px,top center;height:479px}}.mixology-page__header img{position:absolute;width:70px;left:0;right:0;height:auto;margin:0 auto}@media(min-width: 768px){.mixology-page__header img{width:100px}}@media(min-width: 1024px){.mixology-page__header img{width:150px}}.mixology-page__title{position:absolute;left:0;right:0;margin:26px auto 0}.mixology-page__title h2{margin:0;font-family:korolev-compressed,sans-serif;font-size:58px;font-weight:900;color:#5281c2;text-transform:uppercase}@media(min-width: 768px){.mixology-page__title h2{font-size:50px}}@media(min-width: 1024px){.mixology-page__title h2{font-size:65px}}.mixology-page__cards{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;margin:0 auto;margin-top:47px;padding-bottom:47px}@media(min-width: 768px){.mixology-page__cards{flex-direction:row;justify-content:center;max-width:641px}}@media(min-width: 1024px){.mixology-page__cards{flex-direction:row;justify-content:start;max-width:956px}}@media(min-width: 1345px){.mixology-page__cards{max-width:1345px}}.mixology-page button{margin:46px 0 52px;background-color:#5281c2;color:#fff;font-size:12px;font-weight:900;padding:10px 30px;border:0;border-radius:3px}.mixology-page__filter{background-color:#fff;color:#5281c2;box-shadow:2px 4px 12px 0 rgba(0,0,5,.15)}.mixology-page__filter button{width:100%;height:50px;border-radius:0;background-color:#fff;color:#5281c2;display:block;margin:0;text-transform:uppercase;text-align:left;z-index:-2}.mixology-page__filter ul{display:block;list-style:none;padding:0;margin:0;text-transform:capitalize;font-size:18px;max-height:0px;overflow:hidden;transition:max-height .5s ease-out;-moz-transition:max-height .5s ease-out;-webkit-transition:max-height .5s ease-out;-o-transition:max-height .5s ease-out;-ms-transition:max-height .5s ease-out}.mixology-page__filter ul.open{max-height:400px}.mixology-page__filter ul li{display:block;padding:12px 0;width:100%;cursor:pointer}.mixology-page__filter ul li button{padding:0;margin:0;height:unset;font-size:18px;font-weight:300;text-align:center;text-transform:capitalize}.mixology-page__filter ul li ul{display:block;padding:0;margin:0;margin-top:26px;text-transform:uppercase;font-size:12px}\n.recipe-page__image{width:100%;height:100%;max-height:305px;overflow:hidden}@media(min-width: 1024px){.recipe-page__image{display:none}}.recipe-page__image img{height:auto;width:100%;margin:0;text-align:center}.recipe-page__time{width:100%;margin:0;padding:6px 16px;background-color:#5281c2;color:#fff;font-size:12px;text-align:left}@media(min-width: 1024px){.recipe-page__time{display:none}}.recipe-page__container{width:100%;min-height:calc(100vh - 326px);padding:41px 0 31px;background-image:url(/static/media/component-82-2.a3c2529b.png);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center center}.recipe-page .recipe-card{position:relative;display:flex;width:330px;height:602px;padding:21px 31px;margin:0 auto;background-color:#5281c2;border-radius:8px;box-shadow:2px 4px 12px 0 rgba(0,0,5,.15);text-align:left;box-sizing:border-box}@media(min-width: 768px){.recipe-page .recipe-card{width:607.5px;height:529px}}@media(min-width: 1024px){.recipe-page .recipe-card{width:980px;height:600px;padding:61px;margin-top:207px}}.recipe-page .recipe-card h1,.recipe-page .recipe-card h2{color:#fff}.recipe-page .recipe-card h1{margin:0;font-family:korolev-compressed,sans-serif;font-size:35px;font-weight:900;line-height:1.14}@media(min-width: 768px){.recipe-page .recipe-card h1{font-size:50px}}.recipe-page .recipe-card h2{font-size:20px;font-weight:bold}.recipe-page .recipe-card ul,.recipe-page .recipe-card ol{padding:0 17px;color:#fff;font-size:12px;line-height:1.67}.recipe-page .recipe-card__content{flex-grow:1}.recipe-page .recipe-card__photo{display:none;flex-grow:1;width:100%}.recipe-page .recipe-card__photo img{width:100%;height:auto}@media(min-width: 1024px){.recipe-page .recipe-card__photo{display:block;max-width:438px;height:438px;margin-left:50px;overflow:hidden}}.recipe-page .recipe-card__photo .recipe-card__time{width:100%;margin:0;padding:6px 16px;background-color:#fff;color:#5281c2}.recipe-page__lemon{position:absolute;width:65%;height:auto;bottom:-84px}@media(min-width: 768px){.recipe-page__lemon{width:unset;right:-69px}}.recipe-page button{margin-top:90px;padding:9px 43px;background-color:#5281c2;color:#fff;font-size:12px;font-weight:900;border:0;border-radius:3px}\n","body {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n",".App {\n  position: relative;\n  min-height: 100vh;\n  text-align: center;\n  overflow: hidden;\n  background-image: url(./assets/high-level/dole-juice-bg.png);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-attachment: fixed;\n  background-size: cover;\n}\n\n.App.open {\n  overflow: hidden;\n  height: 100vh;\n}\n\n.pages {\n  padding-bottom: 326px;\n}\n\n.App-logo {\n  height: 40vmin;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .App-logo {\n    animation: App-logo-spin infinite 20s linear;\n  }\n}\n\n.App-header {\n  background-color: #282c34;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  font-size: calc(10px + 2vmin);\n  color: white;\n}\n\n.App-link {\n  color: #61dafb;\n}\n\n@keyframes App-logo-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n","@import \"./../../variables.scss\";\n\n.age-checker {\n    display: none;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 5;\n    \n    &.open{\n        display: block;\n    }\n\n    .modal {\n\n        img {\n            width: 127.1px;\n            margin-top: 30px;\n        }\n\n        p {\n            width: 300px;\n            margin: 0 auto;\n            text-align: center;\n            font-family: Lato;\n            font-size: 16px;\n            font-weight: bold;\n        }\n\n        .button-group {\n                position: absolute;\n                display: flex;\n                justify-content: center;\n                left: 0;\n                right: 0;\n                margin: 0 auto;\n                text-align: center;\n                bottom: 39px;\n            \n            button {\n                background-color: $faded-blue;\n                width: 110.1px;\n                height: unset;\n                color: white;\n                font-size: 12px;\n                font-weight: 900;\n                text-transform: uppercase;\n                border: none;\n                border-radius: $button-radius;\n                padding: 10px 30px;\n                margin: 0 15px;\n                cursor: pointer;\n            }\n        }\n    }\n    \n}   \n\n.blur {\n    filter:blur(4px);\n    -o-filter:blur(4px);\n    -ms-filter:blur(4px);\n    -moz-filter:blur(4px);\n    -webkit-filter:blur(4px);\n}","@import url(\"https://use.typekit.net/dsd1lxd.css\");\n\n\n$lemon-yellow: #f4e381;\n$lemon-yellow-bright:#f2cd00;\n$lemon-yellow-overlay: rgba(244, 227, 129, 0.4);\n\n$lemon-green: #0a8541;\n$apple-green: #78be20;\n\n$text-grey: #646469;\n\n$faded-blue: #5281c2;\n$sky-blue:#4bb8ea;\n$grapefruit-bg:#32b7b3;\n\n//Radius\n$button-radius: 3px;\n$modal-radius: 8px;\n\n//Shadow\n$modal-shadow: 2px 4px 12px 0 rgba(0, 0, 5, 0.15);\n\n\n//Juice\n$rouge: #b70c1f;\n\n//Heights\n$footer-height: 326px;","@import \"./../../variables.scss\";\n\n.modal {\n    position: fixed;\n    height: 336px;\n    width: 369px;\n    margin: auto;\n    margin-top: 300px;\n    border-radius: $modal-radius;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    background-color: #fff;\n    color: $faded-blue;\n    box-shadow: 2px 4px 12px 0 rgba(0, 0, 0, 0.16);\n    z-index: 100;\n\n    img {\n        width: 127.1px;\n        margin-top: 30px;\n    }\n\n    p {\n        width: 300px;\n        margin: 0 auto;\n        text-align: center;\n        font-family: Lato;\n        font-size: 16px;\n        font-weight: bold;\n    }\n\n    button {\n        background-image: url(./../../assets/high-level/modal-close.svg);\n        float: right;\n        background-color: #fff;\n        color: $faded-blue;\n        border: none;\n        font-size: 0;\n        width: 15.8px;\n        height: 15.8px;\n        margin-right: 12px;\n        margin-top: 12px;\n        cursor: pointer;\n    }\n\n    &__bg {\n        position: fixed;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: 99;\n\n    }\n}\n\n",".buy-it {\n    display: none;\n\n    .modal {\n        padding: 14px;\n    }\n\n    img {\n        width: 100%;\n    }\n\n    &.open{\n        display: block;\n    }\n}","@import \"./../../variables.scss\";\n\n.footer {\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    bottom: 0;\n    width: 100%;\n    height: #{$footer-height};\n    background-color: $faded-blue;\n    color: #fff;\n    font-size: 0.825rem;\n\n    &__container {\n        display: flex;\n        flex-direction: column;\n\n        @media(min-width: 1024px) {\n            flex-direction: row;\n            width: 520px;\n            margin-top: 46px;\n        }\n    }\n\n    @media(min-width: 1024px) {\n        flex-direction: row;\n        justify-content: center;\n    }\n\n    img {\n        margin: 0 auto;\n        margin-top: 25px;\n        width: 127.1px;\n        height: auto;\n\n        @media(min-width: 768px){\n            width: 127px;\n            height: auto;\n        }\n\n        @media(min-width: 1024px){\n            width: auto;\n            height: 119px;\n            margin-top: 0;\n        }\n    }\n\n    ul {\n        list-style: none;\n        margin: 0;\n        margin-top: 28px;\n        padding: 0 23px;\n\n        @media(min-width: 768px) {\n            padding: 0 80px;\n        }\n\n        @media(min-width: 1024px) {\n            padding: 0;\n            margin: 0 auto;\n            width: 295px;\n        }\n    }\n\n    li {\n        border-top: 1px solid #fff;\n        \n        \n        &:last-of-type{\n            border-bottom: 1px solid #fff;\n        }\n    }\n\n    a {\n        display: block;\n        color: #fff;\n        text-decoration: none;\n        text-align: left;\n        width: 100%;\n        padding: 12px 0;\n\n        @media(min-width: 1024px) {\n            padding: 12px 6px;\n        }\n    }\n}","@import \"./../../variables.scss\";\n\n.menu {\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n    background-color: #fff;\n    z-index: 10;\n    color: #fff;\n    transform: translateX(100%);\n    transition: transform .3s ease-out;\n    overflow-y: auto;\n\n\n    @media(min-width: 1024px) {\n        display: flex;\n        overflow: hidden;\n    }\n\n    &.open {\n        transform: translateX(0);\n    }\n\n    button {\n        display: block;\n        position: absolute;\n        right: 12px;\n        margin: 0 auto;\n        margin-top: 0px;\n        width: 110px;\n        padding: 7px;\n        text-align: left;\n        background-color: transparent;\n        background-image: url(./../../assets/high-level/modal-close.png);\n        background-repeat: no-repeat;\n        background-position: right 7px center;\n        border: 0;\n        color: transparent;\n        font-size: 34px;\n        font-family: korolev-compressed, sans-serif;\n        font-weight: 900;\n        font-style: normal;\n        z-index: 10;\n\n        @media(min-width: 768px) {\n            color: inherit;\n            right: 20px;\n            margin: 0;\n            margin-top: 10px;\n        }\n\n        @media(min-width: 1024px) {\n            color: transparent;\n \n            margin-top: 7px;\n        }\n        \n    }\n\n    &__nav {\n        position: relative;\n        height: 726px;\n        margin: 22px;\n        padding: 0 40px;\n        background-image: url(../../assets/menu/menu-bg.png);\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 100% 100%;\n\n        @media(min-width: 768px) {\n            height: 850px;\n            text-align: left;\n            padding: 0 70px;\n        }\n\n        @media(min-width: 1024px) {\n            height: calc(100% - 40px);\n            min-height: 660px;\n            width: 379px;\n            text-align: center;\n        }\n\n        img {\n            margin-top: 30.5px;\n            width: 100%;\n            max-width: 245px;\n        }\n\n        > ul {\n            list-style: none;\n            margin: 0;\n            margin-top: 10px;\n            padding: 0;\n\n            @media(min-width: 768px){\n                max-width: 255px;\n            }\n\n            li {\n                text-align: left;\n                cursor: pointer;\n\n                ul {\n                    list-style: none;\n                    margin: 0;\n                    padding-left: 7px;\n                    height: 0px;\n                    overflow: hidden;\n                    transition: height .5s ease-in-out;\n\n                    li a {\n                        font-size: 14px;\n                        cursor: pointer;\n                    }\n                }\n\n                ul.open {\n                    height: 60px;\n                }\n            }\n\n            > li:nth-last-child(2){\n                border-top: 2px solid #fff;\n                margin-top: 32px;\n                padding-top: 32px; \n            }\n        }\n\n        a {\n            display: block;\n            color: inherit;\n            text-decoration: none;\n            text-transform: uppercase;\n            font-size: 20px;\n            font-weight: bold;\n            padding: 6.5px 0;\n        }\n    }\n\n    &__products {\n        width: 100%;\n        \n        @media(min-width: 1024px) {\n            height: 100vh;\n            overflow: auto;\n        }\n\n        .product {\n            position: relative;\n            height: calc((50% - 33px));\n            margin: 22px 0;\n\n            @media(min-width: 768px) {\n                height: calc((50vh - 30px));\n            }\n            \n            @media(min-width: 1024px) {\n                margin-right: 22px;\n            }\n\n            img {\n                height: 100%;\n            }\n\n            .bg {\n                position: absolute;\n                left: 0;\n                right: 0;\n                width: 100%;\n                z-index: -1;\n            }\n        }\n    }\n    \n}",".header {\n    position: absolute;\n    text-align: left;\n    width: 100%;\n    z-index: 5;\n\n    &.hide { \n        .header__foreground-tree{\n            display: none;\n        }\n    }\n\n    \n    img {\n        display: inline-block;\n        width: 105px;\n        margin: 17px 14px;\n        cursor: pointer;\n\n        @media(min-width: 768px) {\n            width: 215.2px;\n            margin: 25px 18px;\n        }\n\n        @media(min-width: 1024px) {\n            width: 164px;\n            height: 109px;\n        }\n    }\n\n    button {\n        float: right;\n        width: 36px;\n        height: 50px;\n        margin-top: 29px;\n        margin-right: 23px;\n        background-image: url(./../../assets/high-level/juice-hamburger-menu.svg);\n        background-size: cover;\n        background-color: transparent;\n        background-repeat: no-repeat;\n        background-position: center;\n        border: none;\n        font-size: 0;\n        cursor: pointer;\n\n        @media(min-width: 768px) {\n            margin-top: 60px;\n            margin-right: 73px;\n\n        }\n    }\n}\n\n@keyframes breeze-left {\n    0% { transform: rotate(0deg);}\n    25% { transform: rotate(-5deg);}\n    50% { transform: rotate(-3deg);}\n    75% { transform: rotate(-7deg);}\n    100% { transform: rotate(0deg);}\n}\n\n@keyframes breeze-right {\n    0% { transform: rotate(0deg);}\n    25% { transform: rotate(-6deg);}\n    50% { transform: rotate(-4deg);}\n    75% { transform: rotate(-7deg);}\n    100% { transform: rotate(0deg);}\n}","@import \"./../../variables.scss\";\n\n.hero-mod {\n    position: relative;\n    height: 606px;\n    width: 100%;\n    background-image: url(./../../assets/modules/group-583.png), url(./../../assets/modules/group-582.png), url(./../../assets/modules/juice-fruit-l-mobile.png), url(./../../assets/modules/juice-fruit-r-mobile.png);\n    background-repeat: no-repeat;\n    background-position: top -90px left -1200px, top 5px right -1268px, bottom 160px left -1255px, bottom 190px right -1100px; \n    transition: background-position .7s ease-out;\n\n    &.slide {\n       background-position: top -90px left -120px, top 5px right -68px, bottom 160px left -155px, bottom 190px right -110px; \n    }\n\n    @media(min-width: 768px) {\n        background-image: url(./../../assets/modules/group-580.png), url(./../../assets/modules/group-579.png), url(./../../assets/modules/group-581.png), url(./../../assets/modules/group-578.png);\n        background-size: 330px, 250px, 350px, 400px;\n        height: 750px;\n\n        &.slide {\n            background-position: top -90px left -120px, top -49px right 60px, bottom left -105px, bottom 100px right -130px;\n        }\n    }\n\n    @media(min-width: 1024px) {\n        background-image: url(./../../assets/modules/group-580.png), url(./../../assets/modules/group-579.png), url(./../../assets/modules/group-581.png), url(./../../assets/modules/group-578.png);\n        background-size: 500px, 350px, 520px, 400px;\n        background-position: top -160px left -160px, top -65px right 140px, bottom left -125px, bottom 110px right -130px;\n        height: 1001px;\n        transition: unset;\n    }\n\n    &__header {\n        position: absolute;\n        background-image: url(./../../assets/modules/juice-headline-desktop.svg);\n        background-repeat: no-repeat;\n        background-size: contain;\n        left: 0;\n        right: 0;\n        margin: 0 auto;\n        margin-top: 109px;\n        width: 238.4px;\n        height: 79.8px;\n\n        @media(min-width: 768px) {\n            background-image: url(./../../assets/modules/juice-headline-desktop@2x.png);\n            width: 405.9px;\n            height: 138.5px;\n        }\n\n        @media(min-width: 1024px) {\n            background-image: url(./../../assets/modules/juice-headline-desktop@3x.png);\n            width: 540.8px;\n            height: 184.5px;\n        }\n    }\n\n    img {\n        position: absolute;\n        width: auto;\n        height: 282px;\n        left: -38px;\n        right: -38px;\n        bottom: 0;\n        margin: 0 auto;\n\n        @media(min-width: 425px){\n            height: 320px;\n        }\n\n        @media(min-width: 768px){\n            height: 504px;\n        }\n\n        @media(min-width: 1024px) {\n            height: 671.4px;\n        }\n\n    }\n\n}\n\n\n","@import \"./../../variables.scss\";\n\n.mixology-mod {\n    position: relative;\n    height: 431px;\n    width: 100%;\n    margin-top: -36px;\n    background-image: url(./../../assets/modules/group-169.png);\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: top center;\n    box-sizing: border-box;\n    overflow: hidden;\n\n    @media(min-width: 768px) {\n        height: 701px;\n        // background-image: url(./../../assets/mixology-tablet-pattern.png);\n    }\n\n    @media(min-width: 1024px) {\n        height: 680px;\n        // background-image: url(./../../assets/mixology-desktop-pattern@2x.png);\n    }\n\n    &__fruits {\n        position: absolute;\n        background-image: url(./../../assets/modules/group-634.png), url(./../../assets/modules/group-635.png);\n        background-repeat: no-repeat;\n        background-size: 300px, 300px;\n        background-position: left -90px center, right -70px center;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        width: 100%;\n\n        @media(min-width: 768px) {\n            background-image: url(./../../assets/modules/group-626.png), url(./../../assets/modules/group-627.png), url(./../../assets/modules/apple-cut.png), url(./../../assets/modules/group-189.png);\n            background-size: 350px, 250px, 250px, 250px;\n            background-position: left -180px top, calc(50% - 70px) bottom, calc(50% + 130px) center, right -70px center;\n        }\n\n    }\n\n    &__modal {\n        display: block;\n        position: absolute;\n        width: 216px;\n        height: 163px;\n        top: 0;\n        left: 0;\n        right: 0;\n        margin: 0 auto;\n        margin-top: 27px;\n        padding: 23px 27px;\n        background-color: #fff;\n        color: $faded-blue;\n        border-radius: $modal-radius;\n        box-shadow: $modal-shadow;\n        text-align: left;\n        box-sizing: border-box;\n\n        @media(min-width: 768px) {\n            margin-top: 66px;\n            width: 277px;\n            height: 209px;\n        }\n\n        @media(min-width: 1024px) {\n            width: 400px;\n            height: 320px;\n            padding: 41px 51px;\n        }\n\n        h3 {\n            margin: 0;\n            font-family: korolev-compressed, sans-serif;\n            font-size: 21px;\n            font-weight: 900;\n\n            @media(min-width: 768px) {\n                font-size: 30px;\n                font-weight: 900;\n            }\n\n            @media(min-width: 1024px) {\n                font-size: 58px;\n                font-weight: 900;\n            }\n        }\n\n        p {\n            font-size: 10px;\n            margin-top: 4px;\n\n            @media(min-width: 768px) {\n                font-size: 14px;\n            }\n        }\n\n        button {\n            width: 94.8px;\n            height: 27.4px;\n            background-color: $faded-blue;\n            color: #fff;\n            border: none;\n            border-radius: $button-radius;            \n            text-transform: uppercase;\n            font-size: 10px;\n            font-weight: 900;\n\n            @media(min-width: 768px) {\n                font-size: 12px;\n                width: 121.5px;\n                height: 35.2px;\n            }\n\n            @media(min-width: 1024px) {\n                margin-top: 25px;\n            }\n        }\n    }\n\n    &__container{\n        position: relative;\n        width: 100%;\n        max-width: 400px;\n        height: 100%;\n        margin: 0 auto;\n\n        @media(min-width: 768px) {\n            max-width: 800px;\n        }\n\n        @media(min-width: 1024px) {\n            max-width: 1200px;\n            \n        }\n    }\n\n    img {\n        position: absolute;\n        width: auto;\n        height: 330.4px;\n        bottom: -109px;\n\n        @media(min-width: 768px) {\n            width: auto;\n            height: 579.6px;\n            bottom: -179px;\n\n        }\n\n        @media(min-width: 1024px) {\n            width: auto;\n            height: 679.6px;\n            bottom: 0;\n        }\n\n        &.left {\n            left: -7%;\n\n            @media(min-width: 768px){\n                left: 0;\n            }\n        }\n\n        &.right {\n            right: -2%;\n\n            @media(min-width: 768px){\n                right: 0;\n            }\n        }\n\n\n    }\n}","@import \"./../../variables.scss\";\n\n.carousel-card {\n    position: absolute;\n    width: 290px;\n    height: 520px;\n    left: 0;\n    right: 0;\n    top: 0;\n    margin: 0 auto;\n    color: $faded-blue;\n    margin-top: 65px;\n\n    @media(min-width: 768px) {\n        width: 457px;\n        height: 550px;\n        margin-top: 0px;\n    }\n\n    &__content {\n        position: absolute;\n        z-index: 2;\n        bottom: 65px;\n        height: 211px;\n        \n        @media(min-width: 768px) {\n            position: absolute;\n            width: 292px;\n            height: 275px;\n            top: 215px;\n            right: 26px;\n\n        }\n    }\n\n    .ctas a {\n        margin: 0 27px;\n    }\n\n    h3 {\n        display: block;\n        margin: 0;\n        padding: 0 27px;\n        text-align: left;\n        font-family: korolev-compressed, sans-serif;\n        font-size: 22px;\n        font-weight: 900;\n        color: #fff;\n        text-transform: uppercase;\n        cursor: pointer;\n\n        @media(min-width: 768px) {\n            font-size: 34px;\n            font-weight: 900;\n        }\n\n        img {\n            margin-bottom: 40px;\n        }\n    }\n\n\n\n    p {\n        padding: 0 27px;\n        text-align: left;\n        font-size: 14px;\n\n        a {\n            color: $faded-blue;\n            display: block;\n            margin-top: 20px;\n            cursor: pointer;\n        }\n    }\n\n\n    &__buttons {\n        position: absolute;\n        width: 100%;\n\n        @media(min-width: 768px) {\n            bottom: 0;\n        }\n\n        button {\n            width: 110.1px;\n            height: 35.2px;\n            margin: 0 8.5px;\n            background-color: $faded-blue;\n            color: #fff;\n            border: none;\n            border-radius: $button-radius;\n            font-family: 'Lato', sans-serif;\n            font-size: 12px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n    }\n\n    &__paper{\n        position: absolute;\n        background-color: #fff;\n        height: 360px;\n        width: 100%;\n        z-index: 1;\n        bottom: 0;\n        border-radius: $modal-radius;\n        box-shadow: 2px 4px 12px 0 rgba(0, 0, 5, 0.15);\n\n        @media(min-width: 768px) {\n            height: 380px;\n        }\n    }\n\n    .coming-soon {\n        position: absolute;\n        background-image: url(./../../assets/carousel/component-126-11.png);\n        width: 123px;\n        height: 112.3px;\n        z-index: 0;\n        bottom: 5px;\n        transition: bottom .5s ease-in-out;\n\n        @media(min-width: 768px) {\n            &.show {\n                bottom: -85px;\n            }\n        }\n\n    }\n\n    &__title {\n        z-index: -1;\n        width: 100%;\n        height: 127.2px;\n        border-radius: $modal-radius;\n        border-bottom-right-radius: 0px;\n        border-bottom-left-radius: 0px;\n        background-size: 200%;\n        background-position: center;\n\n        &.orange-juice {\n            background-image: url(./../../assets/carousel/orange-carousel-headline-box.png);\n        }\n\n        &.apple-juice {\n            background-image: url(./../../assets/carousel/apple-carousel-headline-box.png);\n        }\n\n        &.tropical-fruit-punch{\n            background-image: url(./../../assets/carousel/tfp-carousel-headline-box.png);\n        }\n        &.grapefruit-juice {\n            background-image: url(./../../assets/carousel/grapefruit-carousel-headline-box.png);\n        }\n    }\n\n}\n\n.carousel__slide--visible {\n    @media(min-width: 768px) {\n        .carousel-card img {\n            transform: rotate(-8deg);\n        }\n    }\n}\n\n.carousel__slide--hidden {\n    left: 20px;\n    right: 20px;\n}","@import \"./../../variables.scss\";\n\n.ctas {\n    position: absolute;\n    width: 100%;\n   \n    @media(min-width: 768px) {\n        bottom: -21px;\n    }\n\n    a {\n        display: block;\n        text-align: left;\n\n        button {\n            width: 110.1px;\n            height: 35.2px;\n            background-color: $faded-blue;\n            color: #fff;\n            border: none;\n            border-radius: $button-radius;\n            font-family: 'Lato', sans-serif;\n            font-size: 12px;\n            font-weight: 900;\n            text-transform: uppercase;\n            cursor: pointer;\n        }\n    }\n\n\n}","@import './../../variables.scss';\n\n.carousel-mod {\n    position: relative;\n    height: 768px;\n    background-position: center center;\n    background-size: cover;\n\n    .carousel {\n        z-index: 2;\n        overflow: visible;\n        .slide {\n            background-color: transparent;\n\n            &.selected {\n                @media(min-width: 768px) {\n                    img {\n                        transform: rotate(-8deg);\n                    }\n                }\n            }\n        }\n\n        img {\n            width: auto;\n            height: 312.6px;\n            margin: 0 auto;\n    \n            @media(min-width: 768px) {\n                width: auto;\n                height: 500px;\n                margin-left: -420px;\n                margin-top: 112px;            \n                // float: left;\n                transition: transform .5s ease-in-out;\n                transition-delay: .2s;\n            }\n        }\n\n        .control-dots {\n            bottom: -370px;\n            @media(min-width: 768px) {\n                bottom: -35px;\n            }\n\n\n            .dot {\n                width: 23px;\n                height: 23px;\n                background-image: url(./../../assets/carousel/carousel-outlined-circle.png);\n                background-repeat: no-repeat;\n                background-size: contain;\n                background-position: center;\n                box-shadow: none;\n                opacity: 1;\n\n                &.selected {\n                    background-image: url(./../../assets/carousel/carousel-full-circle.png);\n                }\n            }\n        }\n    }\n\n    &__lemon {\n        width: 158.4px;\n        height: auto;\n        margin-top: -53px;\n\n        @media(min-width: 768px) {\n            width: 252.8px;\n            margin-top: -85px;\n\n        }\n\n        @media(min-width: 1024px) {\n            width: 235.2px;\n            margin-top: -80px;\n        }\n    }\n\n    #prevProd, #nextProd {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        width: 110.9px;\n        height: 312.6px;\n        margin-top: 60px;\n        \n\n        @media(min-width: 768px) {\n            width: auto;\n            height: 500px;\n            margin-top: 112px;\n        }\n    }\n\n    #prevProd {\n        left: -180px;\n        opacity: 1;\n        transition: left .5s ease-in-out;\n        animation: pick-me 10s infinite;\n\n        &.hide{\n            opacity: 0;\n            left: -2000px\n        }\n    }\n\n    #nextProd {\n        right: -160px;\n        opacity: 1;\n        transition: right .5s ease-in-out;\n        animation: pick-me-2 10s infinite;\n\n        &.hide{\n            opacity: 0;\n            right: -2000px\n        }\n    }\n\n    .carousel.carousel-slider .control-arrow{\n        position: absolute;\n        display: inline-block;\n        border: none;\n        width: 40px;\n        height: 40px;\n        font-size: 0;\n        margin: 0 auto;\n        left: 0;\n        right: 0;\n        z-index: 3;\n        background-color: transparent;\n        background-repeat: no-repeat;\n        background-size: contain;\n        background-position: center center;\n        margin-top: 110px;\n        opacity: unset;\n\n        ::before {\n            display: none;\n        }\n\n        @media(min-width: 768px){\n            width: 35px;\n            height: 59.6px;\n            margin-top: 330px;\n        }\n\n        &.control-prev {\n            background-image: url(./../../assets/carousel/left-arrow.svg);\n            left: -190px;\n\n            @media(min-width: 768px){\n                left: -650px;\n            }\n\n            &:disabled {\n                opacity: .3;\n            }\n        }\n\n        &.control-next {\n            background-image: url(./../../assets/carousel/right-arrow.svg);\n            left: 190px;\n\n            @media(min-width: 768px){\n                left: 560px;\n            }\n\n            &:disabled {\n                opacity: .5;\n            }\n        }\n\n    }\n}\n\n.carousel__slide--visible {\n    @media(min-width: 768px) {\n        img {\n            transform: rotate(-8deg);\n        }\n    }\n}\n\n@keyframes pick-me {\n    0% {transform: rotate(0deg)}\n    5% {transform: rotate(5deg)}\n    6% {transform: rotate(-5deg)}\n    7% {transform: rotate(2deg)}\n    9% {transform: rotate(-2deg)}\n    10% {transform: rotate(0deg)}\n    100% {transform: rotate(0deg)}\n}\n\n@keyframes pick-me-2 {\n    0% {transform: rotate(0deg)}\n    5% {transform: rotate(-5deg)}\n    6% {transform: rotate(5deg)}\n    7% {transform: rotate(-2deg)}\n    9% {transform: rotate(2deg)}\n    10% {transform: rotate(0deg)}\n    100% {transform: rotate(0deg)}\n}","@import \"./../../variables.scss\";\n\n.site-swap-mod {\n    position: relative;\n    width: 100%;\n    height: 150px;\n    background-image: url(./../../assets/dole-lemonade-products-master-desktop.png), url(./../../assets/modules/r-lemon-tree.png), url(./../../assets/modules/dole-lemonade-bg-tablet.png);\n    background-repeat: no-repeat;\n    background-size: 217px, 75px, cover;\n    background-position: calc(50% + 80px) 50%, right top, center;\n\n    @media(min-width: 768px) {\n        background-image: url(./../../assets/dole-lemonade-products-master-desktop@2x.png), url(./../../assets/modules/r-lemon-tree@2x.png), url(./../../assets/modules/dole-lemonade-bg-tablet@2x.png);\n        height: 340px;\n        background-size: 508px, 172px, cover;\n        background-position: right center, right top, center;\n    }\n\n    @media(min-width: 1024px) {\n        background-image: url(./../../assets/dole-lemonade-products-master-desktop@3x.png), url(./../../assets/modules/r-lemon-tree@3x.png), url(./../../assets/modules/dole-lemonade-bg-tablet@3x.png);\n        background-size: 782px, 267px, cover;\n        background-position: right center, right top, center;\n        height: 483px\n    }\n\n    &__text {\n        position: absolute;\n        margin: 0 auto;\n        margin-top: 13px;\n        left: -57%;\n        right: 0;\n        font-style: normal;\n        font-family: reklame-script, sans-serif;\n        width: 105px;\n        box-sizing: border-box;\n\n        @media(min-width: 768px) {\n            width: 238px;\n            margin-top: 51px;\n        }\n\n        @media(min-width: 1024px) {\n            margin-top: 130px;\n        }\n\n        @media(min-width: 1500px) {\n            width: 395px;\n            margin-top: 92px;\n        }\n    }\n\n    h3 {\n        color: $lemon-green;\n        margin: 0;\n        font-size: 0px;\n        font-weight: 500;\n        line-height: 1.09;\n\n    }\n\n    img {\n        width: 100%\n    }\n\n    button {\n        width: 105.9px;\n        height: 21.1px;\n        margin: 0 auto;\n        margin-top: 45px;\n        color: $lemon-green;\n        border: none;\n        font-size: 8px;\n        font-weight: 900;\n        background-color: $lemon-yellow-bright;\n        text-transform: uppercase;\n        cursor: pointer;\n\n        @media(min-width: 768px) {\n            width: 174.5px;\n            height: 35.2px;\n            margin-top: 77px;\n            font-size: 12px;\n            border-radius: $button-radius;\n        }\n\n        @media(min-width: 1024px) {\n            width: 225.6px;\n            height: 46.3px;\n            font-size: 16px;\n        }\n\n        // @media(min-width: 1500px) {\n        //     // width: 100%;\n        //     height: 60px;\n        //     font-size: 22px;\n        //     margin-top: 31px;\n        // }\n    }\n}","@import \"./../../variables.scss\";\n\n.product-details-mod {\n    position: relative;\n    // z-index: -4;\n    height: 723px;\n\n    @media(min-width: 768px) {\n        height: 1023px\n    }\n\n    @media(min-width: 1024px) {\n        height: 858px\n    }\n\n    &__clouds {\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        margin: 0 auto;\n        background-image: url(./../../assets/products/juice-fruit-product-l-mobile@3x.png), url(./../../assets/products/juice-fruit-product-r-mobile@3x.png);\n        background-repeat: no-repeat;\n        background-size: 507px auto, 417px auto;\n        background-position: left -128px top -41px, right -87px top 131px;\n        width: 100%;\n        height: 100%;\n        // z-index: -2;\n\n        @media(min-width: 425px) {\n            background-size: 506px auto, 513px auto;\n            background-position: left -128px top -50px, right -100px top;\n        }\n\n        @media(min-width: 768px) {\n            background-image: url(./../../assets/products/juice-fruit-product-l-tablet@3x.png), url(./../../assets/products/juice-fruit-product-r-tablet@3x.png);\n            background-size: 686.4px auto, 680px auto;\n            background-position: left -146px top -62px, right -112px top 73px;\n\n        }\n\n        @media(min-width: 1024px) {\n            background-image: url(./../../assets/products/juice-fruit-product-l-desktop@3x.png), url(./../../assets/products/juice-fruit-product-r-desktop@3x.png);\n            background-size: 889.8px auto, 869px auto;\n            background-position: left -179px top -50px, right -94px top;\n        }\n        \n    }\n\n    &__container {\n        position: absolute;\n        display: flex;\n        width: 352px;\n        height: 340px;\n        left: 0;\n        right: 0;\n        margin: 0 auto;\n        margin-top: 154px;\n        text-align: left;\n\n        @media(max-width: 350px) {\n            width: 285px;\n        }\n\n        @media(min-width: 768px) {\n            height: 537px;\n            width: 603px;\n            left: 124px;\n        }\n\n        @media(min-width: 1024px) {\n            margin-top: 84px;\n            left: 140px;\n\n        }\n\n        @media(min-width: 1366px) {\n            left: 0;\n            height: 630px;\n\n        }\n    }\n\n\n    &__content {\n        position: relative;\n        width: 187px;\n        margin: 0 24px ;\n\n        @media(max-width: 350px) {\n            margin: 0 16px ;\n        }\n\n        @media(min-width: 768px) {\n            width: 340px;\n            height: 340px;\n            margin: auto;\n        }\n    }\n\n    &__container > img {\n        height: 100%;\n        width: auto;\n        margin-top: 0px;\n        margin-right: -40px;\n        margin-left: -40px;\n\n        @media(min-width: 768PX) {\n            height: 84%;\n            width: auto;\n            margin-top: 83px;\n            margin-right: -82px;\n            margin-left: -56px;\n        }\n\n    }\n\n    .ctas button {\n        margin-left: 0;\n        cursor: pointer;\n\n        @media(max-width: 767px) {\n            width: 80.5px;\n            height: 27.5px;\n            margin-right: 10px;\n        }\n\n        @media(max-width: 350px) {\n            width: 60px;\n        }\n\n        @media(min-width: 768px) {\n            margin-right: 20px;\n        }\n    }\n\n    .product-details-mod__button-group {\n        display: flex;\n        margin-top: 25px;\n\n        button {\n            padding: 3px 7px;\n            border: 2px solid $faded-blue;\n            color: $faded-blue;\n            font-size: 14px;\n            font-weight: 900;\n            border-radius: $button-radius;\n            background-color: transparent;\n            margin: 0 3px;\n            cursor: pointer;\n\n            @media(min-width: 768px) {\n                padding: 6px 14px;\n            }\n\n            &:first-of-type{\n                margin-left: 0;\n            }\n\n            &.active {\n                color: #fff;\n                background-color: $faded-blue;\n            }\n\n        }\n    }\n\n    h3 {\n        display: block;\n        margin: 0;\n        font-family: korolev-compressed, sans-serif;\n        color: $rouge;\n        font-size: 35px;\n        font-weight: 900;\n        line-height: 1;\n        text-transform: uppercase;\n\n        &.orange-juice {\n            color: #ee6412\n        }\n\n        &.apple-juice {\n            color:#005c48;\n        }\n\n        &.tropical-fruit-punch{\n\n        }\n\n        &.grapefruit-juice{\n            color: #ee5755;\n        }\n\n        @media(min-width: 768px) {\n            font-size: 58px;\n        }\n    }\n\n    p {\n        width: 100%;\n        height: 120px;\n        margin: 24px 0;\n        font-size: 12px;\n        color: $faded-blue;\n\n        @media(max-width: 350px) {\n            font-size: 11px;\n        }\n\n        @media(min-width: 768px) {\n            font-size: 18px;\n        }\n    }\n}","@import './../../variables.scss';\n\n.mixology-card {\n    position: relative;\n    width: 92%;\n    max-width: 371px;\n    height: 138px;\n    margin: 12.5px auto;\n    border-radius: $modal-radius;\n    box-shadow: $modal-shadow;\n    overflow: hidden;\n    cursor: pointer;\n\n    @media(min-width: 768px) {\n        width: 295px;\n        height: 225px;\n        margin: 10px 10px;\n    }\n\n    &__image {\n        width: 157px;\n        height: 100%;\n\n         img {\n             width: auto;\n             height: 100%;\n         }\n    }\n\n    &__content {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: 218px;\n        text-align: left;\n        background-color: $faded-blue;\n        padding: 13px 36px;\n        box-sizing: border-box;\n\n        @media(min-width: 768px) {\n            top: unset;\n            right: unset;\n            bottom: 0;\n            width: 100%;\n            padding: 8px 18px 18px;\n        }\n\n        h3 {\n            display: block;\n            width: 133px;\n            font-family: korolev-compressed, sans-serif;\n            color: #fff;\n            font-size: 18px;\n            font-weight: 900;\n            margin: 0;\n            line-height: 1.11;\n\n            @media(min-width: 768px) {\n                width: 171px;\n            }\n        }\n    \n        p {\n            font-size: 12px;\n            color: #fff;\n            margin: 0;\n            margin-top: 5.5px;\n        }\n    }\n\n}","@import \"./../../variables.scss\";\n\n.mixology-page {\n    background-repeat: no-repeat;\n    background-size: cover;\n    box-sizing: border-box;\n    background-color: #fff;\n\n    &__header {\n        position: relative;\n        height: 293px;\n        background-image: url(./../../assets/recipes/mask-group-517.png), url(./../../assets/recipes/droplet-set-orange.png), url(./../../assets/recipes/apple-cut.png), url(./../../assets/high-level/dole-juice-bg.png);\n        background-repeat: no-repeat;\n        background-size: auto 65% , 230px, 250px, cover;\n        background-position: bottom center, left -90px top 80px, right -75px center, top center;\n        background-attachment: local, local, local, fixed;\n\n        @media(min-width: 768px) {\n            background-image: url(./../../assets/recipes/mask-group-517.png), url(./../../assets/recipes/droplet-set-orange.png), url(./../../assets/recipes/group-608.png), url(./../../assets/high-level/dole-juice-bg.png);\n            background-size: auto 65% , 330px, 350px, cover;\n            background-position: bottom center, left -140px top 160px, right -100px top 60px, top center;\n            height: 459px;\n        }\n\n        @media(min-width: 1024px) {\n            background-image: url(./../../assets/recipes/mask-group-517.png), url(./../../assets/recipes/group-598.png), url(./../../assets/recipes/group-599.png), url(./../../assets/high-level/dole-juice-bg.png);\n            background-size: auto 65% , 570px, 590px, cover;\n            background-position: bottom center, left -140px top 160px, right -100px top -70px, top center;\n            height: 479px;\n        }\n\n        img {\n            position: absolute;\n            width: 70px;\n            left: 0;\n            right: 0;\n            height: auto;\n            margin: 0 auto;\n\n            @media(min-width: 768px) {\n                width: 100px;\n            }\n    \n            @media(min-width: 1024px) {\n                width: 150px;\n            }\n\n        }\n        \n    }\n\n    &__title {\n        position: absolute;\n        left: 0;\n        right: 0;\n        margin: 26px auto 0;\n\n        h2 {\n            margin: 0;\n            font-family: korolev-compressed, sans-serif;\n            font-size: 58px;\n            font-weight: 900;\n            color: $faded-blue;\n            text-transform: uppercase;\n\n            @media(min-width: 768px) {\n                font-size: 50px;\n            }\n\n            @media(min-width: 1024px) {\n                font-size: 65px;\n            }\n        }\n    }\n\n    &__cards {\n        display: flex;\n        flex-direction: column;\n        flex-wrap: wrap;\n        width: 100%;\n        margin: 0 auto;\n        margin-top: 47px;\n        padding-bottom: 47px;\n\n\n        @media(min-width: 768px) {\n            flex-direction: row;\n            justify-content: center;\n            max-width: 641px;\n        }\n\n        @media(min-width: 1024px) {\n            flex-direction: row;\n            justify-content: start;\n            max-width: 956px;\n        }\n\n        @media(min-width: 1345px) {\n            max-width: 1345px;\n            // height: 706px;\n        }\n    }\n\n    button {\n        margin: 46px 0 52px;\n        background-color: $faded-blue;\n        color:#fff;\n        font-size: 12px;\n        font-weight: 900;\n        padding: 10px 30px;\n        border: 0;\n        border-radius: $button-radius;\n\n    }\n\n    &__filter {\n        background-color: #fff;\n        color: $faded-blue;\n        box-shadow: $modal-shadow;\n\n        button {\n            width: 100%;\n            height: 50px;\n            border-radius: 0;\n            background-color: #fff;\n            color: $faded-blue;\n            display: block;\n            margin: 0;\n            text-transform: uppercase;\n            text-align: left;\n            z-index: -2;\n        }\n\n        ul {\n            display: block;\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            text-transform: capitalize;\n            font-size: 18px;\n            max-height: 0px;\n            overflow: hidden;\n            transition: max-height .5s ease-out;\n            -moz-transition: max-height .5s ease-out; /* Firefox 4 */\n            -webkit-transition: max-height .5s ease-out; /* Safari and Chrome */\n            -o-transition: max-height .5s ease-out; /* Opera */\n            -ms-transition: max-height .5s ease-out; /* Explorer 10 */\n\n            &.open {\n                max-height: 400px;\n            }\n\n            li {\n                display: block;\n                padding: 12px 0;\n                width: 100%;\n                cursor: pointer;\n\n                button {\n                    padding: 0;\n                    margin: 0;\n                    height: unset;\n                    font-size: 18px;\n                    font-weight: 300;\n                    text-align: center;\n                    text-transform: capitalize;\n                }\n\n                ul {\n                    display: block;\n                    padding: 0;\n                    margin: 0;\n                    margin-top: 26px;\n                    text-transform: uppercase;\n                    font-size: 12px;\n                }\n            }\n        }\n    }\n}","@import './../../variables.scss';\n\n.recipe-page {\n\n    &__image {\n        width: 100%;\n        height: 100%;\n        max-height: 305px;\n        overflow: hidden;\n\n        @media(min-width: 1024px){\n            display: none;\n        }\n\n        img {\n            height: auto;\n            width: 100%;\n            margin: 0;\n            text-align: center;\n        }\n    }\n\n    &__time {\n        width: 100%;\n        margin: 0;\n        padding: 6px 16px;\n        background-color: $faded-blue;\n        color: #fff;\n        font-size: 12px;\n        text-align: left;\n\n        @media(min-width: 1024px){\n            display: none;\n        }\n\n    }\n\n    &__container {\n        width: 100%;\n        min-height: calc(100vh - #{$footer-height});\n        padding: 41px 0 31px;\n        background-image: url(./../../assets/recipes/component-82-2.png);\n        background-attachment: fixed;\n        background-repeat: no-repeat;\n        background-size: cover;\n        background-position: center center;\n    }\n\n    .recipe-card {\n        position: relative;\n        display: flex;\n        width: 330px;\n        height: 602px;\n        padding: 21px 31px;\n        margin: 0 auto;\n        background-color: $faded-blue;\n        border-radius: $modal-radius;\n        box-shadow: $modal-shadow;\n        text-align: left;\n        box-sizing: border-box;\n\n        @media(min-width: 768px) {\n            width: 607.5px;\n            height: 529px;\n        }\n\n        @media(min-width: 1024px) {\n            width: 980px;\n            height: 600px;\n            padding: 61px;\n            margin-top: 207px;\n        }\n\n        h1, h2 {\n            color: #fff;\n        }\n\n        h1 {\n            margin: 0;\n            font-family: korolev-compressed, sans-serif;\n            font-size: 35px;\n            font-weight: 900;\n            line-height: 1.14;\n\n            @media(min-width: 768px) {\n                font-size: 50px;\n            }\n        }\n\n        h2 {\n            font-size: 20px;\n            font-weight: bold;\n        }\n\n        ul, ol {\n            padding: 0 17px;\n            color: #fff;\n            font-size: 12px;\n            line-height: 1.67;\n        }\n\n        &__content {\n            flex-grow: 1;\n        }\n\n        &__photo{\n            display: none;\n            flex-grow: 1; \n            width: 100%;\n\n            img {\n                width: 100%;\n                height: auto;\n            }\n\n            @media(min-width: 1024px) {\n                display: block;\n                max-width: 438px;\n                height: 438px;\n                margin-left: 50px;\n                overflow: hidden;\n            }\n\n            .recipe-card__time {\n                width: 100%;\n                margin: 0;\n                padding: 6px 16px;\n                background-color: #fff;\n                color: $faded-blue;\n            }\n        }\n    }\n\n    &__lemon {\n        position: absolute;\n        width: 65%;\n        height: auto;\n        bottom: -84px;\n\n        @media(min-width: 768px) {\n            width: unset;\n            right: -69px;\n        }\n    }\n\n    button {\n        margin-top: 90px;\n        padding: 9px 43px;\n        background-color: $faded-blue;\n        color: #fff;\n        font-size: 12px;\n        font-weight: 900;\n        border: 0;\n        border-radius: $button-radius;\n      \n    }\n}"]}