.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}:root{--color-primary: #EDEDED;--color-secondary: #EDEDED;--color-background: #EDEDED;--color-text: #EDEDED}#index{transition:background-color .3s ease-out,color .3s ease-out}body{background-color:var(--color-background);color:var(--color-text);padding:0;margin:0}.dropdown-container{display:flex;justify-content:center;width:100%}.dropdown{position:relative;width:300px;max-height:200px;margin:0 auto}.header{padding:10px 50px 40px;margin:0 10px;background-color:var(--color-primary);justify-content:center;align-items:center;position:relative;z-index:100;text-align:center;transition:background-color .3s ease-out,color .3s ease-out}.scallop-container{margin:0 10px;height:65px;overflow:hidden;position:sticky;top:var(--scallop-sticky-top, 66px);z-index:99;transform:translateZ(0);-webkit-transform:translateZ(0);transition:background-color .3s ease-out}.scallop-svg{width:100%;height:65px;display:block;background-color:transparent;position:relative}.scallop-svg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-primary);mask:radial-gradient(65px at 50% 0,#000 98%,#0000) calc(50% - 60.125px) 0/113px 100%;-webkit-mask:radial-gradient(65px at 50% 0,#000 98%,#0000) calc(50% - 60.125px) 0/113px 100%;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:background-color .3s ease-out}.header-details{background-color:var(--color-primary);margin:0 10px;padding:10px 50px 12px;position:relative;z-index:100;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease-out,color .3s ease-out}.nav-container{margin:10px 10px 0;background-color:var(--color-primary);position:sticky;top:10px;z-index:100;overflow:visible;transition:background-color .3s ease-out,color .3s ease-out}.nav-container:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;height:10px;background-color:var(--color-background);z-index:-1}.nav{position:sticky;top:0;z-index:100;background-color:var(--color-primary);padding:36px 20px 20px;max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease-out,color .3s ease-out}#header-title-mobile,.nav h3{margin:0}.nav,.mobile-nav-bar{transition:all .3s ease-out}.nav-left{display:flex;align-items:center;margin-right:auto;border-radius:8px;padding:8px 12px;cursor:pointer}.nav a{text-decoration:none;color:var(--color-background);transition:color .3s ease-out;border-radius:8px;padding:8px 12px}.nav-left h3 a,.nav-left h3 a:hover{padding-left:0}.nav h3{margin:0;font-family:Libre Caslon Text,serif;font-weight:700;font-style:normal;font-size:18px;text-decoration:none;color:var(--color-secondary);transition:color .3s ease-out}.nav a:hover{background-color:var(--color-secondary);color:var(--color-primary);transition:color .3s ease-out;border-radius:8px;padding:8px 12px}.nav-left:hover{background-color:var(--color-secondary);color:var(--color-primary);transition:color .3s ease;border-radius:8px;padding:8px 12px}.nav-left:hover a,.nav-left:hover span{color:var(--color-primary)}.nav-left h3,.nav-left h3 span{color:var(--color-secondary);transition:color .3s ease-out}.nav-left:hover h3,.nav-left:hover h3 span{color:var(--color-primary)}.nav h3:first-child{margin-right:auto}.nav h3:nth-child(3),.nav h3:nth-child(4){margin-left:32px}.header-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:700px;margin:0 auto;column-gap:36px}.header-container{grid-column:2;grid-row:1;text-align:center;justify-self:center;margin:0}.header-details nav{grid-column:1;grid-row:1;justify-self:start;align-self:center;z-index:1}.back-button{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:50%;background-color:var(--color-background);box-sizing:border-box;text-decoration:none;color:var(--color-primary);transition:all .3s ease}.back-button:hover{color:var(--color-primary);background-color:var(--color-secondary)}.arrow-icon{font-size:30px;line-height:1}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 600,"GRAD" 0,"opsz" 24}.filter-button{color:var(--color-primary);background-color:var(--color-background);border-color:var(--color-primary);border-width:.1rem;box-sizing:border-box;font-family:Libre Caslon Text,serif;display:inline-block;margin:4px;cursor:pointer;padding:7px 15px;flex:0 0 auto;white-space:nowrap;border:2px solid var(--color-primary);background-color:transparent;border-radius:20px;font-size:14px;font-weight:500;transition:all .3s ease;min-width:fit-content}.filter-button:hover{background-color:var(--color-secondary)}.filter-button.button-active,.button-active{background-color:var(--color-primary);color:var(--color-background);border-width:2px}.button-container{padding:20px 0;max-width:1000px}.button-container::-webkit-scrollbar{display:none}#header-title,#datetime{margin:12px 0;text-align:center;z-index:1;position:relative;white-space:normal}.footer{background-color:var(--color-secondary);color:var(--color-text);text-align:left;margin:10px;padding:50px;position:relative}.footer-container{margin:0 auto;display:flex;gap:5rem;flex-wrap:wrap;width:900px}.footer-left{flex:2}.footer-right{flex:1.5}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:65px;background-color:var(--color-secondary);mask:radial-gradient(65px at 50% 0%,#0000 98%,#000) calc(50% - 60.125px) 0/113px 100%;-webkit-mask:radial-gradient(65px at 50% 0%,#0000 98%,#000) calc(50% - 60.125px) 0/113px 100%;z-index:0;transform:translateY(-100%)}.footer a{font-family:Libre Caslon Text,serif;font-weight:400;font-style:normal;font-size:14px;color:var(--color-primary);transition:color .3s ease-out}a:hover{background-color:var(--color-primary);color:var(--color-secondary);transition:color .3s ease-out}h1{color:var(--color-background);font-family:Libre Caslon Text,serif;font-weight:700;font-style:normal;font-size:48px}h2{color:var(--color-secondary);font-family:Libre Caslon Text,serif;font-weight:700;font-style:normal;font-size:24px}.date-link{color:var(--color-secondary);text-decoration:none;position:relative}p{font-family:Libre Caslon Text,serif;font-weight:400;font-style:normal;font-size:16px;color:var(--color-primary)}ul li{font-family:Libre Caslon Text,serif;font-weight:400;font-style:normal;font-size:16px}li{font-size:14px;margin:5px}li a{color:var(--color-primary)}li a:hover{background-color:var(--color-secondary)}p.small{font-family:Libre Caslon Text,serif;font-weight:400;font-style:normal;font-size:14px}p.small-link{font-family:Libre Caslon Text,serif;font-weight:400;font-style:normal;margin:5px 10px}.container{display:flex;flex-wrap:wrap;column-gap:100px;row-gap:75px;padding:50px 0 125px;margin:auto;justify-content:left;width:fit-content;width:900px}.container.no-padding{padding:0}.container-wrapper{display:flex;flex-direction:column;justify-content:start;position:relative;width:fit-content;margin-right:auto;margin-left:auto;padding:0;opacity:0;transition:opacity .3s ease-out;min-height:400px}.button-wrapper{display:flex;flex-direction:column;justify-content:center;position:relative;max-width:900px;margin-right:auto;margin-left:auto;overflow:hidden}.button-wrapper::-webkit-scrollbar{display:none}.container-wrapper.fade-in{opacity:1;transform:translateY(0)}.card{width:100px;text-align:center;transition:opacity .1s ease-out;display:flex;flex-direction:column;align-items:center}.card.hidden{opacity:0;transform:scale(0);transition:opacity .1s ease-out;display:none;pointer-events:none;margin:0;padding:0;height:0;overflow:hidden}.card.visible{opacity:1;transform:scale(1);transition:opacity .1s ease-out;pointer-events:auto}.card.fade-in{opacity:1}.card.fade-out{opacity:0}.card img{width:100%;height:80px;object-fit:contain;margin-bottom:5px}#all-items{width:60px}#container-all-items{grid-template-columns:repeat(auto-fit,minmax(50px,1fr));padding:10px 10px 60px;column-gap:80px;row-gap:25px;width:900px;margin:5px}img{object-fit:contain}.container-empty-state{display:flex;flex-wrap:wrap;column-gap:100px;row-gap:75px;padding:0;margin:auto;justify-content:left;width:fit-content;width:900px}.empty-state{display:flex;flex-direction:column;justify-content:left;padding:20px 20px 120px;opacity:1;transition:opacity .3s ease}.empty-state.hidden{opacity:0;display:none;pointer-events:none}.empty-state-image{max-width:300px;max-height:300px;width:auto;height:auto;margin-bottom:20px;opacity:.7}.empty-state-text{color:var(--color-primary);margin:0;text-align:center}.select{background:var(--color-background);color:var(--color-primary);display:flex;justify-content:space-between;align-items:center;border:2px var(--color-primary) solid;border-radius:.7em;padding:1em 1.5em;width:100%;box-sizing:border-box;transform:translateY(20%);transition:background-color .3s ease-in,border .3s ease-in,color .3s ease-in}.select:hover{background:var(--color-secondary)}.select-clicked{border:2px var(--color-primary) solid}.menu{list-style:none;padding:.5em;background:var(--color-background);border-radius:.5em;border-width:3px;border-style:solid;text-align:left;color:var(--color-primary);position:absolute;top:3.5em;left:50%;width:100%;box-sizing:border-box;transform:translate(-50%);opacity:0;display:none;transition:.2s;z-index:101;max-height:300px;overflow-y:scroll}.menu-open{display:block;opacity:1}.menu li{padding:.75em;width:100%;display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box}.menu li:hover{background:var(--color-secondary);color:var(--color-primary);border-radius:.5em}.menu::-webkit-scrollbar{width:1em}.menu::-webkit-scrollbar-track{border-radius:2em}.menu::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:2em}.list li{color:var(--color-primary);margin:10px}.recipe-list li{color:var(--color-primary);margin:5px}.caret{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid var(--color-primary);transition:.3s}.caret-rotate{transform:rotate(180deg)}.active{background:var(--color-primary);color:var(--color-background);width:100%;box-sizing:border-box;margin:0em,.75em;padding:.75em;border-radius:.7em}.about-container{display:flex;flex-wrap:wrap;justify-content:center}.mission-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.mission-section{display:flex;justify-content:center;align-items:center}.about-section{padding:0;max-width:600px;display:flex;justify-content:center;align-items:center}.produce-detail{display:block;max-width:1000px;margin:2rem auto;padding:2rem;background-color:var(--color-background);border-radius:8px}.produce-detail h1{color:var(--color-primary);text-align:center;margin-bottom:2rem}.produce-image img{text-align:center;margin:0;width:225px;height:225px}#about-image{text-align:center;margin:0;width:400px;height:400px;opacity:1}#mission-image{text-align:center;margin:0;width:700px;height:700px;opacity:1}#mission-bullet{text-align:center;width:50px;height:50px;margin:0 20px;opacity:1}#favicon{margin:0 10px 0 0;width:20px;height:20px;opacity:1}.produce-about-image{text-align:center;margin:0;width:300px;height:300px}.produce-info{max-width:600px}.info-section{margin:40px}.about-text{margin:20px 40px}.produce-card{text-align:center}.produce-content{display:flex;margin:auto;padding:75px 100px;max-width:1000px;flex-wrap:wrap;justify-content:center;gap:1.5rem;opacity:0;transition:opacity .3s ease-out}.produce-content.fade-in{opacity:1;transform:translateY(0)}.produce-content h2{color:var(--color-primary);font-size:24px}.produce-content h3{color:var(--color-primary);font-family:Libre Caslon Text,serif;font-weight:700;font-style:normal;font-size:16px}.produce-content p{color:var(--color-primary)}.about-content{display:flex;margin:auto;padding:25px 100px 100px;max-width:1000px;flex-wrap:wrap;justify-content:center;gap:1.5rem;opacity:0;transition:opacity .3s ease-out}.about-content.fade-in{opacity:1;transform:translateY(0)}.about-content h2{color:var(--color-primary);font-size:18px}.about-content h3{color:var(--color-primary);font-family:Libre Caslon Text,serif;font-weight:700;font-style:normal;font-size:16px}.about-content p{color:var(--color-primary)}nav{text-align:left;display:flex;align-items:center;padding:.5rem 1rem}.mobile-menu-toggle{background:none;border:none;font-size:2rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;min-width:44px;height:54px;z-index:1001;color:var(--color-background)}.mobile-nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease;pointer-events:none}.mobile-nav-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.mobile-nav{position:fixed;top:0;left:-100vw;width:80vw;min-width:300px;height:100%;background-color:var(--color-background);z-index:1000;transition:left .3s ease;padding:20px;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:1rem;border-bottom-right-radius:1rem}.mobile-nav.active{left:0;width:80vw;min-width:300px;padding:20px;height:100%}.mobile-nav-close{position:absolute;top:15px;right:20px;background:none;border:none;font-size:28px;cursor:pointer;color:var(--color-primary)}.mobile-nav-links{margin-top:60px;display:flex;flex-direction:column;align-items:flex-start}.mobile-nav-links h2{margin-bottom:20px;margin-left:0;margin-top:20px;padding-bottom:0}.mobile-nav-links a{text-decoration:none;color:var(--color-primary);font-size:18px;padding:8px}.nav-container-mobile{display:none;transition:background-color .3s ease-out,color .3s ease-out}.mobile-nav-bar{transition:background-color .3s ease-out,color .3s ease-out}@media screen and (max-width: 767px){#header-title-h2{padding:0;margin:0}.footer-container{flex-direction:column;gap:1rem}.footer-left,.footer-right{flex:unset;width:100%}.mission-container{grid-template-columns:1fr}.nav,.nav-container{display:none}.nav-left{margin-bottom:48px;margin-left:0}.nav-left h2{margin:0;padding-left:0;color:var(--color-primary)}.nav-left h2 span,.nav-left .home-link{color:var(--color-primary)}.nav-left a{padding-left:0}.nav a:hover,.nav-left:hover,.mobile-nav-links a:hover{background-color:var(--color-background)}.nav-active{background-color:var(--color-primary);color:var(--color-background)!important;border-radius:8px;padding:8px 12px}.nav-left .nav-active{padding:0}.nav-container-mobile{margin:0 5px;background-color:var(--color-primary);position:sticky;top:5px;z-index:100;overflow:visible;display:block}.scallop-container{margin:0 5px;height:55px}.scallop-svg{height:55px;background-color:transparent}.scallop-svg:before{background-color:var(--color-primary);mask:radial-gradient(40px at 50% 0,#000 98%,#0000) calc(50% - 36px) 0/63px 100%;-webkit-mask:radial-gradient(40px at 50% 0,#000 98%,#0000) calc(50% - 36px) 0/63px 100%}.mobile-nav-bar{display:flex;align-items:center;position:sticky;top:0;z-index:100;background-color:var(--color-primary);padding:20px 20px 0}.nav-container-mobile:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;height:5px;background-color:var(--color-background);z-index:-1}.mobile-menu-toggle,.mobile-nav-overlay,.mobile-nav{display:block}.mobile-menu-toggle{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem 0rem;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;z-index:1001;color:var(--color-background)}#header-title-mobile{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;pointer-events:none;margin:0}#container-all-items{column-gap:20px;row-gap:20px;padding:10px 5px 60px;margin:0}.container-wrapper{min-height:0px}.button-container{padding:0 0 0 3px;display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;margin:5px}.button-wrapper{justify-content:center;margin-left:auto;margin-right:auto;position:relative;width:fit-content}.filter-button{margin:3px}.header{padding:5px 15px 10px;margin:0 5px}.header:after{display:none}.footer:before{mask:radial-gradient(45px at 50% 30%,#0000 100%,#000) calc(50% - 43px) 0/75px 100%}.filter-button:hover{background-color:var(--color-background);color:var(--color-primary)}.filter-button.button-active,.button-active{background-color:var(--color-primary);color:var(--color-background)}#header-title{margin:10px 0;text-align:center;z-index:1;position:relative;white-space:normal;display:none}#mobile-nav-h2{padding-bottom:12px;z-index:99;margin:0}#datetime{margin:0 10px;text-align:center;z-index:1;position:relative;white-space:normal}h1{font-size:24px;text-wrap:wrap}h2{font-size:16px;text-wrap:wrap}h3{font-size:16px}p{font-size:14px}.mission-section p{font-size:16px}li a:hover{background-color:var(--color-secondary)}.card{width:65px}.active{margin:5px;padding-left:50px}.card p{font-size:14px}img{width:100%;height:auto;max-height:450px;object-fit:contain;display:block}.dropdown{width:90%!important;max-width:315px!important;min-width:250px}.dropdown-container{max-width:100%;padding:0 10px;box-sizing:border-box;width:100%}.footer{padding:20px;margin:5px}.menu{top:3em;max-height:350px}.select{padding:.8em 1.5em}.menu li{padding:.75em}.footer p,.footer a{font-size:14px}.back-button{width:50px;height:50px}.header-details{grid-gap:15px;padding:5px 20px;margin:0 5px}.header-details:after{display:none}.header-details nav{display:none}.header-container{grid-column:2;grid-row:1;width:100%;margin:0;padding:5px 5px 0;box-sizing:border-box;justify-self:center}.header-content{margin:0;padding:0;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr auto;align-items:center}.produce-detail{padding:1rem;margin:1rem}.produce-content{display:flex;margin:5px;padding:20px 15px 80px;flex-wrap:wrap;justify-content:center;gap:1.5rem}.about-content{display:flex;margin:5px;padding:0 15px 80px;flex-wrap:wrap;justify-content:center;gap:1.5rem}#about-image{width:350px;height:350px}.about-text{margin:0}.info-section{margin:40px 0}.produce-detail h1{font-size:32px}.produce-image{justify-content:center}.produce-image img{margin:auto;max-width:150px;max-height:150px}.info-section h2{font-size:18px}.info-section p{font-size:16px}#container-reverse #about-image{order:1}#container-reverse .about-section{order:2}}@media screen and (max-width: 349px){.container{grid-gap:1.5rem 1.5rem;padding:3px 10px 60px;width:306px;justify-content:center;margin:5px}.container .container-empty-state{width:306px}.footer-container{width:306px}.dropdown{width:90%!important;max-width:315px!important;min-width:250px}.dropdown-container{max-width:100%;padding:0 10px;box-sizing:border-box;width:100%}}@media screen and (min-width: 350px) and (max-width: 499px){.footer-container{width:315px}.container{grid-gap:36px 60px;padding:20px 10px 60px;width:315px;justify-content:left;margin:5px}.container-empty-state{width:315px}.empty-state-image{height:250px;width:250px}#container-all-items{column-gap:38px;row-gap:15px;width:315px;padding:10px 2px 60px}#about-image{width:315px;height:315px}#all-items.card{width:50px}.button-container{width:306px}.dropdown{width:90%!important;max-width:315px!important;min-width:250px}.dropdown-container{max-width:100%;padding:0 10px;box-sizing:border-box;width:100%}#mission-image{max-height:350px}}@media screen and (min-width: 500px) and (max-width: 767px){.footer-container{width:440px}.container{grid-gap:36px 60px;padding:20px 10px 60px;width:440px;justify-content:left;margin:5px}.container-empty-state{width:440px}.button-container{width:424px}#container-all-items{column-gap:36px;row-gap:15px;width:440px;padding:10px 2px 60px;justify-content:center}#all-items.card{width:50px}.dropdown{width:90%!important;max-width:315px!important;min-width:250px}.dropdown-container{max-width:100%;padding:0 10px;box-sizing:border-box;width:100%}.footer{padding:30px 60px}#mission-image{max-height:450px}#about-image{width:424px}}@media screen and (min-width: 768px) and (max-width: 1025px){.footer-container{width:600px}.container{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));grid-gap:66px;padding:50px 0 125px;justify-content:left;width:600px}.container-empty-state,#container-all-items,.nav{width:600px}#container-all-items{column-gap:87px}.header-container{margin:0 25px}h1{font-size:36px}#all-items{width:50px}.button-container{padding:20px 16px 20px 7px;display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;margin:0;width:600px}.filter-button:hover{background-color:var(--color-background);color:var(--color-primary)}.filter-button.button-active,.button-active{background-color:var(--color-primary);color:var(--color-background)}.button-wrapper{justify-content:center;margin-left:auto;margin-right:auto;position:relative;width:fit-content}.nav h3:nth-child(3),.nav h3:nth-child(4){margin-left:12px}#container-reverse #about-image{order:1}#container-reverse .about-section{order:2}}@media only screen and (max-height: 600px){.menu{top:3em;max-height:250px}}