.lunar-calendar-section .parallax{position:relative;overflow-x:hidden}.lunar-calendar-section .parallax__layer{position:absolute;top:0;left:0;right:0;bottom:0}.lunar-calendar-section .parallax__layer--base{position:relative;z-index:2}.lunar-calendar-section .parallax__layer--back{z-index:1}.lunar-calendar-section .content{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding:20px;box-sizing:border-box;transition:all .5s ease-out}.lunar-calendar-section .title-section{text-align:center;padding-top:20vh;position:relative}.lunar-calendar-section .month-section h2{text-align:left;padding:20px;width:100%}.lunar-calendar-section h1{font-size:7em;margin-bottom:10px;color:#fff;line-height:.8em}.lunar-calendar-section h1 span.first_lunar{font-size:1.4em}.lunar-calendar-section h1 span.second_lunar{opacity:.7}.lunar-calendar-section .description{font-size:1.2em;max-width:800px;margin:0 auto;padding:20px;border-radius:10px;position:relative;text-align:center;color:#fff}.lunar-calendar-section .scroll-icon{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);animation:bounce 3.5s infinite;color:#fff}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(-10px) translate(-50%)}60%{transform:translateY(0) translate(-50%)}}.lunar-calendar-section .moon{position:fixed;width:100vw;height:100vw;bottom:-50vw;left:50%;transform:translateY(-10) translate(-50%);transition:all .5s ease-out;background-image:url(MOON.png);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1}.lunar-calendar-section .sticky-menu{position:sticky;top:0;padding:10px 0;display:flex;justify-content:center;flex-wrap:wrap;z-index:0;transition:all .3s ease;opacity:0}.lunar-calendar-section .sticky-menu.fixed{position:fixed;top:140px;left:0;right:0}.lunar-calendar-section .sticky-menu button{background-color:#83a697;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:5px;transition:all .3s ease;position:relative;overflow:hidden;width:auto}.lunar-calendar-section .sticky-menu button:hover,.lunar-calendar-section .sticky-menu button.active{padding-left:40px;background:#6e9786;width:auto}.lunar-calendar-section .sticky-menu button:before{content:"\1f319";position:absolute;left:-30px;top:50%;transform:translateY(-50%);opacity:0;transition:all .3s ease}.lunar-calendar-section .sticky-menu button:hover:before,.lunar-calendar-section .sticky-menu button.active:before{left:10px;opacity:1}.lunar-calendar-section .month-section{padding:10px 20px;margin-top:0}.lunar-calendar-section .month-description{font-size:1.1em;margin-bottom:20px;text-align:left;max-width:100%;margin-left:auto;margin-right:auto;padding:20px;border-radius:10px}.lunar-calendar-section .cards-container{display:flex;flex-wrap:wrap;justify-content:left;padding:20px}.lunar-calendar-section .card{background-color:#fff;border-radius:10px;border:1px solid var(--color-border, #dadce0);margin:10px;padding:35px;width:calc(25% - 35px);text-align:center}.lunar-calendar-section .card .emoji{font-size:5em;margin-bottom:10px}.lunar-calendar-section .card p span{background:#83a697;border-radius:5px;padding:5px 25px;color:#fff}.lunar-calendar-section .calendar-sections{font-family:Arial,sans-serif;position:relative;overflow:hidden;z-index:0;width:70%;margin-left:auto;transition:all .5s ease-out;z-index:-2}.lunar-calendar-section{font-family:Arial,sans-serif;position:relative;overflow:hidden;z-index:0}#scrolling-text-sections--20278886302044__73445497-243b-40df-ac3d-d13a67f0344b .scrolling-text--inner{background:#fff}#shopify-section-sections--20278886302044__72be549a-16e9-4dbc-b6de-df6cbd50139f,#shopify-section-sections--20278886302044__footer{position:relative}@media (min-width: 768px){.fixed:after{content:"";height:150px;background:linear-gradient(180deg,#ffffff 50%,transparent 100%);width:70%;margin-left:auto;display:block;top:-20px;position:absolute;z-index:-1;right:0}.lunar-calendar-section .moon{filter:brightness(.5)}}@media (max-width: 768px){.lunar-calendar-section h1,.lunar-calendar-section .description{color:#333}.lunar-calendar-section .title-section{padding-top:10vh}.lunar-calendar-section h1{font-size:2em}.lunar-calendar-section .description{font-size:1em;padding:10px}.lunar-calendar-section .card{width:calc(100% - 20px)}.lunar-calendar-section .moon{width:150vw;height:150vw;bottom:-75vw}.lunar-calendar-section .calendar-sections{width:100%;margin-left:auto;margin-right:auto}.lunar-calendar-section .month-section{padding:80px 20px 40px;margin-top:-100px}.lunar-calendar-section .month-section h2{text-align:left;padding:20px 20px 0;width:100%;font-size:2.1em;margin-bottom:0}.lunar-calendar-section .sticky-menu{position:sticky;top:0;padding:10px 0;display:flex;justify-content:flex-start;flex-wrap:nowrap;z-index:1000;transition:all .3s ease;flex-direction:row;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.lunar-calendar-section .sticky-menu.fixed{position:fixed;top:68px;left:0;right:0;background:linear-gradient(180deg,#ffffff 50%,transparent 100%);padding-top:20px;padding-bottom:40px}.lunar-calendar-section .sticky-menu button{background-color:#83a697;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:5px;transition:all .3s ease;position:relative;overflow:hidden;flex-shrink:0}.lunar-calendar-section .sticky-menu button:hover,.lunar-calendar-section .sticky-menu button.active{background:#6e9786}.lunar-calendar-section .sticky-menu button:before{content:"\1f319";position:absolute;left:-30px;top:50%;transform:translateY(-50%);opacity:0;transition:all .3s ease}.lunar-calendar-section .sticky-menu button:hover:before,.lunar-calendar-section .sticky-menu button.active:before{left:10px;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/lunar-calendar.css.map */