/* 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; } } /* Independent brand carousel */ .brand-carousel-frame { position: relative; width: 100%; padding: 20px 0; box-sizing: border-box; } .brand-carousel-viewport { width: 100%; overflow: hidden; } .brand-carousel-track { display: flex; width: 100%; transition: transform 0.45s ease; } .brand-carousel-slide { display: flex; flex: 0 0 100%; justify-content: center; align-items: flex-start; gap: 28px; box-sizing: border-box; } .brand-carousel-card { display: flex; flex: 0 1 180px; min-width: 0; flex-direction: column; align-items: center; text-align: center; text-decoration: none; } .brand-carousel-card img { display: block; width: auto; max-width: 100%; height: 185px; object-fit: contain; } .brand-carousel-card span { display: block; margin-top: 8px; font-size: 16px; line-height: 1.15; } .brand-carousel-card:hover span, .brand-carousel-card:focus span { text-decoration: underline; } .brand-carousel-arrow { position: absolute; top: 50%; z-index: 2; width: 18px; height: 18px; margin-top: -9px; padding: 0; border: 0; background: transparent; cursor: pointer; font-size: 0; line-height: 0; } .brand-carousel-arrow::before { content: ""; display: block; width: 14px; height: 14px; border-top: 2px solid #9b9b9b; border-right: 2px solid #9b9b9b; } .brand-carousel-prev::before { transform: rotate(-135deg); } .brand-carousel-next::before { transform: rotate(45deg); } .brand-carousel-prev { left: -24px; } .brand-carousel-next { right: -24px; } .brand-carousel-arrow:hover::before, .brand-carousel-arrow:focus::before { border-color: #462b15; } /* Mobile: stay horizontal, with smaller logos and arrows */ @media (max-width: 700px) { .brand-carousel-frame { padding: 15px 0; } .brand-carousel-slide { gap: 10px; } .brand-carousel-card { flex-basis: 22%; } .brand-carousel-card img { height: 105px; } .brand-carousel-card span { margin-top: 5px; font-size: 12px; } .brand-carousel-arrow { margin-top: -13px; font-size: 28px; } .brand-carousel-prev { left: -8px; } .brand-carousel-next { right: -8px; } }
Change store from currently selected store.
0 My Cart
FREE LOCAL DELIVERY FOR ORDERS OVER $59
Wet Food Under $3 Natural Value Shop Now.
Zignature inception $8 off 27 lb bags of Zignature inception food for dogs. Shop Now.
Nomadix. Own Less. Do More. Shop Now.
Buy 4 Get 1 Free KOHA Poke Bowl Pouches. Shop Now.
Young female frazzled with bathing Pomeranian dog Grooming got you puzzled Go with the pros Call now
Homepage Hero
the natural dog icon

The Natural Dog

Pet Food, Treats & Supplies

  • Offering your pet great brands, the best toys, fun treats and great gifts in North Carolina and Virginia. Serving dogs, cats, wild birds and small animals since 1970.
On Sale This Month
Red White and Blue
Featured Categories
The best deals under the sun. View Current Sales
Why We Love PureVita Learn More

Convenient Services From Our Caring Staff

online ordering icon

ONLINE ORDERING

Order online for in-store pickup, delivery or shipping! Local delivery is available from our NC and VA locations.

Online Ordering

curbside pickup icon

CURBSIDE PICKUP

Order online and we'll bring your pet food, treats or gifts right out to your vehicle.

Curbside Pickup

schedule delivery icon

SCHEDULE DELIVERY

Click below to view our delivery schedule. We'll bring your order right to your door step!

Delivery Schedule

pet care services icon

PET CARE SERVICES

Click below for more information on our dog washing, grooming & training services.

Pet Care Services

Monthly Focus
photo of two dog running through water towards camera with one of them carrying a toy and the other looking like they want to take it. Beat the heat. Simple steps to stay cool this summer. Learn more
Cooling Products

Did you know? - Pet Education

Providing Water for Birds in Summer

Image for Blog Post

June 15, 2026

READ MORE >

Hydration in Pets: How Much Water is Enough?

Image for Blog Post

June 1, 2026

READ MORE >

How to Keep Bird Feeders Clean and Disease Free

Image for Blog Post

May 15, 2026

READ MORE >
Locations

6 Locations across North Carolina and Southern Virginia