@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Ovo&display=swap);*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--line-color:#cab7a8}.button,.textarea,body{font-family:Lato,Helvetica,Arial,sans-serif}body{background-color:#f4eae2}div{max-width:100%}p{white-space:pre-wrap}ul{margin-top:0;padding-left:18px}li{margin-bottom:10px;&::marker{color:#7d4a28}}nav ul{list-style-type:none;margin:0;padding:0}nav ul li{display:inline-block;padding:0 20px}.header .viewport{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.footer,.header{padding:30px 20px;width:100%}.header-nav ul,.nav-icon a{align-items:center;display:flex;flex-wrap:wrap}.header-nav li{margin-bottom:0}.notifications-btn{padding:0 0 0 5px}.avatar-menu{padding-left:0}.footer-nav{padding:1rem}.logo{color:#56632f;cursor:pointer;font-family:Ovo;font-size:40px;margin:20px 0;text-align:center;text-transform:uppercase;z-index:1}.align-center{align-items:center;display:flex;flex-wrap:wrap}.fontSize-14{font-size:14px}.col-container{display:flex}.container,.viewport{max-width:1200px}.col{margin-left:.5rem;margin-right:.5rem;padding:1rem}.col.single{margin:0 auto;max-width:770px;width:100%}.align-right{align-self:flex-end;max-width:740px;width:100%}.guidelines{margin:0 auto;max-width:300px;.section-title{text-align:center}}.sidebar{flex:1 1}.main{display:flex;flex:3 1;flex-direction:column;max-width:800px}.footer{margin-top:auto}.App{display:flex;flex-direction:column;height:100vh;margin:0 auto}.activity-log-item,h1,h2,h3{font-family:Ovo;line-height:1.1}h3{color:#56632f;font-size:25px;margin:.5rem 0}.new-badge a{position:relative}.new-badge a:after{background-color:#56632f;border-radius:5px;color:#fff;content:"New";font-size:10px;padding:3px 5px;position:absolute;right:-18px;top:-15px}.new-badge.pulse a:after{-webkit-animation:tilt-shaking .25s infinite;animation:tilt-shaking .25s infinite}@-webkit-keyframes tilt-shaking{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(0eg);transform:rotate(0eg)}75%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes tilt-shaking{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(0eg);transform:rotate(0eg)}75%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@media (max-width:800px){.heading{font-size:40px;margin:15px 0}}.section{padding:0 2rem 2rem}.ingredient-form{margin-top:40px;& textarea{min-height:65px}}label+input{margin-top:.5em}.search-container{background:#fff;border-radius:8px;display:inline-flex;padding:11px}.search-icon{align-items:center;display:flex;margin-right:5px}.search-input,.search-input:focus{border:none;outline:0}.clear-search-input .button-icon{background:none;display:flex;margin-left:5px;padding:2px}.clear-search-input .button-icon:hover{background:#f4eae2}input:not(.search-input),textarea{border:2px solid transparent;border-radius:8px;display:block;margin-top:1rem;outline:0;padding:1em;width:100%}input:not(.search-input):focus,textarea:focus{border:2px solid #cab7a8}textarea{min-height:24px;resize:vertical}label{display:block;margin-top:1.5em}.text-field{margin:0 auto;max-width:100%;width:500px}.textarea{display:block;width:100%}.input-last,.textarea{margin-bottom:1rem}input:read-only{background-color:#edddd0;border-color:transparent!important}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-transition:background-color 0s 600000s,color 0s 600000s;transition:background-color 0s 600000s,color 0s 600000s}.inline-edit-input{margin-top:1em;position:relative}label+input{margin-top:1em}.editable-btns{text-align:right}.inline-edit-input input{margin-top:0;padding-right:50px}.edit-icon,.inline-edit-input .spinner-button{position:absolute;right:7px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.inline-edit-input .spinner-button{right:10px}.button-container{align-items:center;display:flex;justify-content:right}.button-container.space-between{justify-content:space-between}.button.button-left{margin-left:0}.button{background-color:#d6c6b9;border:none;border-radius:3px;color:#000;font-size:15px;margin-left:15px;padding:12px 20px}.button,.icon-text-button{cursor:pointer;transition:all .3s}.icon-text-button:hover{color:#7d4a28}.button:disabled{opacity:.4;pointer-events:none}.button:hover{background-color:#cab7a8}.button-icon{border-radius:50%;padding:9px 11px}.button-pill{border-radius:16px;font-size:14px;padding:5px 10px}.button-green,.button-submit{background-color:#56632f;color:#fff}.button-green:hover,.button-submit:hover{background-color:#68763d}.button-red{background-color:#960000;color:#fff}.button-red:hover{background-color:#ab0202}.profile-image{--size:125px;border:3px solid #cab7a8;border:3px solid var(--line-color);border-radius:50%;display:inline-block;height:var(--size);margin:1rem 0 0;position:relative;width:var(--size);& img{border-radius:50%;height:var(--size);object-fit:cover;width:var(--size)}& .button-icon{bottom:0;height:32px;padding:5px 0 0;position:absolute;right:0;width:32px}}.cropper-container{height:500px;max-height:100vw;max-width:100%;position:relative;width:500px}.slider-container{align-items:center;display:flex;padding:1rem 2rem}.image-preview-container{display:inline-block;margin:1rem 1.5rem 1rem 0;position:relative}.delete-img-btn{position:absolute;right:-18px;top:-18px}.image-full{display:none}.image-full.open{display:block;position:absolute}.modal-header{align-items:center;display:flex;justify-content:space-between}.modal-message{margin-top:1em}.not-found{margin:1rem 0;padding-right:15px}.not-found-header{display:flex;flex-wrap:wrap;justify-content:space-between}.not-found-header h3{margin-right:15px}.not-found-header .button{margin-left:0}.not-found-listing{display:grid;grid-template-columns:auto auto}.disclaimer{background-color:#fff;border:2px solid #cab7a8;border-radius:4px;margin:0 auto;max-width:1064px;max-width:800px;padding:1rem}.disclaimer span{font-family:Ovo;font-weight:700}.footer-info{align-items:center;display:flex;flex-wrap:wrap-reverse;justify-content:center;margin:1rem 0 0}.copyright,.pp-tos-agreement{color:#5f5959}.pp-tos-agreement{font-size:90%;margin-bottom:1rem}.form-center{text-align:center}.form-center label{text-align:left}.form-center h1{margin-bottom:2rem}.contact-form,.form-center,.forum-post-form{margin:1.5rem auto 0;max-width:450px}.alert-container{margin-top:1.5rem}.forum-comment-form{background:#fff;border-radius:8px;margin-bottom:1.15rem;margin-left:inherit;margin-right:inherit;padding:1rem;& textarea{margin-bottom:.5rem;margin-top:0;padding:0}& textarea:focus{border-color:transparent}&>.button-container{margin:-5px}& .button:not(.button-left){margin-left:7px}& .button,& .button-icon{background-color:initial;color:#5f5959}& .button{color:#464242}& .button-icon{font-size:5px;padding:5.5px 6px;& svg{-webkit-transform:scale(.9);transform:scale(.9)}}& .button-icon:hover,& .button:hover{background-color:#efeeee}}.form-error-message{color:#960000;font-size:.9em;margin-bottom:1em;text-align:center}.single.how-to p,.white-bg{background-color:#fff;border-radius:8px;padding:1rem}.white-bg>:first-child{margin-top:0}.white-bg>:last-child{margin-bottom:0}a:link{color:#40594d;overflow-wrap:anywhere;text-decoration:none}a:visited{color:#7d4a28}a:hover{color:#cd5a83}a:active{color:#3e5674}.rec-icon{padding-right:2.75rem}.rec-icon svg{vertical-align:middle}.error-page{text-align:center}.error-page .button{margin:0}.about-image img{width:100%}.header-image{color:#fff;display:flex;flex-direction:column;justify-content:space-evenly;padding:1.5rem;position:relative}.header-image h1{font-size:50px;text-align:center}.overlay:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.overlay-1:before{background:rgba(0,0,0,.1)}.overlay-2:before{background:rgba(0,0,0,.2)}.overlay-35:before{background:rgba(0,0,0,.35)}.overlay .header-details{background:none}.header-details{background-color:rgba(0,0,0,.6);border-radius:8px;margin:0 auto;max-width:1064px;max-width:810px;padding:.5rem 1rem;z-index:1}.how-to-gif{border-radius:8px;display:block;margin:0 auto 4rem;max-width:100%;width:540px}.post-listing-actions{align-items:center;display:flex;flex-wrap:wrap}.post-card-container{max-width:300px}.post-card-container,.post-comment-text-container,.posts-post-container,.white-card{background-color:#fff;border-radius:8px;padding:1rem}.posts-post-container{margin-bottom:1.5rem}.post-card-container,.post-comment-text-container{margin-top:1rem}.post-card-container,.post-comment-text-container,.posts-post-container{margin-bottom:1.5rem;margin-left:auto;margin-right:auto}.post-comment-text-container{border:2px solid transparent;margin:0;transition:.2s}.posts-post-container,.recommended-container{display:flex}.flex-vertical-center,.icon-text,.icon-text .icon,.post-info{align-items:center;display:flex}.post-actions,.post-info{flex-wrap:wrap;font-size:14px}.post-info .info-left,.post-info .info-right{align-items:center;display:flex;margin-bottom:.5rem}.post-actions,.post-info .info-right{display:flex;margin-left:auto}.post-actions .icon-text,.post-info .icon-text{color:#5f5959;text-align:center}.post-actions .icon-text:not(:last-child),.post-info .icon-text:not(:last-child){margin-right:1rem}.post-info:first-child{margin-bottom:.5rem}.info-left .avatar{margin-right:.5rem}.icon-text .icon{margin-right:5px}.recommended-container{margin:0 -10px}.recommended-posts .post-card{flex:0 0 33.333333%;max-width:33.333333%;padding:0 10px}.card-title{font-size:1.27em}.card-title,.post-title{font-weight:100}.post-card-img-container{margin-bottom:.75rem}.post-card-thumbnail{min-height:150px;width:100%}.posts-post-text-container{display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between}.posts-post-img-container{margin-left:60px}.posts-thumbnail{height:150px;width:150px}.posts-post-img{max-width:112px}.add-text{margin-left:7px}.add-text,.separator,.updated-date{color:#7d4a28;font-size:14px}.created,.forum-post-author,.separator{font-size:14px}.separator{margin:0 .25rem}.forum-posts{margin-top:1rem}.blog-posts{margin-top:.5rem}.posts a{color:inherit}.single-post{background-color:#fff;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.single-post h1{font-weight:100;margin-top:0}.featured-posts .section-title,.recommended-posts .section-title{text-align:center}.single-post .date-info,.single-post .description,.single-post h1{margin-bottom:1.25rem}.single-post-img{margin-bottom:.5rem;max-width:100%}.rich-text-body img{height:auto;max-width:100%}.how-to .rich-text-body img,.mobile-img-300 .rich-text-body img{display:block;margin:0 auto;width:100%}.mobile-img-300 .rich-text-body img{max-width:300px}.how-to .rich-text-body img{border-radius:8px;max-width:540px}.empty-block{align-items:center;background:#edddd0;border-radius:8px;color:#4a4545;display:flex;height:13vh;justify-content:center;margin:1rem 0;padding:1rem}.comment-actions{justify-content:flex-end;padding:.5rem}.comment{--size:1.8rem;position:relative}.comment,.reply-form{padding-top:.75rem}.avatar{border:2px solid #cab7a8;border:2px solid var(--line-color);border-radius:50%;height:36px;width:36px}.avatar-box,.avatar-text-actions{display:flex;gap:.5rem}.avatar-box form{flex-grow:1}.avatar-box .textarea{margin-top:0}.comment.showReplyForm:not(.hasReplies) .avatar-text-actions{position:relative;&:before{background:#cab7a8;background:var(--line-color);bottom:0;content:"";inset-inline-start:15px;left:17px!important;position:absolute;top:calc(var(--size) + 6px);width:2px}}.comment.hasReplies>.comment-body{position:relative;&:before{background:#cab7a8;background:var(--line-color);bottom:0;content:"";inset-inline-start:15px;left:17px;position:absolute;top:calc(var(--size) + 6px);width:2px}}.replies .comment,.reply-form{padding-left:2.5rem;position:relative}.replies .comment:not(:last-child):before{background:#cab7a8;background:var(--line-color);bottom:0;content:"";inset-inline-start:15px;left:17px;position:absolute;top:0;width:2px}.replies .comment:after,.reply-form:after{-webkit-border-start:2px solid #cab7a8;-webkit-border-start:2px solid var(--line-color);background:transparent;border-bottom:2px solid #cab7a8;border-bottom:2px solid var(--line-color);border-end-start-radius:10px;border-inline-start:2px solid #cab7a8;border-inline-start:2px solid var(--line-color);content:"";height:28px;inset-inline-start:15px;left:17px;position:absolute;top:0;width:22px}.activity-log h1{text-align:center}a.activity-log-item{color:#56632f;font-size:25px;justify-content:space-between;margin:1rem 0;padding:1.25rem;&:hover{background-color:rgba(0,0,0,.04);transition:.1s}}.scrolled-into-view{border:2px solid #cab7a8}.no-notifications{color:rgba(0,0,0,.5);justify-content:center;min-height:132px;min-width:250px}.notification-link,.notification-loader{padding:8px}.no-notifications,.notification-container{align-items:center;display:flex}.notification-link{border-radius:8px;color:#000!important;display:block;&:hover{background-color:rgba(0,0,0,.06)}}.notification-text{display:flex;flex-grow:1;flex-wrap:wrap;& .created-date{color:#56632f;font-weight:700;margin-left:auto;padding-left:10px}}@media only screen and (max-width:900px){.col-container{flex-direction:column}.main,.sidebar{margin:0 auto}.main{width:100%}.align-right{align-self:center}.single-post h1{font-size:2rem}}@media only screen and (max-width:800px){.header .viewport{justify-content:center}.logo{font-size:8vw}nav ul li{padding:3vw}.header{padding-bottom:8px}.avatar-menu{padding:0}.col-container{flex-direction:column}.section{padding:0 0 2rem}}@media only screen and (max-width:715px){.recommended-container{flex-direction:column}.recommended-posts .post-card{flex:inherit;max-width:inherit}h1,h2,h3{font-weight:400}}@media only screen and (max-width:600px){.header-nav{margin-top:1rem}.posts-post-container{flex-direction:column-reverse}.posts-post-img-container{margin-bottom:.75rem;margin-left:0}.posts-thumbnail{width:100%}}@media only screen and (max-width:450px){.footer-nav li{display:block;text-align:center}.header-image h1{font-size:40px}.ingredient-form{margin-top:20px}.header-nav ul{display:flex;flex-wrap:wrap;justify-content:center}.post-listing-actions .search-container{margin-bottom:1rem}.post-card{max-width:100%}}@media only screen and (min-width:1268px){.neg{margin:0 -1.5rem}}@media only screen and (min-width:1000px){.container,.viewport{margin:0 auto;width:100%}}@media only screen and (min-width:700px){.header-image{min-height:400px}.about-text{margin:2rem 0 1rem}.post-listing-actions,.sidebar .section-title{margin:1rem 0}.forum-posts{margin-top:0}}@media only screen and (max-width:1400px) and (min-width:900px){.single-post h1{font-size:3vw}}@media only screen and (min-width:1400px){.single-post h1{font-size:3em}}.loader-container{position:relative}.loader-vh-25{height:25vh}.loader-vh-50{height:50vh}.loader{left:40%;margin-left:10%;min-width:125px;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.dot{-webkit-animation:slide 1s infinite;animation:slide 1s infinite;background:#56632f;border-radius:100%;display:inline-block;height:24px;width:24px}.dot:first-child{-webkit-animation-delay:.1s;animation-delay:.1s;background:#70774b}.dot:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s;background:#898b66}.dot:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s;background:#a39e82}.dot:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s;background:#bcb29d}.dot:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s;background:#d6c6b9}@-webkit-keyframes slide{0%{-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.3;-webkit-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes slide{0%{-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.3;-webkit-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);transform:scale(1)}}.spinner-button{height:18px;width:29px}.spinner{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:3px solid;border-color:#fff #fff #56632f;border-radius:50%;box-sizing:border-box;display:inline-block;height:25px;margin-top:-3px;width:25px}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.modal-image-preview{cursor:pointer;height:auto;max-height:200px;max-width:200px;width:auto}.comment .modal-image-preview{max-height:125px;max-width:125px}.modal{background-color:#000;background-color:rgba(0,0,0,.9);height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:1}.modal-content{display:block;left:50%;margin:auto;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);& img{max-height:70vh;max-width:70vw}}.modal-close,.modal-content,.modal-next,.modal-prev{position:absolute}.modal-close,.modal-next,.modal-prev{color:#f1f1f1;padding:.5rem;transition:.3s;z-index:1;&:focus,&:hover{color:#bbb;cursor:pointer;text-decoration:none}}.modal-next,.modal-prev{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.modal-prev{left:.5rem}.modal-next{right:.5rem}.modal-close{right:1.5rem;top:1.5rem}@media only screen and (max-width:700px){.modal-content{width:100%}}