/*!
Title: A Hugo Site by Studio Blueboat
Author: Studio Blueboat
Author URI: https://blueboat.com.au


shopified by: Jonas 
use this to convert the sass to css -> $ sass --watch yc-sustainability-page.scss yc-sustainability-page.css 

*/*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.position-relative{position:relative}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}@media (max-width: 750px){.small-justify-content-between{justify-content:space-between}}.justify-content-center{justify-content:center}@media (max-width: 750px){.small-justify-content-center{justify-content:space-between}}.flex-wrap{flex-wrap:wrap}.flex-flow-column{flex-flow:column}@media (max-width: 750px){.portrait-inline{display:inline!important}}@media (max-width: 750px){.portrait-inline-block{display:inline-block!important}}.menu-spacer{margin-top:-76px;display:block!important}body{overflow-x:hidden}body.no-scroll,.site-wrapper{overflow:hidden}.yc-sustainability-page .page-width{width:100%}.full-height{min-height:100vh}.almost-full-height{min-height:80vh}.full-height-with-fill-animation{min-height:calc(100vh + 11.4vw)}@media (min-height: 750px){.full-height-with-fill-animation{padding-bottom:22.8vw}}.full-height-with-fill-animation .row{height:100vh;min-height:850px}.yc-sustainability-page h4{font-size:18px}.some-height{min-height:60vh}.full-height-section .row{min-height:100vh}.section-padding .row{padding-top:80px;padding-bottom:80px}.no-x-overflow{overflow-x:hidden}.bg-blue{background-color:#4009ff}.bg-green{background-color:#74cfa3}.bg-aqua{background-color:#beede3}.bg-peach{background-color:#ffe1dc}.bg-landfill{position:absolute;left:0;top:0;height:100%;width:100%;overflow:hidden}.bg-landfill img{position:absolute;height:100%;width:100%;object-fit:cover;object-position:fixed}.bg-sunset{position:absolute;left:0;top:0;height:100%;width:100%;overflow:hidden}.bg-sunset img{position:absolute;height:calc(100% + 200px);width:100%;top:-100px;object-fit:cover;object-position:fixed}.txt-white{color:#fff}.max-6{max-width:630px}.max-4{max-width:520px}.max-3{max-width:320px}.underline div{display:inline;text-decoration:underline}.underline div--thick{text-decoration-thickness:5px;text-underline-offset:12px;position:relative}@media (min-width: 750px){.columns{display:flex;flex-wrap:wrap}.columns .column-25{flex:1;max-width:25%;min-width:25%}.columns .column-33{flex:1;max-width:33.33%;min-width:33.33%}.columns .column-40{flex:1;max-width:40%;min-width:40%}.columns .column-50{flex:1;max-width:50%;min-width:50%}.columns .column-60{flex:1;max-width:60%;min-width:60%}.columns .column-66{flex:1;max-width:66.66%}.columns .column-75{flex:1;max-width:75%}}@media (min-width: 750px) and (max-width: 900px){.columns .column-md-50{max-width:50%;min-width:50%}}@media (min-width: 750px) and (max-width: 900px){.columns .column-md-100{max-width:100%;min-width:100%}}h1,h2,h3,h4{max-width:700px}p{max-width:500px}.white-text,.white-text *{color:#fff}h1,.h1{margin-bottom:20px}.circle-btn{height:186px;width:186px;display:flex;flex-flow:column;justify-content:center;align-items:center;text-align:center;font-size:24px;font-weight:700;line-height:115%;text-transform:uppercase;padding:25px 25px 35px;border:1px solid #000;border-radius:50%;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transition:background .25s ease,color .25s ease}.circle-btn:after{display:block;content:"+";margin-bottom:-20px}.circle-btn__inner{position:absolute;width:100%;height:100%;border-radius:50%;top:0;left:0;padding:25px;background:#000;color:#fff!important;font-size:13px;font-weight:700;line-height:120%;text-transform:initial;text-align:center;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.circle-btn:hover .circle-btn__inner{opacity:1;visibility:visible}@media (max-width: 750px){.circle-btn{font-size:18px}}@media screen and (max-width: 800px){.circle-btn{margin:10px 5px}}@media (max-width: 750px){.circle-btn{font-size:18px;height:140px;width:140px}.circle-btn__inner{font-size:12px;padding:20px}}.sustainable-circles{position:relative;z-index:4}.sustainable-circles .container{position:relative;z-index:2}.sustainable-circles .columns{padding-top:40px;padding-bottom:40px}@media (max-width: 749px){.sustainable-circles .columns{padding:20px}.sustainable-circles .columns h2{font-size:25px}}@media (min-width: 750px){.sustainable-circles .columns .mobile-only{display:none}}.sustainable-circles .columns .desktop-only{display:none}@media (min-width: 750px){.sustainable-circles .columns .desktop-only{display:block}}@media (max-width: 749px){.sustainable-circles .columns.second-row{padding:0}}@media (max-width: 749px){.sustainable-circles .columns.third-row{padding-top:0}}@media (max-width: 750px){.sustainable-circles .small-flex{display:flex}}.sustainable-circles .small-flex__wrap{flex-wrap:wrap;justify-content:center}.sustainable-circles h2{margin:0}@media (max-width: 900px){.sustainable-circles h2{font-size:36px}}@media (min-width: 750px){.sustainable-circles .circle-btn__add-padding{margin-top:30px}}.sustainable-circles .circle-btn:hover .circle-btn__inner a{color:inherit}.sustainable-circles h2{max-width:600px}.split-line{overflow:hidden}.img-timeline{position:relative;overflow:hidden}.img-timeline__mask{z-index:5;position:relative}.img-timeline__mask__svg{pointer-events:none;position:absolute;width:102%;bottom:calc(100% - 1px);left:-1%}.img-timeline__mask__svg #initial{visibility:hidden}.img-timeline__mask__svg svg{width:100%}.img-timeline section:first-of-type{display:none}.img-timeline section:first-of-type .row{padding-top:0;padding-bottom:100px;align-items:center}.img-timeline section:first-of-type .row h1{margin-top:0}@media (max-width: 750px){.img-timeline section:first-of-type .row{padding-top:40px;padding-bottom:40px}}.img-timeline .button{margin-top:30px}.img-timeline__bg{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.img-timeline__bg img{pointer-events:none;height:800px;width:800px;top:0;left:0;object-fit:contain}@media (max-width: 750px){.img-timeline__bg--blue img{height:500px;width:500px}}.img-timeline__bg--green{overflow:hidden}.img-timeline__bg--green img{pointer-events:none;height:100%;width:100%;top:0;left:0;object-fit:contain;object-position:right bottom}.img-timeline__bg--aqua{overflow:hidden}.img-timeline__bg--aqua img{pointer-events:none;height:100%;width:100%;top:0;left:0;object-fit:contain;object-position:right bottom}.img-timeline .row{position:relative;z-index:2}.fill-animation{position:relative;border:0px solid #f00;width:100%;font-size:0;overflow-x:hidden;margin-bottom:-2px;color:#beede3}.fill-animation img,.fill-animation svg{width:600%}.fill-animation__reverse{transform:scaleX(-1);z-index:8}.fill-animation__inner{width:600%;position:relative}.fill-animation__inner:before{padding-bottom:1.912%;content:"";display:block}.fill-animation__inner svg{height:100%;width:100%;position:absolute;top:0;left:0}.earth-circles .row{padding-bottom:300px}@media (max-width: 900px){.earth-circles .row{display:block!important}}.earth-circles .circle-wrapper{position:relative;width:calc(100vw + -0px);display:flex;flex-flow:column;justify-content:center;max-width:1200px;margin:auto;flex:1}.earth-circles h2,.earth-circles h4{max-width:380px}.earth-circles p{max-width:300px}@media (min-width: 990px){.earth-circles .circle-wrapper{width:calc(100vw - 100px);position:absolute;height:100%;left:50%;transform:translate(-50%);display:block}}.earth-circles .circle-btn{position:relative;margin:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (min-width: 990px){.earth-circles .circle-btn{position:absolute}}@media (max-width: 750px){.earth-circles .circle-btn{background-color:#fff6}}@media (min-width: 990px){.earth-circles #earthCircle1{left:10%;bottom:20px}}@media (min-width: 990px){.earth-circles #earthCircle2{left:46%;bottom:7.5%}}@media (min-width: 990px){.earth-circles #earthCircle3{left:55%;top:120px}}@media (min-width: 990px){.earth-circles #earthCircle4{left:calc(50% + 15px);bottom:calc(50% - 100px)}}@media (min-width: 990px){.earth-circles #earthCircle5{right:0;top:calc(12% + 120px)}}@media (min-width: 990px){.earth-circles #earthCircle6{right:0%;bottom:16%}}.eucalyptus-outer-wrapper{overflow:hidden;margin-top:calc(-11.4vw + 1px)}.eucalyptus-section__text-container{position:relative;z-index:22}.eucalyptus{position:absolute;z-index:20;bottom:-100px;right:0;width:430px;font-size:0;margin-top:-100%}@media (max-width: 750px){.eucalyptus{width:350px}}.eucalyptus img{width:150%}@media (min-width: 750px){.eucalyptus{right:8.33%}}@media (max-width: 750px){.eucalyptus{opacity:.4}}.pouch-section{position:relative;display:flex;align-items:center;justify-content:center;overflow-x:hidden;background:#b0d4ba;z-index:25}@media (max-width: 900px){.pouch-section{background:#f1efee;background:#b0d4ba}}.pouch-section__content{position:relative}@media screen and (min-width: 900px){.pouch-section__content{margin-top:120px}}@media screen and (max-width: 900px){.pouch-section__content{position:initial;overflow:hidden}}.pouch-section__landscape-image{display:none;pointer-events:none;height:auto;width:750px}@media (min-width: 900px){.pouch-section__landscape-image{display:block}}@media screen and (max-width: 1300px){.pouch-section__landscape-image{width:500px;margin-right:125px}}.pouch-section__portrait-image{order:4;width:calc(100% + 30px);margin:-10vw -15px -4vw;height:auto}@media (min-width: 900px){.pouch-section__portrait-image{display:none}}@media (max-width: 899px){.pouch-content{margin:20px 0}}@media (min-width: 900px){.pouch-content{position:absolute;display:flex}}.pouch-content__wrapper{display:flex;flex-flow:column}@media (min-width: 900px){.pouch-content__wrapper{position:absolute;flex-wrap:nowrap;width:100%;height:100%;top:0;left:0}}.pouch-content__text{margin:0 12px}@media (min-width: 990px){.pouch-content__text{font-size:14px;width:230px}}.pouch-content__svg{position:relative;display:flex;align-items:flex-end}@media screen and (max-width: 900px){.pouch-content__svg{display:none}}@media screen and (max-width: 1023px){.pouch-content__svg svg{width:90px;opacity:0}}.pouch-content__svg:after{content:"";position:absolute;height:20px;width:20px;background:#000;border-radius:50%;border:2px solid #000}.pouch-content:nth-of-type(1){left:72%;top:-2%}.pouch-content:nth-of-type(1) .pouch-content__svg{top:10px}.pouch-content:nth-of-type(1) .pouch-content__svg:after{bottom:-10px;left:-10px}.pouch-content:nth-of-type(2){top:8%;right:65%}.pouch-content:nth-of-type(2) .pouch-content__svg{margin-top:15px}.pouch-content:nth-of-type(2) .pouch-content__svg:after{bottom:-10px;right:-10px}.pouch-content:nth-of-type(3){left:63%;top:28%}.pouch-content:nth-of-type(3) .pouch-content__text{margin-top:25px}.pouch-content:nth-of-type(3) .pouch-content__svg{align-items:flex-start}.pouch-content:nth-of-type(3) .pouch-content__svg:after{top:-10px;left:-10px}.pouch-content:nth-of-type(4){right:60%;top:47%}.pouch-content:nth-of-type(4) .pouch-content__svg{margin-top:15px}.pouch-content:nth-of-type(4) .pouch-content__svg:after{bottom:-10px;right:-10px}@media (max-width: 750px){.pouch-content:nth-of-type(4) p{margin-bottom:0!important}}.pouch-content:nth-of-type(5){left:64%;top:65%}.pouch-content:nth-of-type(5) .pouch-content__text{margin-top:25px}.pouch-content:nth-of-type(5) .pouch-content__svg{align-items:flex-start}.pouch-content:nth-of-type(5) .pouch-content__svg:after{top:-10px;left:-10px}.pouch-content:nth-of-type(6){right:48%;top:61%;align-items:flex-end}.pouch-content:nth-of-type(6) .pouch-content__svg{margin-bottom:15px}.pouch-content:nth-of-type(6) .pouch-content__svg:after{top:-10px;right:-10px}@media screen and (max-width: 900px){.pouch-content{position:relative;top:initial!important;left:initial!important;right:initial!important;width:100%;max-width:320px}.pouch-content__wrapper{flex-direction:column;padding:50px}.pouch-content__text{width:100%!important;margin:1rem!important}.pouch-content:nth-of-type(1){order:2}.pouch-content:nth-of-type(2){order:1}.pouch-content:nth-of-type(3){order:3}.pouch-content:nth-of-type(4){order:4}.pouch-content:nth-of-type(5){order:5}.pouch-content:nth-of-type(6){margin-top:auto;order:6}}@media (max-width: 750px){.pouch-content__wrapper{padding:15px}}.earth-section__foreground{z-index:5;position:relative}.earth-section__background{z-index:3;position:relative}.earth-section__background img{width:100%;height:auto}.breakout-text{display:block}.breakout-text svg{overflow:visible;height:auto;width:100%;margin:1.2rem 0}@media (max-width: 750px){.breakout-text svg{margin:.6rem 0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/yc-sustainability-page.css.map */