/* /Components/Layout/ChatWidget.razor.rz.scp.css */
.chat-greeting[b-kotdzh0hh8] {
    position: fixed;
    right: 20px;
    bottom: 90px;
    z-index: 10000000;
    padding: 10px;
    border: 2px solid #ffffff;
    border-radius: 5px;
    background: #1857a5;
    color: #ffffff;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.chat-greeting[hidden][b-kotdzh0hh8] {
    display: none;
}

.chat-button[b-kotdzh0hh8] {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 10000000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 56px;
    padding: 0;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: #1857a5;
    color: #ffffff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: transform 0.2s;
}

.chat-button:hover[b-kotdzh0hh8],
.chat-button:focus-visible[b-kotdzh0hh8] {
    transform: scale(1.15);
}

.chat-button__icon[b-kotdzh0hh8] {
    width: 24px;
    height: 24px;
    fill: #ffffff;
}

.chat-button__icon[hidden][b-kotdzh0hh8] {
    display: none;
}
/* /Components/Pages/AboutUs/AboutUs.razor.rz.scp.css */
.page-banner h1[b-ygilsy2fg7] {
    color: #ffffff;
}

.about-section[b-ygilsy2fg7] {
    padding-top: 20px;
}

.about-section--summaries[b-ygilsy2fg7] {
    padding-top: 60px;
}

.about-section h2[b-ygilsy2fg7],
.about-section h3[b-ygilsy2fg7] {
    margin-bottom: 10px;
}

.about-link[b-ygilsy2fg7] {
    font-weight: bold;
}

.about-holidays-button[b-ygilsy2fg7] {
    padding: 0;
    font-weight: bold;
    vertical-align: baseline;
}

.mission-list[b-ygilsy2fg7] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
    padding-left: 32px;
}

.annual-summaries[b-ygilsy2fg7] {
    padding: 5px 0 10px;
}

.annual-summaries__year[b-ygilsy2fg7] {
    width: 50px;
}
/* /Components/Pages/AboutUs/ContactInformation.razor.rz.scp.css */
.contact-info[b-ckix64apgk] {
    margin-top: 14px;
}

.contact-info h3[b-ckix64apgk] {
    margin-bottom: 10px;
}

/* The theme styles every li inside .related_post_sec as a floated, ruled post link; the holidays read as plain
   lines here, and the list must stay in normal flow so the bordered box grows around it. */
.contact-info[b-ckix64apgk]  .observed-holidays li {
    float: none;
    display: block;
    position: static;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
}
/* /Components/Pages/AboutUs/ContactUs.razor.rz.scp.css */
.page-banner--gray[b-501mfb5705] {
    padding: 10px;
    background-color: gray;
}

.page-banner h1[b-501mfb5705] {
    color: #ffffff;
}

.contact-form[b-501mfb5705] {
    margin-top: 14px;
}

/* The spacing it had as an h3, when the theme's .custom_content.custom h3 margin set it. */
.contact-form__heading[b-501mfb5705] {
    margin: 0 0 30px;
}

/* Underlined because its blue is too close to the paragraph's gray to mark it as a link by color alone. */
.contact-form__link[b-501mfb5705] {
    text-decoration: underline;
}

/* Holds the widget's height until js/contact-us.js loads reCAPTCHA, so the button doesn't jump. */
.contact-form .g-recaptcha[b-501mfb5705] {
    min-height: 78px;
}

.contact-form[b-501mfb5705]  .validation-message {
    margin-top: 5px;
    color: #a94442;
    font-size: 14px;
}

.contact-result[b-501mfb5705] {
    margin-top: 14px;
    padding: 20px;
    border: 1px solid #dce4ea;
    border-radius: 5px;
}

