/* 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; } }

7 Foods That Are Dangerous for Dogs to Eat

Dogs are known for their love of food and are often tempted by tasty treats. However, not all foods are safe for dogs to eat, and some can even be deadly. As a responsible dog owner, it is essential to be aware of the foods that are dangerous for your furry friend. In this blog post, we will discuss seven foods that are dangerous for dogs to eat.

  1. Chocolate

    Chocolate contains theobromine, a substance that is toxic to dogs. The darker the chocolate, the higher the concentration of theobromine. Symptoms of chocolate poisoning in dogs include vomiting, diarrhea, hyperactivity, seizures, and even death. If you suspect that your dog has eaten chocolate, seek veterinary care immediately.

  2. Grapes and Raisins

    Grapes and raisins can cause kidney failure in dogs. Symptoms of grape or raisin toxicity include vomiting, diarrhea, lethargy, and decreased appetite. Even small amounts of grapes or raisins can be harmful to dogs, so it is best to avoid giving them to your furry friend altogether.

  3. Onions and Garlic

    Onions and garlic contain compounds that can damage a dog's red blood cells, leading to anemia. Symptoms of onion or garlic toxicity include vomiting, diarrhea, weakness, and pale gums. In severe cases, a blood transfusion may be necessary. Avoid feeding your dog foods that contain onions or garlic, including onion powder and garlic powder.

  4. Avocado

    Avocados contain persin, a substance that can cause vomiting, diarrhea, and heart congestion in dogs. Additionally, the large seed in the center of an avocado can cause an obstruction in a dog's digestive system. Avoid feeding your dog avocado, including guacamole.

  5. Xylitol

    Xylitol is a sweetener that is commonly found in sugar-free gum, candy, and baked goods. Xylitol can cause insulin release in dogs, leading to hypoglycemia (low blood sugar). Symptoms of xylitol toxicity include vomiting, loss of coordination, seizures, and liver failure. Even small amounts of xylitol can be deadly to dogs, so it is crucial to keep all products containing xylitol out of reach of your furry friend.

  6. Alcohol

    Alcohol can cause alcohol poisoning in dogs, leading to vomiting, diarrhea, difficulty breathing, tremors, and even death. Keep all alcoholic beverages out of reach of your dog, including beer, wine, and liquor.

  7. Macadamia Nuts

    Macadamia nuts can cause vomiting, hyperthermia (elevated body temperature), and lethargy in dogs. In severe cases, macadamia nut toxicity can cause tremors and seizures. Avoid feeding your dog macadamia nuts or foods that contain them.


It's essential to be aware of the foods that are dangerous for dogs to eat. Chocolate, grapes, raisins, onions, garlic, avocado, xylitol, alcohol, and macadamia nuts are all foods that can cause harm to your furry friend. As a responsible dog owner, it is your responsibility to keep these foods out of reach and to seek veterinary care immediately if you suspect that your dog has ingested any of them. By being vigilant and informed, you can help keep your dog safe and healthy.