/* 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: 300px; margin: 50px auto; } .wheel { width: 100%; 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; } }

Why We Love Badlands Ranch

Superfood Nutrition for a Healthier, Happier Pet.

shop Badlands Ranch

Meet Badlands Ranch

When it comes to top-quality pet nutrition, Badlands Ranch is raising the bar. Created with a focus on premium ingredients and science-backed formulas, this brand is all about fueling pets with real, whole foods that support longevity, energy, and overall well-being. Inspired by a passion for pet health, Badlands Ranch goes the extra mile to deliver superior nutrition without compromise.

What Makes Badlands Ranch Stand Out?

Superfood-Powered Nutrition: Badlands Ranch combines high-quality proteins with a blend of superfoods to support digestion, skin and coat health, and immune function.

Air-Dried for Maximum Nutrition: Their unique air-drying process helps preserve essential nutrients while making food convenient to serve.

Responsibly-Sourced Ingredients: Every recipe features humanely raised meats and sustainably harvested fish, ensuring quality and ethics go hand in hand.

Giving Back to Pets in Need: A portion of every purchase supports the Jason Heigl Foundation, which is dedicated to rescuing and improving the lives of at-risk animals. When you choose Badlands Ranch, you’re not just feeding your pet premium nutrition—you’re also helping pets in need find loving homes.

Fan Favorites from Badlands Ranch

Badlands Ranch Superfood Complete Beef Formula Air-Dried Dog FoodSuperfood Complete Beef Formula

A premium, air-dried dog food packed with protein, healthy fats, and superfoods for optimal health.

Badlands Ranch Superfood Bites Wild Salmon Dog TreatsSuperfood Bites

These nutritious treats feature freeze-dried raw ingredients, making snack time both healthy and delicious.

Badlands Ranch Superfood Complete Lamb & Venison Formula Air-Dried Dog FoodSuperfood Complete Lamb & Venison Formula

Made with grass-fed lamb & venison and carefully formulated to help support your dog’s smooth digestion and overall wellness.

From Badlands Ranch

photo of home at Badlands Ranch “Named after Katherine’s family ranch in Utah, a loving home for animals in need, Badlands Ranch is a reflection of her profound commitment to animal nutrition and care. Witnessing the heartbreaking impact of malnutrition on shelter dogs, as well as watching her own cherished pets struggle with health issues, Katherine sought the expertise of top animal nutritionists for a solution. Together, they developed a superior dog food that combines irresistible flavor with exceptional nourishment for dogs.”

Ready to Explore?

Click below to shop Badlands Ranch and discover why so many pet parents are making the switch. We know you and your furry fam are going to love it!