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

Native Plants That Attract Birds (and Why They Matter More Than Feeders)

Bird feeders are helpful — but they’re not the foundation of a bird-friendly yard. Native plants play a far greater role in supporting birds year-round.

When you plant native species, you’re not just attracting birds — you’re supporting the entire ecosystem they rely on.


Why Native Plants Matter to Birds

Native plants have existed alongside local birds, insects, and pollinators for ages. Because of that shared history, they provide resources birds actually know how to use.

Unlike many ornamental plants, native species support:

  • Natural food sources birds rely on
  • Insect populations needed for nesting season
  • Shelter suited to local weather patterns

Feeders supplement a bird’s diet. Native plants sustain it.


Insects: The Food Source Many People Overlook

While seeds get most of the attention, insects are essential to bird survival — especially during nesting season.

Most songbirds rely heavily on insects to feed their young, even if the adults eat seeds the rest of the year. Native plants support far more insect life than non-native landscaping plants.

Without insects, many birds cannot successfully raise young.

(Related: Spring Nesting Season: How to Support Birds Safely)


Shelter and Safety Benefits

Native trees, shrubs, and grasses offer more than food. They also provide:

  • Protection from predators
  • Shelter from wind and rain
  • Natural nesting sites

Layered planting — ground cover, shrubs, and canopy — creates safer, more usable space for birds.


Native Plants vs. Decorative Landscaping

Many common landscaping plants are chosen for appearance alone. While attractive, they often offer little nutritional or shelter value for wildlife.

A yard can still be visually appealing while prioritizing function. Native plants support birds without requiring a “wild” or unkempt look. A balance of beauty and function makes the biggest impact.


How to Start Small

You don’t need to redesign your entire yard to make a difference.

Even small steps help:

  • Replacing a single shrub with a native species
  • Allowing seed heads to remain through winter
  • Add native ground cover
  • Reducing excessive pruning during nesting season

Over time, these changes compound.


Frequently Asked Questions

Do I need a large yard for native plants to help birds?
No. Even small gardens, containers, or a single tree can provide meaningful support.

Will native plants attract unwanted insects?
They attract insects birds rely on for food, especially during nesting season.

Can I still use bird feeders if I plant native?
Yes. Feeders and native plants work best together.

Is “native” the same as “pollinator-friendly”?
They often overlap, but native plants are best adapted to local wildlife.


The Bottom Line

Feeders invite birds to visit. Native plants give them a reason to stay. Supporting birds long-term starts with creating spaces that meet their natural needs.