.contact-result__heading[b-501mfb5705] {
    margin-top: 0;
}
/* /Components/Pages/AboutUs/DistrictHistory.razor.rz.scp.css */
.history-text[b-qyfkz8jt6x] {
    padding-top: 20px;
}
/* /Components/Pages/AboutUs/ExecutiveCard.razor.rz.scp.css */
.thumb[b-51yv6aj67a]  .staff-photo {
    height: 225px;
    width: auto;
}

/* The look the title had as an h5 inside the theme's ul.list. */
.staff-title[b-51yv6aj67a] {
    margin: 0;
    color: #000;
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    line-height: normal;
}

.staff-name[b-51yv6aj67a] {
    margin-top: 10px;
    margin-bottom: 0;
}
/* /Components/Pages/AboutUs/ManagerCard.razor.rz.scp.css */
h3.manager-name[b-qah32tx6fh] {
    margin-top: 10px;
    margin-bottom: 0;
}

.manager-title[b-qah32tx6fh] {
    font-weight: 400;
    line-height: normal;
}
/* /Components/Pages/AboutUs/Staff.razor.rz.scp.css */
.staff-page[b-utjvcm1600] {
    text-align: center;
}

.staff-section[b-utjvcm1600] {
    padding-top: 20px;
}

/* The same spacing these headings had as h3s, when the theme's .custom_content.custom h3 margin set it. */
.staff-heading[b-utjvcm1600] {
    margin: 0 0 30px;
    color: dimgray;
}

.executive-list[b-utjvcm1600] {
    margin-top: 10px;
    margin-bottom: 10px;
}

.trustees[b-utjvcm1600] {
    margin-top: 20px;
}

.trustees__row[b-utjvcm1600] {
    padding-top: 10px;
    margin-bottom: 40px;
}
/* /Components/Pages/AboutUs/TrusteeCard.razor.rz.scp.css */
.thumb[b-kc6hsjcthv]  .trustee-photo {
    height: 225px;
    width: auto;
}

.trustee-name[b-kc6hsjcthv] {
    margin-top: 10px;
    margin-bottom: 0;
    color: dimgray;
}

.trustee-bio summary[b-kc6hsjcthv] {
    display: inline-block;
    color: #0066cc;
    cursor: pointer;
}

.trustee-bio summary:hover[b-kc6hsjcthv],
.trustee-bio summary:focus-visible[b-kc6hsjcthv] {
    color: #071f3d;
    text-decoration: underline;
}

.trustee-bio p[b-kc6hsjcthv] {
    margin-top: 10px;
    text-align: left;
    line-height: 1.5;
}
/* /Components/Pages/Home/HomeCounters.razor.rz.scp.css */
/* The lazy loader in js/site.js adds home-counters--near (data-near-class) once the section is within 200px of
   the viewport, so the 94 KB photo doesn't download ahead of the hero. */
.home-counters[b-qzkmel8ual] {
    background-color: #000000;
}

.home-counters--near[b-qzkmel8ual] {
    background-image: url('/images/home/paralax/pineviewbw.webp');
}
/* /Components/Pages/Home/HomeHeroCarousel.razor.rz.scp.css */
/* Slide backgrounds. The paths are absolute because the scoped CSS bundle is served from the site root. */

.home-hero__slide--spooktacular[b-1x1i2rhsj2] {
    background-image: url('/images/home/slider/SpooktacularBackground.webp');
}

/* On phones, cover scales the background to the slide's 430px height and only its solid black middle shows, so
   plain black looks the same without the 49 KB download ahead of the artwork. */
@media (max-width: 767px) {
    .home-hero__slide--spooktacular[b-1x1i2rhsj2] {
        background-color: #000000;
        background-image: none;
    }
}

.home-hero__slide--lawn-exchange[b-1x1i2rhsj2] {
    background-image: url('/images/home/slider/FlipYourStripBackground.webp');
}

.home-hero__slide--warm-season[b-1x1i2rhsj2] {
    background-image: url('/images/conservation/Hero.webp');
}

