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

Fall Migration Basics: What Backyard Birders Should Know

Fall migration doesn’t arrive with the same fanfare as spring. Birds are quieter, less visible, and often more focused on efficiency than display.

Even so, fall migration is one of the most demanding periods in a bird’s year. Understanding what birds need during this time allows backyard birders to offer meaningful, well-timed support.


Why Fall Migration Feels Different

Unlike spring, fall migration prioritizes survival and energy conservation. Birds move with purpose, stopping only long enough to refuel before continuing their journey.

You may notice fewer songs and shorter visits, but activity is still constant.


What Birds Need Most During Migration

At this stage, birds are focused on a few essentials:

  • Reliable, high-energy food
  • Safe places to rest briefly
  • Clean water for drinking and bathing

Consistency matters more than variety.

(Related: Winter Feeding Tips for Backyard Birds)


Feeding Strategies That Help

Keeping feeders stocked with familiar, energy-dense foods supports birds as they pass through. Frequent changes or experimentation during migration can disrupt feeding patterns.

Stability builds trust.

(Related: Seed, Suet, or Mealworms? Choosing the Right Food for Each Bird)


Reducing Common Migration Hazards

Migration increases collision risk, especially around homes. Small adjustments can help:

  • Dimming or turning off unnecessary nighttime lighting
  • Marking large or reflective windows
  • Keeping feeding areas away from glass

These steps reduce disorientation and injury.

(Related: Why Birds Stop Visiting Feeders (and How to Bring Them Back))


Frequently Asked Questions

When does fall migration happen?
Timing varies by species, but late summer through fall is typical for many birds.

Should I keep feeding during migration?
Yes. Consistent food and water can help birds refuel.

Do birds migrate at night?
Many songbirds do, which is why lights and windows become bigger hazards.

What’s the best way to help?
Consistency: clean feeders, fresh water, and reduced collision risks.


The Bottom Line

Fall migration is quieter, but no less important. Calm, consistent support helps birds refuel safely and continue their journey when conditions are right.