/* 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 Ways to Keep Your Dog Cool in the Summer Heat

As the summer months approach, it's important to make sure that our furry friends stay safe and comfortable in the heat. Dogs are susceptible to heat exhaustion and dehydration, so it's crucial to take precautions to keep them cool during hot weather. Here are seven ways to keep your dog cool in the summer heat:

  1. Provide Plenty of Water

    One of the easiest ways to keep your dog cool and hydrated is to ensure they have access to plenty of clean water. Make sure your dog's water bowl is always filled with fresh, cold water. If you're going on a walk or hike, bring along a water bottle and a collapsible bowl so your dog can drink water on the go.

  2. Create a Shaded Area

    Dogs need a place to cool down and rest out of the sun. You can create a shaded area in your backyard by installing a canopy or umbrella, or by providing a covered doghouse or shaded area under a tree. If you're spending time outside with your dog, bring a portable canopy or umbrella to provide shade.

  3. Take Walks During Cooler Times

    If possible, try to take your dog for walks during the cooler times of the day, such as early in the morning or late in the evening. Avoid walking your dog during the hottest part of the day, which is usually between 10 am and 4 pm.

  4. Use Cooling Products

    There are several cooling products available for dogs, including cooling mats, bandanas, vests, and collars. These products work by using water or gel to keep your dog cool. You can also freeze a wet bandana or towel and place it around your dog's neck to provide relief from the heat.

  5. Avoid Hot Surfaces

    Hot surfaces like asphalt, sand, and concrete can burn your dog's paws and make them feel uncomfortable. When taking your dog for a walk or letting them outside, try to stick to grassy areas or shaded paths.

  6. Provide Indoor Cooling

    If your home doesn't have air conditioning, you can still keep your dog cool indoors. Place fans around the house to circulate air, and keep blinds or curtains closed during the hottest parts of the day to block out the sun's rays. You can also provide your dog with a cooling bed or mat to lie on.

  7. Watch for Signs of Heat Exhaustion

    Even with all these precautions, it's important to watch for signs of heat exhaustion in your dog. Symptoms include excessive panting, drooling, vomiting, lethargy, and collapse. If you suspect your dog is suffering from heat exhaustion, take them to a cool, shady area, offer them water, and contact your veterinarian immediately.


By following these tips, you can help your dog stay cool and comfortable during the hot summer months. Remember, it's important to always prioritize your dog's health and safety, especially in extreme weather conditions.