h2,h3{font-size:2.25rem}.logo,header{display:flex}#donate-button,#donate-button-responsive{border-radius:8px;color:#282828;background-color:var(--accent-color)}#donate-button,#donate-button-responsive,.hero-section button{background-color:var(--accent-color)}#events-section,.community-sect div img{background-repeat:no-repeat;background-size:cover;background-position:center}.resources-list article a,button,input,label,p{font-family:Helvetica,sans-serif}:root{--primary-color:#418FDE;--accent-color:#FFBD2B}*{margin:0;padding:0;box-sizing:border-box;font-family:Helvetica,serif;justify-content:center}h3{font-weight:700}h2{color:var(--primary-color)}button:hover{opacity:.75}header a,header h1{color:#fff;text-decoration:none;font-size:1rem}header{position:sticky;top:0;background-color:var(--primary-color);border-bottom:4px solid #3373b3d6;flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem;z-index:100}.logo{font-weight:600;flex-direction:row;align-items:center;gap:.5rem}.logo img{width:3rem;height:auto;aspect-ratio:135/110}.logo h1{width:38vw;text-align:left}nav#nav-links{font-weight:600;display:block;padding-right:0}nav#nav-links a{margin:.5rem}#donate-button{padding:8px 12px}#donate-button-responsive{display:none;padding:10px 24px;font-weight:600}#donate-button:hover,.hero-section button:hover{box-shadow:.5px .5px 4px #282828;color:#fff}header nav a:hover{color:#282828}#events-section h2,.event-card h3,header a.active{color:#fff}header .icon{display:none;position:relative}#footer{font-size:14px;background-color:#418fde;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0 .5rem}#footer .footer-content img{align-self:center;width:max(5vw,70px);height:auto;aspect-ratio:135/110;margin-right:1rem}#footer svg{width:35px;color:#fff}.icons a{width:3vw}.footer-content{text-align:left;height:auto;width:max(55vw,700px);display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start;gap:.5rem;word-break:normal}.footer-content a{color:#fff;text-decoration:none}.footer-content>div{width:max(22%,110px);display:flex;flex-direction:column;align-items:center;gap:.35rem}.footer-content p{color:#fff;text-decoration:none;line-height:1.35}.footer-content .icons{display:flex;flex-direction:row;align-self:center;align-items:flex-start;justify-content:flex-start;gap:1rem}#footer .partners{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:1rem}#footer hr.footer-bar{width:75%;height:1px;border:none;background-color:#fff}#footer .partners img{height:max(6vw,80px);width:auto}#footer .UFB img{height:max(2.5vw,38px);width:auto;margin:1rem}#footer img.salaam{height:max(2.5vw,38px);width:auto;margin-left:1rem}@media screen and (max-width:900px){h2{font-size:2rem}header a,header h1,nav{font-size:.85rem}header .logo h1{width:35vw}nav{gap:1rem}nav#nav-links a{margin:.3rem}#donate-button{padding:6px 8px;border-radius:6px}.footer-content{width:90vw}.footer-content div p{font-size:.5rem}}.hero-section{background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url("/images/menwomen.webp");background-repeat:no-repeat;background-size:cover;background-position:top;color:#fff;height:35rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.hero-section h2{color:#fff;margin-top:3rem;font-size:max(3.75vw, 45px);width:75vw;text-align:center}.hero-section p{font-size:1.75rem;justify-content:center}.hero-section a.arrow{color:#fff;width:4.5rem;margin-top:-25px}.hero-section a.arrow:hover{transform:scale(1.15)}.hero-section button{font-weight:600;border:1px solid #f9ca64;color:#282828;font-size:1.25rem;padding:18px;border-radius:8px;cursor:pointer}@media screen and (max-width:900px){.hero-section{height:25rem;gap:.75rem}.hero-section h2{margin-top:1rem;font-size:2rem}.hero-section p{font-size:1.25rem}.hero-section button{font-size:1rem;padding:8px}.hero-section a.arrow{width:3.75rem}}#about-us-section{margin:0 auto;width:75%;color:#000;text-align:left;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding:3rem 0}#about-us-section div{width:75%;display:flex;flex-direction:column;gap:1rem}#about-us-section img{object-fit:cover;height:max(25vw,14rem);width:max(25vw,14rem);border-radius:60%;border:8px solid var(--primary-color)}#about-us-section h3{color:var(--primary-color)}#about-us-section p{line-height:1.5;font-size:1rem}#events-section,#services-section,#staff-section,.donate-section{width:100vw;padding:3rem 0}#services-section{background-color:var(--primary-color);color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3rem}#news-section h2,#services-section h3{font-size:2.25rem}#services-section div{width:min(85%,75rem);display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}#services-section article{background-color:#fff;color:#000;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:16rem;gap:.5rem;height:23rem;padding:0 1rem}#services-section article:hover{translate:0px -10px;box-shadow:2px 2px 6px #000}#services-section article h4{width:max(16vw,12rem);text-align:center;font-weight:700;color:var(--primary-color);font-size:1.2rem;overflow-wrap:break-word}#services-section article ul{width:70%;line-break:loose}#services-section article li{font-size:1rem;list-style-type:square;text-align:left;margin-top:.5rem}#services-section hr{width:75%;border:none;height:1.5px;background-color:#000}#services-section svg{width:4.5rem;color:var(--accent-color)}@media screen and (max-width:900px){#about-us-section{flex-direction:column-reverse}#about-us-section div{width:90%}#about-us-section img{width:16rem;height:16rem}#about-us-section h3,#services-section h3{font-size:2.25rem}#about-us-section p,#services-section article li{font-size:.85rem}#services-section article{width:14rem;gap:.5rem;height:20rem;padding:0 1rem}#services-section article h4{font-size:1.25rem}}@media screen and (max-width:700px){#footer .footer-content svg,#services-section svg,header h1{display:none}.footer-content{flex-direction:column}#footer #logo{width:4.5rem;margin-right:0}.footer-content>div{flex-direction:row;width:100%;align-items:center;flex-wrap:wrap;gap:.5rem 1rem}.footer-content div p{font-size:.75rem}#footer .footer-content div.icons svg{display:flex}#footer .icons{justify-content:center;gap:1.5rem}#footer .partners{gap:.25rem}#footer .partners img{height:4rem}#footer .UFB img,#footer img.salaam{height:1.75rem}.hero-section{height:32rem}.hero-section h2{width:90vw}#services-section article{height:15rem;width:85%}}#staff-section{display:flex;flex-direction:column;align-items:center}#staff-section h3{color:#000;margin-bottom:1.5rem}#staff-section div{width:min(85%,55rem);display:flex;flex-direction:row;align-items:center;justify-content:space-around;flex-wrap:wrap;row-gap:2rem;column-gap:3rem}#staff-section article{width:9rem;height:auto;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}#staff-section h4{font-weight:700;font-size:1rem}#staff-section p{width:80%;font-size:.85rem}#staff-section img{width:8rem;height:8rem;padding:.5rem}#events-section{background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url("./images/food-pantry.webp");display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3rem;color:#000}#events-section .event-card hr{width:90%;border:none;height:2px;background-color:#fff;align-self:center}#events-section #food-pantry-card hr{width:90%;border:none;height:2px;background-color:#000;align-self:center}#events-section .special-event-tag,#events-section .weekly-event-tag{font-size:.85rem;padding:.5rem 1.5rem;border-radius:4px;text-align:center;width:7rem}#events-section>div{width:90%;display:flex;flex-direction:row;justify-content:space-evenly;flex-wrap:wrap;gap:2rem}#events-section h3{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}#events-section svg{width:2rem;color:var(--accent-color)}#events-section .special-event-tag{background-color:#dd9a0b}#events-section .weekly-event-tag{color:#fff;background-color:#418fde}#events-section .event-card{background-color:#fdb71ef2;width:max(30vw,450px);display:flex;flex-direction:column;justify-content:center;gap:1.25rem;padding:1.5rem;border-radius:.5rem;color:#fff;box-shadow:1rem -.75rem 0 #eda813d0}#events-section .event-card .special-description{font-size:.9rem}#events-section #food-pantry-card h3{color:var(--primary-color);display:flex;align-items:center;justify-content:flex-start;line-height:.9}#events-section #food-pantry-card{background-color:#ffffffDE;width:max(30vw,450px);display:flex;flex-direction:row;justify-content:space-between;padding:1.5rem .25rem;border-radius:.5rem;color:#000;box-shadow:1rem -.75rem 0 #cdcdcdce}#food-pantry-card>div{width:100%;display:flex;flex-direction:column;justify-content:center;gap:1.25rem}#events-section #food-pantry-card button#back-button,#events-section #food-pantry-card button#next-button{background-color:transparent;border:0;width:3rem;height:auto}button#back-button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}button#next-button{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}#events-section button#back-button:hover,#events-section button#next-button:hover{border:0;box-shadow:none;opacity:.75}#events-section #food-pantry-card button#next-button svg,#events-section button#back-button svg{width:2rem}#events-section>div>div>div{line-height:1.5}#events-section #food-pantry-card h3,.event-card h3{font-size:1.75rem}#events-section p{width:90%;font-size:1.15rem}.events-buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:.25rem .5rem;align-self:center}.events-buttons button{background-color:#418fde;border:2px solid #d6d6d6;padding:.5rem;border-radius:8px;font-weight:700;font-size:.85rem;color:#fff;text-decoration:none}.events-buttons .small-buttons{display:none}#events-section button:hover{box-shadow:2px 2px 0 #000}#news-section{margin:auto;width:80vw;display:flex;flex-direction:column;align-items:flex-start;gap:3rem;padding:3rem 0}#news-section img{height:50vh;width:40vw;object-fit:cover}#news-section a{height:50vh;display:flex;flex-direction:row;align-items:center;gap:2.5rem;color:#000;text-decoration:none}#news-section a div{height:100%;display:flex;flex-direction:column;justify-content:center;gap:1.25rem}#news-section h3{font-size:max(2vw, 18px)}#news-section h3:hover,.resources-list article a:hover{text-decoration:underline}#news-section p{font-size:max(1.5vw, 16px)}#news-section .desc{overflow:hidden;font-size:max(1.25vw, 15px)}.community-sect h2{position:absolute;top:2rem;align-self:center;justify-self:center;text-align:center;padding-top:2em;padding-bottom:2em;color:#fff}.community-sect h3{font-size:3rem;font-style:normal;text-align:center}.community-sect div img.two{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url("images/table.webp")}.community-sect div img.two:hover{background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)),url("images/table.webp")}.community-sect div img.three{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url("images/community.webp")}.community-sect div img.three:hover{background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)),url("images/community.webp")}.community-sect div img.four{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url("images/chip.webp")}.community-sect div img.four:hover{background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)),url("images/chip.webp")}.community-sect div img{height:100%;object-fit:cover}.community{height:94vh;display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;align-items:flex-start}.community div p{display:none;position:absolute}.community img{max-width:100%;height:auto}.donate-section .donate-description{margin:0 auto;padding-bottom:2rem;width:min(80%,40rem);text-align:center;font-size:1.25rem}.donate-section h2{padding-bottom:1.25rem;color:var(--primary-color);text-align:center;font-size:2.25rem}.donate-section p{font-size:1.25rem}.donate-section .donate-additional{width:min(75%,25rem);text-align:center;margin:0 auto;padding-top:1.25rem;font-size:1rem;color:var(--primary-color)}.resources-list article.hidden{display:none!important}.resources-section{width:85%;display:flex;flex-direction:column;gap:1.25rem;align-items:center;margin:0 auto;padding:3rem}.resources-section .resources-title{display:flex;flex-direction:column;align-items:center;gap:1rem}.resources-section .resources-title p{width:75%;text-align:center}.resources-section ul.filter-buttons{display:flex;flex-direction:row;gap:1rem;justify-content:flex-start;flex-wrap:wrap}.resources-list,.resources-list article{flex-direction:row;width:100%;display:flex}.resources-section ul.filter-buttons li button:hover{background-color:#000;border:2px solid #000}.resources-section ul.filter-buttons li button.all{background-color:var(--accent-color);border:2px solid #e2a116;color:#fff}.resources-section .filter-buttons .button-clicked{background-color:#000!important;border:1px solid #000!important}.resources-section ul li{list-style-type:none}.resources-section li button{font-size:1rem;color:#fff;padding:.65rem 1rem;border-radius:12px;border:1px solid var(--primary-color);background-color:var(--primary-color)}.resources-list article a,.resources-title a{color:var(--primary-color);font-weight:700}.resources-list{flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:1rem}.resources-list article img{width:7rem}.resources-list article{justify-content:flex-start;align-items:center;gap:10%;border:2px solid #d3d3d3;padding:1rem 1.5rem;background-color:#fafafa}.resources-list article div{width:50%}.resources-section .resources-tags{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.25rem;width:40%}.resources-list article a{text-decoration:none;font-size:1.25rem}.resources-section .resources-tags li{padding:.25rem;background-color:var(--accent-color);border:2px solid #e2a116;border-radius:8px;font-size:.75rem;font-family:Helvetica,sans-serif}.volunteer-section{width:min(85vw,30rem);display:flex;flex-direction:column;gap:1.25rem;align-items:center;margin:3rem auto;padding:2rem 4rem;border-radius:6px;background-color:#fafafa;box-shadow:2px 2px 4px rgba(0,0,0,.501);justify-content:flex-start;align-items:flex-start}.volunteer-section form{display:flex;flex-direction:column;gap:1rem}.volunteer-section form div{display:flex;flex-direction:column;gap:.25rem}.volunteer-section form input{padding:.5rem;width:20rem;border-radius:6px;border:1px solid #d5d5d5}.volunteer-section .volunteer-checkbox input{width:1rem}.volunteer-section .volunteer-interest-container .volunteer-checkbox{display:flex;flex-direction:row;justify-content:flex-start;width:10rem;font-size:.85rem}.volunteer-section .volunteer-interest-container .checkbox-container{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;row-gap:.5rem}.volunteer-section form button{background-color:var(--accent-color);color:#000;width:10rem;padding:.5rem 0;border-radius:6px;border:1px solid #d5d5d5}.volunteer-section .success{align-self:center;width:15rem}@media screen and (max-width:900px){#staff-section div{row-gap:.5rem;column-gap:1rem}#staff-section img{width:7.5rem;height:auto}#staff-section h3{font-size:2.25rem}#events-section p,#staff-section h4,.donate-section p,.resources-list article a{font-size:1rem}#staff-section p,.resources-title a{font-size:.85rem}#events-section #food-pantry-card,#events-section .event-card{gap:1rem}#events-section h2,.donate-section h2{font-size:2rem}#events-section #food-pantry-card h3,.event-card h3,.volunteer-section h2{font-size:1.5rem}#events-section .special-description,.events-buttons button,.resources-list article p,.volunteer-checkbox label{font-size:.75rem}#events-section .special-event-tag,#events-section .weekly-event-tag{width:5rem;font-size:.75rem;padding:.5rem}#events-section svg{width:2.75rem}.resources-section .resources-title p{width:90%;font-size:.85rem}.resources-section{width:90%;padding:2rem 1rem}.resources-section h2{font-size:2.25rem;text-align:center}.resources-section ul.filter-buttons{gap:.5rem}.resources-section li button{padding:.5rem .75rem;font-size:.85rem}.resources-list article img{width:5rem}.resources-list .resources-tags li{font-size:.65rem}.volunteer-section{padding:1.5rem 2rem;width:min(85vw,23rem)}.volunteer-section form{gap:.75rem}.checkbox-container{justify-content:flex-start}.volunteer-section form input{width:100%;padding:.35rem;font-size:.75rem}.volunteer-section form button{width:7.5rem}}@media screen and (max-width:500px){#events-section #food-pantry-card h3,#events-section .event-card h3,.hero-section h2,h2{font-size:1.5rem}header{padding:.25rem}#donate-button-responsive,#events-section .events-buttons .small-buttons{display:block}header nav#nav-links{display:none;position:absolute;top:67.87px;right:0;padding-right:0}header nav#nav-links a{margin:0;display:block;padding:1rem .5rem 1rem 4rem;color:#000;text-align:right;background:#fff}#events-section p>strong,#nav-links #donate-button,.events-buttons .normal-buttons,.special-event-tag,.weekly-event-tag{display:none}header button.icon{background-color:transparent;border:none;width:2.5rem;display:block}#footer .footer-content img{margin-right:0}.footer-content div p{text-align:center;font-size:.35rem}.hero-section p{font-size:1rem}#about-us-section{width:95%}#about-us-section h3,#services-section h3,#staff-section h3,.resources-section h2{font-size:1.75rem}#about-us-section img{width:12rem;height:12rem}#services-section article h4{font-size:1.15rem}#services-section article p,#staff-section h4{font-size:.85rem}#services-section article{width:95%;height:auto;padding:1.25rem 1rem}#events-section .event-card .special-description,#staff-section p,.donate-section p,.resources-section .resources-title a,.resources-section .resources-title p{font-size:.75rem}#staff-section div{width:95%;column-gap:0}#staff-section article{width:45%;height:9.5rem;justify-content:flex-start}#staff-section img{width:6rem;height:6rem}#events-section h2,#news-section h2{font-size:1.75rem;text-align:center}.events-buttons,.resources-section ul.filter-buttons{gap:.25rem}#events-section #food-pantry-card,#events-section .event-card{width:100%;gap:.5rem;box-shadow:none}#events-section #food-pantry-card>div{gap:.5rem}#events-section #food-pantry-card button#back-button,#events-section #food-pantry-card button#next-button{width:1.5rem}#news-section a{gap:.75rem;height:375px;flex-direction:column;overflow:hidden;justify-content:flex-start}#news-section a div{gap:.35rem}#news-section img{width:100%;height:auto}.donate-section .donate-description{width:90%;margin-bottom:0;padding-bottom:1rem}.donate-section h2{font-size:1.75rem;width:95%}.donate-section .donate-additional{font-size:.75rem;width:90%}.resources-section{padding:2rem 0}.resources-section li button{padding:.25rem .5rem;border-radius:8px}.resources-list article{display:flex;flex-direction:column;padding:1rem .5rem;gap:.25rem;width:100%}.resources-list article ul.resources-tags,.resources-list article>div{width:85%}.volunteer-section{width:90%;padding:.75rem 1rem}}