.home-hero__slide--about[b-1x1i2rhsj2] {
    background-image: url('/images/home/slider/east-smaller.webp');
}

.home-hero__slide--best-water[b-1x1i2rhsj2] {
    background-image: url('/images/home/slider/bestwaterlight-smaller.webp');
}
/* /Components/Pages/Home/HomeHighlights.razor.rz.scp.css */
.home-highlights__row + .home-highlights__row[b-qx590wvxmv] {
    margin-top: 25px;
}
/* /Components/Pages/Home/PolimorphicSearch.razor.rz.scp.css */
/* The Polimorphic search embed sets its own height once it loads, which pushed everything below it down (most of
   the page's layout shift). These reserve the height it settles at for each width, measured 2026-10-20, for the
   lookalike and the embed alike. Where the change falls between measured widths the smaller height is used, so
   the frame never shows an empty strip under the widget. Re-measure if Polimorphic changes the embed. */

.home-search[b-sraahlivey] {
    position: relative;
    min-height: 306px;
    margin-bottom: 35px;
    background-color: #ffffff;
}

@media (max-width: 620px) {
    .home-search[b-sraahlivey] {
        min-height: 335px;
    }
}

@media (max-width: 520px) {
    .home-search[b-sraahlivey] {
        min-height: 359px;
    }
}

@media (max-width: 412px) {
    .home-search[b-sraahlivey] {
        min-height: 383px;
    }
}

@media (max-width: 372px) {
    .home-search[b-sraahlivey] {
        min-height: 411px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .home-search[b-sraahlivey] {
        min-height: 296px;
    }
}

/* js/home.js adds the iframe; it stays invisible on top of the lookalike until it has loaded, so the swap never
   shows a blank box. Pointer events pass through it meanwhile, or a press on the lookalike's button would land on
   the empty frame instead. */
.home-search[b-sraahlivey]  .home-search-frame {
    display: block;
    width: 100%;
    min-height: inherit;
    border: 0;
}

.home-search:not(.home-search--loaded)[b-sraahlivey]  .home-search-frame {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

.home-search--loaded .home-search__facade[b-sraahlivey] {
    display: none;
}

/* #1a6bcc is a darker take on the embed's blue, so white text on it passes 4.5:1. */
.home-search__header[b-sraahlivey] {
    margin: 0;
    padding: 24px;
    background-color: #1a6bcc;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.6;
}

.home-search__start[b-sraahlivey] {
    display: flex;
    gap: 16px;
    width: calc(100% - 48px);
    margin: 24px 24px 0;
    padding: 0;
    border: 0;
    background: none;
    text-align: left;
}

.home-search__prompt[b-sraahlivey] {
    flex: 1;
    min-width: 0;
    padding: 12px 16px;
    border: 1px solid #6b6b6b;
    border-radius: 4px;
    color: #595959;
    font-size: 16px;
}

.home-search__submit[b-sraahlivey] {
    flex: none;
    padding: 12px 28px;
    border-radius: 4px;
    background-color: #1a6bcc;
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
}

.home-search__start:hover .home-search__submit[b-sraahlivey],
.home-search__start:focus-visible .home-search__submit[b-sraahlivey] {
    background-color: #14579f;
}

.home-search__start:focus-visible[b-sraahlivey] {
    outline: 3px solid #1a6bcc;
    outline-offset: 4px;
}

.home-search__note[b-sraahlivey] {
    margin: 24px 24px 0;
    color: #333333;
    font-size: 13px;
    text-align: center;
}

@media (max-width: 520px) {
    .home-search__start[b-sraahlivey] {
        flex-direction: column;
    }

    .home-search__submit[b-sraahlivey] {
        text-align: center;
    }
}
/* /Components/Shared/ObservedHolidays.razor.rz.scp.css */
.observed-holidays[b-se57lv0yx3] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.observed-holidays li[b-se57lv0yx3] {
    padding-top: 10px;
}