:root{--primary-color:#AE0807;--dark-color:#333;--gray-color:#D6D6D6;--gray-light-color:#f9f9f9;--container-mobile:100%;--container-normal:1100px}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Montserrat",serif;font-size:100%;color:var(--dark-color)}a{text-decoration:none;color:var(--dark-color)}ul{list-style:none}img{max-width:100%}.text-primary{color:var(--primary-color)}.text-white{color:#fff}.text-dark{color:var(--dark-color)}.grid-cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.container{width:100%;max-width:var(--container-mobile);padding:0 1.5rem;margin:0 auto}.header{position:fixed;top:0;z-index:100;width:100%;background-color:#fff;box-shadow:0 8px 16px rgb(0 0 0 / .1)}.header .header-flex{display:flex;justify-content:space-between;align-items:center;margin:auto}.header .logo{width:60px}.header .menu-toggle{display:block;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--primary-color)}.header .main-menu{display:none;flex-direction:column;position:absolute;top:100%;right:0;background:#fff;width:100%;box-shadow:0 8px 16px rgb(0 0 0 / .1);padding:1rem 0}.header .main-menu.show{display:flex}.header .main-menu li{text-align:center;padding:.5rem 0}.header .main-menu a{padding:.5rem}.header .main-menu a:hover{color:var(--primary-color)}.current{color:var(--primary-color);font-weight:600}.hero{width:100vw;height:30rem;background:url(assets/img/hero.webp) no-repeat;background-size:cover;background-position-x:30%;background-position-y:30%;position:relative;display:flex;align-items:end;z-index:-2}.hero-opacity{position:absolute;bottom:0;height:300px;width:100%;background:linear-gradient(180deg,#fff0 0%,#ffffff 100%);opacity:.95;z-index:-1}.hero h1{font-size:1.25rem;font-weight:400;letter-spacing:.2rem;padding-bottom:1.5rem}.information{padding:3rem 0;text-align:center;display:flex;flex-direction:column;align-items:center}.information h2{margin-bottom:1.5rem;font-weight:400;font-size:1.25rem;letter-spacing:.3rem}.information p{font-size:1rem;max-width:40rem;margin:auto auto 2.5rem auto}.information .features{display:grid;grid-template-columns:1fr;gap:20px}.information .features .card{padding:2rem}.information .features .card img{width:10rem;aspect-ratio:1 / 1}.information .card h3{margin:1.5rem 0}.information .features .card .button{display:inline-block;padding:10px 20px;border-radius:50px;border:1px solid var(--primary-color);transition:background-color 0.3s ease}.information .features .card .button:hover{background:var(--primary-color);color:#fff}.about-felicia{padding:40px 20px;background-color:var(--gray-light-color)}.about-felicia h2{font-size:2rem;color:var(--primary-color);margin-bottom:.5rem;font-weight:400}.about-felicia .container{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:auto}.felicia-photo{width:100%;max-width:300px;border-radius:20px;box-shadow:0 4px 8px rgb(0 0 0 / .1)}.felicia-description{max-width:600px;text-align:left;font-size:1rem}.felicia-description p{margin-bottom:1rem;line-height:1.6}.footer{background-color:var(--gray-color);padding:1rem 0;margin-top:2rem}.footer .container{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.contact-info .social-media a,.footer .social-media a{margin:0 10px;display:inline-block}.contact-info .social-media a,.footer .social-media img{width:30px;height:30px;transition:transform 0.3s ease}.contact-info .social-media a,.footer .social-media img:hover{transform:scale(1.2)}.footer p{font-size:.9rem;margin-bottom:1.5rem}.volunteer{height:20rem;background:url(/assets/img/gallery/IMG_4-large.webp) no-repeat;background-position:30%;background-size:cover}.title{height:10rem;position:relative;display:flex;align-items:end;z-index:-2}.title-opacity{position:absolute;bottom:0;height:45%;width:100%;background:linear-gradient(180deg,#fff0 0%,#ffffff 100%);z-index:-1}.title h1{color:var(--primary-color);font-weight:500;letter-spacing:.2rem}.section{padding:1.5rem 0}.section h2,.fees h2{font-size:1.25rem;color:var(--primary-color);margin-bottom:1.5rem;font-weight:400}.volunteer-gallery{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.volunteer-gallery img{width:100%;border-radius:10px;box-shadow:0 4px 8px rgb(0 0 0 / .1)}.view-more-button{margin-top:0}.fees{padding:3rem 2rem;background-color:var(--gray-light-color);text-align:center}.fees-flex{display:flex;flex-direction:column}.fees h2{font-weight:700}.fees-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}.fee-card{background:#fff;border:1px solid var(--gray-color);border-radius:8px;padding:1rem;box-shadow:0 4px 8px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease}.fee-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgb(0 0 0 / .2)}.fee-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--primary-color)}.section .button,.fees .button{width:fit-content;margin:2rem auto 0;background:var(--primary-color);color:#fff;padding:10px 20px;border-radius:8px;transition:background-color 0.3s ease;display:inline-block}.section .button:hover,.fees .button:hover{background:#900606}.carousel{position:relative;max-width:100%;margin:auto;overflow:hidden}.carousel-track-container{overflow-x:scroll;padding:2rem}.carousel-track{display:flex;transition:transform 0.5s ease-in-out;gap:1.5rem}.carousel-slide{min-width:100%;box-sizing:border-box;background:#fff;border:1px solid var(--gray-color);border-radius:8px;padding:1.5rem;box-shadow:0 4px 8px rgb(0 0 0 / .1);font-style:italic}.carousel-slide h3{margin-top:1rem;font-size:1rem;font-weight:700}.carousel-button{display:none}.adoptions-section{padding:3rem 0}.adoptions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.dog-card{min-height:27rem;background-color:var(--gray-light-color);position:relative;overflow:hidden;border:1px solid var(--gray-light-color);border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease}.dog-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgb(0 0 0 / .2)}.dog-photo{width:100%;border-radius:8px;display:block}.dog-name{z-index:2;position:absolute;bottom:0;width:100%;height:40%;background:linear-gradient(180deg,#fff0 0%,#ffffff 100%);display:flex;padding:1.5rem;opacity:.8}.dog-name h3{height:fit-content;font-size:1.2rem;color:var(--primary-color);align-self:flex-end}.progress-container{margin-top:2rem}.progress-bar{width:80%;max-width:600px;height:20px;background-color:var(--gray-color);border-radius:10px;margin:2rem auto;overflow:hidden}.progress-fill{height:100%;background-color:var(--primary-color);border-radius:10px 0 0 10px;transition:width 0.5s ease}.blueprints{display:flex;justify-content:center}.blueprints img{max-width:100%;margin:1.5rem 0;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .15)}.qr-codes{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.qr-item{text-align:center}.qr-item .bank-accounts,.qr-item img{height:400px;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .1)}.qr-item .bank-accounts{padding:2rem;max-width:18rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-item .bank-accounts .bank-account{margin-top:1rem}.gofundme{margin-top:30px;text-align:center}.gofundme h3{font-size:1.2rem;color:var(--primary-color);margin-bottom:10px}.gofundme p{font-size:1rem;margin-bottom:15px;color:#555}.gofundme .button{background:var(--primary-color);color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:700;transition:background-color 0.3s ease}.gofundme .button:hover{background:#900606}.paypal{margin-top:30px;text-align:center}.paypal h3{font-size:1.2rem;color:var(--primary-color);margin-bottom:10px}.paypal p{font-size:1rem;margin-bottom:15px;color:var(--dark-color)}.paypal .button{background:var(--primary-color);color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:700;transition:background-color 0.3s ease}.paypal .button:hover{background:#900606}.contact-container{display:flex;flex-direction:column;gap:20px;margin:auto;align-items:center}.contact-map{width:100%;overflow:hidden}.contact-map img{width:100%;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .1)}.contact-info{text-align:left;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .1)}.contact-info h3{color:var(--primary-color);margin-bottom:10px}.contact-info p{margin:10px 0;font-size:1rem;color:var(--dark-color)}.contact-info a{color:var(--primary-color);text-decoration:none}.contact-info a:hover{text-decoration:underline}.gallery-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:7rem auto auto auto}.gallery-photo{width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer}.gallery-photo:hover{transform:scale(1.05);box-shadow:0 8px 16px rgb(0 0 0 / .2)}.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .8);justify-content:center;align-items:center;z-index:1000}.lightbox img{max-width:90%;max-height:90%;border-radius:8px}.lightbox .close-lightbox{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer}@media (min-width:600px){.container{padding:0 1.5rem}.header .logo{width:100px}.hero{height:100vh;width:100vw;background-size:cover;background-position-y:30%}.hero h1{font-size:2rem}.title-opacity{height:30%}.information h2{font-size:2rem}.information .features{grid-template-columns:repeat(3,1fr)}.information .features .card{padding:1.5rem}.title{width:100vw;background-position-y:60%}.title h1{font-size:2rem;font-weight:500}.view-more-button{grid-column-start:3;width:fit-content;justify-self:end}.fees-grid{gap:2rem}.fee-card{padding:2rem}.qr-codes{flex-direction:row}.contact-grid{grid-template-columns:1fr 1fr}.contact-map{width:500px;overflow:hidden}.title{height:15rem}.tile-small{grid-column:span 1;grid-row:span 1}.tile-medium{grid-column:span 2;grid-row:span 2}.tile-large{grid-column:span 3;grid-row:span 2}}@media (min-width:868px){.header .menu-toggle{display:none}.header .main-menu{display:flex;position:static;flex-direction:row;background:none;box-shadow:none;gap:1rem;width:auto}.header .main-menu li{text-align:left;padding:0}.header .main-menu a{padding:.5rem 1rem;font-size:1rem}.carousel-track-container{overflow-x:hidden}.carousel-slide{min-width:30%}.carousel-button{display:inline-block;width:30px;height:30px;position:absolute;top:50%;transform:translateY(-50%);background:var(--primary-color);color:#fff;border:none;border-radius:50%;cursor:pointer;z-index:1}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}.carousel-button:hover{background:#900606}}@media (min-width:1024px){.container{max-width:var(--container-normal)}.hero .container{margin:5rem auto}.hero-opacity{top:0;height:70%;background:linear-gradient(0deg,#fff0 0%,#ffffff 100%)}.hero h1{font-size:2.5rem;letter-spacing:.5rem;text-align:right}.information{padding:5rem 0}.container{max-width:var(--container-normal)}.title h1{font-size:2.5rem;letter-spacing:.5rem}}