/* Custom CSS - Hello From FieldStack */ .delivery-heading { font-weight: 500; } /* Font Imports */ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap"); .faq-subheader { max-width: 1160px; margin-left: auto; margin-right: auto; } .flex-row { display: flex; justify-content: space-between; align-items: center; max-width: 900px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 40px; } .flex-col { width: 33%; padding: 0 15px; text-align: center; } .flex-col img { display: block; width: 100%; } .icon-text { display: block; font-size: 22px; margin-top: 20px; } .feature-checklist { display: flex; justify-content: center; margin-left: auto; margin-right: auto; margin-top: 40px; } .feature-checklist ul { } .feature-checklist li { font-weight: bold; margin-bottom: 12px; } .feature-checklist i.fas.fa-check-circle { color: green; margin-right: 7px; font-size: 18px; } .faq-section { max-width: 700px; display: flex; flex-wrap: wrap; justify-content: center; margin-left: auto; margin-right: auto; } .collapsible-container { margin-bottom: 20px; width: 100%; } .package-table { background-color: #6E4F48; color: white; font-weight: 400; max-width: 500px; margin-left: auto; margin-right: auto; } .package-td { padding: 20px; height: 70px; text-align: center; } /* Temporary Tooltip */ /* Tooltip container */ .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ } /* Tooltip text */ .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; } /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible; } /* Home Page Two-Image Display */ .two-image-container { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; /* Space between images */ padding: 16px; /* Padding around the container */ margin-top: 32px; /* Add space above the image container */ } .image-box { flex: 1 1 calc(50% - 16px); /* Ensures two side-by-side images with gap */ max-width: calc(50% - 16px); box-sizing: border-box; } .image-box img { width: 100%; aspect-ratio: 4 / 3; border-radius: 8px; /* Rounded corners */ border: 4px solid #462b15; /* 4-pixel border in the specified color */ transition: transform 0.3s ease, box-shadow 0.3s ease; } .image-box img:hover { transform: scale(1.05); /* Subtle zoom effect */ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Shadow on hover */ } .caption { text-align: center; margin-top: 8px; font-size: 1rem; color: #462b15; /* Dark color for captions */ } @media (max-width: 640px) { .image-box { flex: 1 1 100%; /* Stack images on smaller screens */ max-width: 100%; } } /* Block Quotes */ .quote-highlight { display: flex; /* Aligns image and text side-by-side */ align-items: center; /* Ensures both image and text are vertically aligned */ gap: 15px; /* Space between the image and the text */ font-family: inherit; /* Explicitly uses the global font */ font-style: italic; font-size: 1.25em; line-height: 1.6; background-color: #fde08f; color: #462b15; padding: 20px 30px; border-left: 8px solid #f8b400; border-radius: 5px; margin: 30px 0; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } .quote-image { max-width: 100px; /* Restrict image size */ height: auto; /* Maintain aspect ratio */ border-radius: 50%; /* Optional: Make the image circular */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */ flex-shrink: 0; /* Prevents the image from resizing too small */ } @media (max-width: 768px) { .quote-highlight { flex-direction: column; align-items: center; text-align: center; } .quote-image { margin-bottom: 10px; /* Adds space between image and text */ } } /* Spin to Win Wheel */ .wheel-container { position: relative; width: 90vw; /* Responsive: 90% of viewport width */ max-width: 400px; /* Optional: set a max size so it's not huge on desktop */ margin: 0 auto; /* Horizontally center it */ } .wheel { width: 100%; height: auto; /* Maintain aspect ratio */ display: block; /* Prevent image from inheriting inline spacing */ transition: transform 3s ease-out; } .spin-btn { margin-top: 20px; padding: 10px 20px; font-size: 18px; cursor: pointer; } .result { margin-top: 20px; font-size: 20px; } }
 


Voted Best Local Pet Store in The Roanoker Magazine's
37th Annual Best of Roanoke Annual Reader Poll



Come see why the pet owners in Roanoke once again voted Nature's Emporium as the Platinum Winner for Best Local Pet Store! With our emphasis on variety, customer satisfaction, and attention to detail, you'll see why local pet owners trust us year after year to help keep their pets happy and healthy. From our vast selection of dog and cat foods and treats to our array of services like Grooming and Self-Service Dog Wash, we are ready and honored to be your go-to pet store in Roanoke and Salem!



Nature's Emporium is your local home for high-quality pet food, treats, and supplies. We cater especially to those pet parents that want to ensure they’re feeding the best nutrition to their beloved dogs and cats. We’ve been in business for over 50 years and have been proud to serve the Roanoke area since 1983 with brands you can trust. You shouldn’t have to search far and wide to find the right solutions for your pet’s needs – which is why we’re located just off the corner of Brambleton Avenue and Electric Road at 3912 Brambleton Ave. We offer Curbside Pick-up, Local Delivery, and AutoShip services to help make caring for your pets even easier!

Looking for a unique brand of pet food that you haven't seen in the big box stores? Want to try something new for your dog or cat, but need to speak to someone knowledgeable about the product? Check out just some of the things our Pet Food Specialists can help you find, right down the road from your home:

  • Premium Pet Foods
  • Frozen and Freeze-Dried Raw Foods
  • Both Grain-Free and Wholesome Grain-Inclusive Options
  • Limited Ingredient Diets
  • Novel Proteins like Venison, Kangaroo, & Bison
  • Bulk Treats
  • The Latest Toys
  • Alternative Chews
  • Health Supplements
  • Natural & Organic Grooming Supplies
  • Dental Health Products
  • Flea & Tick Prevention
  • Gifts for Pet Lovers
  • High Quality Beds, Bowls, Leashes, & More!



But the selection doesn't stop there. We also specialize in Garden Supplies - offering everything from premium wild bird seed and beautiful bird feeders to festive flags and melodic wind chimes - as well as gifts for all occasions! With a rotating inventory of new arrivals and seasonal favorites, you never know what you'll find at Nature's Emporium!



You want the best for your pet and so do we. Give us a call at (540)772-1980 or stop by and speak to one of our Pet Food Specialists today!



Take a look at just some of the brands you can find at Nature's Emporium, online & in store: