/* /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/About/AboutUs.razor.rz.scp.css */
.page-banner h1[b-j51r0l4rkj] {
    color: #ffffff;
}

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

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

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

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

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

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

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

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

.contact-info h3[b-sna3xikfvg] {
    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-sna3xikfvg]  .observed-holidays li {
    float: none;
    display: block;
    position: static;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
}
/* /Components/Pages/AboutUs/ContactUs/ContactUs.razor.rz.scp.css */
.page-banner--gray[b-37nfi9q7h0] {
    padding: 10px;
    background-color: gray;
}

.page-banner h1[b-37nfi9q7h0] {
    color: #ffffff;
}

.contact-form[b-37nfi9q7h0] {
    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-37nfi9q7h0] {
    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-37nfi9q7h0] {
    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-37nfi9q7h0] {
    min-height: 78px;
}

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

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

.contact-result__heading[b-37nfi9q7h0] {
    margin-top: 0;
}
/* /Components/Pages/AboutUs/DistrictHistory/DistrictHistory.razor.rz.scp.css */
.history-text[b-y3r5o4155r] {
    padding-top: 20px;
}
/* /Components/Pages/AboutUs/Staff/ExecutiveCard.razor.rz.scp.css */
.thumb[b-e302bkzlz5]  .staff-photo {
    height: 225px;
    width: auto;
}

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

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

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

.staff-section[b-ewlkcqfji0] {
    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-ewlkcqfji0] {
    margin: 0 0 30px;
    color: dimgray;
}

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

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

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

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

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

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

.trustee-bio p[b-fvedaigs4h] {
    margin-top: 10px;
    text-align: left;
    line-height: 1.5;
}
/* /Components/Pages/Conservation/About/About.razor.rz.scp.css */
.about-link[b-ngpv2ijr2c] {
    font-weight: bold;
}
/* /Components/Pages/Conservation/Classes/Calendar/ClassCalendar.razor.rz.scp.css */
/* The tiles sit edge to edge with the carousel above them, so the outer gutters are dropped at each width. */
.linked-square-wrapper[b-iamxleegus] {
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.blue-cards-row[b-iamxleegus] {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 767px) {
    .linked-square-wrapper[b-iamxleegus] {
        padding-left: 0;
        padding-right: 0;
    }

    .blue-cards-row[b-iamxleegus] {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 1025px) {
    .blue-cards-row .linked-square-wrapper:nth-child(odd)[b-iamxleegus] {
        padding-left: 0;
    }

    .blue-cards-row .linked-square-wrapper:nth-child(even)[b-iamxleegus] {
        padding-right: 0;
    }
}

@media (min-width: 1025px) {
    .first-element-below-carousel > .linked-square-wrapper:first-child[b-iamxleegus] {
        padding-left: 0;
    }

    .first-element-below-carousel > .linked-square-wrapper:last-child[b-iamxleegus] {
        padding-right: 0;
    }
}

/* "Current Classes" is an h2 so the headings stay in order, but keeps the look of the page's h1. */
h2.conservation-section-title[b-iamxleegus] {
    font-weight: 800;
    font-size: clamp(32px, 4.5vw, 64px) !important;
    text-align: center;
    text-decoration: none;
    margin-top: 20px;
    margin-bottom: clamp(10px, 2vw, 15px) !important;
    line-height: 1.2;
}

.class-calendar-note[b-iamxleegus] {
    display: flex;
    margin-bottom: 20px;
}

.class-calendar-note__icon[b-iamxleegus] {
    flex-shrink: 0;
    padding-right: 10px;
}

.class-calendar-cards[b-iamxleegus] {
    padding-left: 30px;
    padding-right: 30px;
}
/* /Components/Pages/Conservation/Classes/Calendar/ClassCard.razor.rz.scp.css */
.class-card[b-nojftnkywg] {
    padding: 15px !important;
    border: solid;
    border-radius: 10px;
    border-width: 0px;
    margin-right: 0px;
}

.class-card__header[b-nojftnkywg] {
    min-height: 70px;
}

.class-card__date[b-nojftnkywg] {
    padding-left: 10px;
}

/* Class names are h3s under the "Current Classes" heading, sized like the h4s theme.css styles for these cards. */
.single_post.related_post_sec h3.class-name[b-nojftnkywg] {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
}

.single_post.related_post_sec h3.class-name a[b-nojftnkywg] {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.6);
    line-height: 21px;
    text-decoration: none;
}

.single_post.related_post_sec h3.class-name a:hover[b-nojftnkywg] {
    color: black;
}

.class-card__meta[b-nojftnkywg] {
    margin-bottom: 0px !important;
}

.class-card__meta .place[b-nojftnkywg],
.class-card__meta .event-time[b-nojftnkywg] {
    color: rgba(0, 0, 0, 0.65);
}

.class-card__cost[b-nojftnkywg] {
    font-weight: bold;
}
/* /Components/Pages/Conservation/Classes/Calendar/ClassLinkTileCard.razor.rz.scp.css */
.class-link-tile[b-cau296ca2l] {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    transition: transform 0.2s ease;
}

.class-link-tile:hover[b-cau296ca2l] {
    transform: scale(1.05);
    z-index: 1;
}

/* Sized by its text, so the dark block below takes whatever height is left. */
.class-link-tile__upper[b-cau296ca2l] {
    background-color: #1857A5;
    padding: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-grow: 1;
}

.class-link-tile__lower[b-cau296ca2l] {
    background-color: #002D72;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    min-height: 120px;
}

.class-link-tile__icon[b-cau296ca2l] {
    max-height: 80px;
    max-width: 60%;
    object-fit: contain;
}

h2.class-link-tile__title[b-cau296ca2l] {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: clamp(18px, 1.5vw, 22px);
    margin: 0 0 10px 0;
    text-align: center;
    line-height: 1.3;
}

h3.class-link-tile__text[b-cau296ca2l] {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: clamp(14px, 1.2vw, 16px);
    margin-bottom: 0px !important;
    text-align: center;
    line-height: 1.5;
}
/* /Components/Pages/Conservation/Classes/Files/ClassFiles.razor.rz.scp.css */
.class-files-note[b-o99oe4j9g9] {
    display: flex;
}

.class-files-note__icon[b-o99oe4j9g9] {
    flex-shrink: 0;
    padding-right: 10px;
}

.class-files-table[b-o99oe4j9g9] {
    width: 100%;
    margin-top: 15px;
    border-collapse: collapse;
}

.class-files-table th[b-o99oe4j9g9],
.class-files-table td[b-o99oe4j9g9] {
    padding: 8px 10px;
    border-bottom: 1px solid #ddd;
    text-align: left;
    vertical-align: top;
}

.class-files-table th[b-o99oe4j9g9] {
    background-color: #f5f5f5;
}

.class-files-table .class-file-date[b-o99oe4j9g9] {
    white-space: nowrap;
}

/* On phones each file becomes a stacked card, labelled from data-label, instead of a four-column table. */
@media (max-width: 767px) {
    .class-files-table thead[b-o99oe4j9g9] {
        display: none;
    }

    .class-files-table tr[b-o99oe4j9g9] {
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid #ddd;
    }

    .class-files-table td[b-o99oe4j9g9] {
        display: block;
        padding: 2px 0;
        border: none;
    }

    .class-files-table td[data-label][b-o99oe4j9g9]::before {
        content: attr(data-label) ": ";
        font-weight: 700;
    }
}
/* /Components/Pages/Conservation/Classes/Info/ClassInfo.razor.rz.scp.css */
.class-info-card .panel-heading h2[b-2fvsdebtr6] {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

.class-info-image[b-2fvsdebtr6] {
    margin-bottom: 15px;
}
/* /Components/Pages/Conservation/Classes/Info/ClassInfoDetail.razor.rz.scp.css */
.class-info-detail__text[b-my6x4t273l] {
    font-weight: bold;
}
/* /Components/Pages/Conservation/Classes/Info/ClassInfoRegisterButton.razor.rz.scp.css */
.class-info-register__bold[b-j53b05sflj] {
    font-weight: bold;
}
/* /Components/Pages/Conservation/Classes/Recordings/ClassRecordings.razor.rz.scp.css */
.recordings-heading[b-1qdnams3mp] {
    margin: 20px 0 10px;
}

.recordings-note[b-1qdnams3mp] {
    display: flex;
}

.recordings-note__icon[b-1qdnams3mp] {
    flex-shrink: 0;
    padding-right: 10px;
    line-height: inherit;
}

.recordings-note__text[b-1qdnams3mp] {
    font-size: medium;
}

.recordings-note__text a[b-1qdnams3mp] {
    color: #1857A5;
}
/* /Components/Pages/Conservation/Classes/Recordings/RecordingTopicCard.razor.rz.scp.css */
.recording-topic-link[b-oppzb6vexz] {
    position: relative;
    display: block;
    height: 300px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #1857A5;
}

.recording-topic-link[b-oppzb6vexz]  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.recording-topic-name[b-oppzb6vexz] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    transform: translate(-50%, -50%);
    -webkit-text-stroke: 1.5px black;
    -webkit-text-fill-color: white;
    color: white;
    font-size: 2em;
    line-height: 1.2;
    text-align: center;
}

/* Without a photo the name sits on the card's blue, where the black outline would leave it too faint. */
.recording-topic-link.no-image .recording-topic-name[b-oppzb6vexz] {
    -webkit-text-stroke: 0;
}
/* /Components/Pages/Conservation/Classes/Registration/ClassRegistration.razor.rz.scp.css */
.class-registration-card .panel-heading h2[b-c6tb0jtnbk] {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

.class-registration-form__error[b-c6tb0jtnbk] {
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: bold;
}

.class-registration-form__actions[b-c6tb0jtnbk] {
    text-align: right;
}

.class-registration-form__submit[b-c6tb0jtnbk] {
    width: 100px;
}

.class-registration-form__saving[b-c6tb0jtnbk] {
    margin-top: 10px;
    text-align: center;
}

/* The hidden attribute alone loses to the theme's display rules on divs. */
.class-registration-form__saving[hidden][b-c6tb0jtnbk] {
    display: none;
}

.class-registration-form__saving-text[b-c6tb0jtnbk] {
    font-weight: bold;
    font-size: large;
}
/* /Components/Pages/Conservation/Classes/Registration/RegistrationConfirmation.razor.rz.scp.css */
.registration-confirmation__banner[b-lqbk8uy385] {
    background-color: #0DC201;
    color: white;
    text-align: center;
    border-radius: 20px;
}

.registration-confirmation__banner--payment[b-lqbk8uy385] {
    background-color: #FEF200;
    color: black;
}

.registration-confirmation__heading[b-lqbk8uy385] {
    text-align: center;
    font-size: x-large;
    padding-bottom: 20px;
}

.registration-confirmation__text[b-lqbk8uy385] {
    text-align: center;
}
/* /Components/Pages/Conservation/Classes/Registration/RegistrationFields.razor.rz.scp.css */
.form-group[b-75ff6pc2ne]  .validation-message {
    margin-top: 5px;
    color: #a94442;
    font-size: 14px;
}

.form-group[b-75ff6pc2ne]  .invalid {
    border-color: #a94442;
}

/* The help text under some boxes makes their columns taller, and floated columns would then snag on them. */
.registration-fields[b-75ff6pc2ne] {
    display: flex;
    flex-wrap: wrap;
}
/* /Components/Pages/Conservation/Classes/Shared/ClassesBanner.razor.rz.scp.css */
.headerHGroup .classes-banner__title[b-ilrvtcyjr2] {
    color: white;
}

.headerHGroup .classes-banner__subtitle--grey[b-ilrvtcyjr2] {
    color: lightgrey;
}
/* /Components/Pages/Conservation/Classes/Shared/ClassVideoCard.razor.rz.scp.css */
.recording-video[b-pmpskn3bmn] {
    margin-bottom: 20px;
}

.recording-video[b-pmpskn3bmn]  img {
    width: 100%;
    height: auto;
}
/* /Components/Pages/Conservation/Classes/Video/ClassVideo.razor.rz.scp.css */
.video-facade[b-idpozuvgj8] {
    padding: 0;
    border: 0;
    background-color: #000;
    cursor: pointer;
}

.video-facade[b-idpozuvgj8]  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-facade-play[b-idpozuvgj8] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 72px;
    height: 72px;
    margin: -36px 0 0 -36px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.7);
}

.video-facade-play[b-idpozuvgj8]::after {
    content: "";
    position: absolute;
    top: 22px;
    left: 28px;
    border-style: solid;
    border-width: 14px 0 14px 24px;
    border-color: transparent transparent transparent #fff;
}

.video-facade:hover .video-facade-play[b-idpozuvgj8],
.video-facade:focus .video-facade-play[b-idpozuvgj8] {
    background-color: #1857A5;
}

.other-videos-heading[b-idpozuvgj8] {
    margin: 20px 0 10px;
}
/* /Components/Pages/Conservation/CustomerPortal/CustomerPortal.razor.rz.scp.css */
/* Scoped to the page content: unscoped, these also styled the site header's lists and padded it out. */
#topBlock p[b-tinemx8ul2] {
    color: #000;
}

#topBlock ul[b-tinemx8ul2] {
    margin-bottom: 30px !important;
}

#topBlock li[b-tinemx8ul2] {
    color: #000;
}

.get-started[b-tinemx8ul2] {
    background-color: #1857A5;
    padding: 20px 15px;
    margin: 20px -15px;
    text-align: center;
}

/* The theme sizes every h2 with !important, so this has to as well. */
.get-started__heading[b-tinemx8ul2] {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(24px, 2.8vw, 36px) !important;
    margin-top: 0;
    margin-bottom: 15px;
}

#topBlock .get-started__text[b-tinemx8ul2] {
    color: #fff;
    font-size: clamp(14px, 2.8vw, 18px);
    margin-bottom: 15px;
}

.closing-link[b-tinemx8ul2] {
    background-color: #fff;
    padding: 20px 15px;
    margin: 20px 0;
    border-radius: 5px;
    text-align: center;
}

.mywater-button[b-tinemx8ul2] {
    background-color: #1857A5;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    border-radius: 5px;
    font-weight: 700;
    font-size: clamp(14px, 4vw, 22px);
    padding: clamp(8px, 2vw, 12px) clamp(16px, 5vw, 40px);
    display: inline-block;
    white-space: normal;
    word-break: break-word;
    max-width: 100%;
}

.mywater-button--light[b-tinemx8ul2] {
    background-color: #fff;
    color: #1857A5;
}
/* /Components/Pages/Conservation/CustomerPortal/PortalGuideSection.razor.rz.scp.css */
.guide-image--padded[b-5garpfnqe1] {
    padding-right: 25px !important;
}

.center-button[b-5garpfnqe1] {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 30px;
}

.btn[b-5garpfnqe1] {
    background-color: #1857A5;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 700;
}
/* /Components/Pages/Conservation/Home/ConservationCalendar.razor.rz.scp.css */
.wb-calendar[b-in3mtaozjl] {
    background: #ffffff;
    padding: 15px;
    font-family: 'Open Sans', sans-serif;
    /* Clears the fixed header when a month link jumps here. */
    scroll-margin-top: 110px;
}

.wb-calendar-header[b-in3mtaozjl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.wb-calendar-title[b-in3mtaozjl] {
    margin: 0;
    text-transform: uppercase;
    color: #0D8752;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 38px;
}

.wb-calendar-nav[b-in3mtaozjl] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: #002D72;
    font-size: 20px;
}

.wb-calendar-nav:hover[b-in3mtaozjl],
.wb-calendar-nav:focus[b-in3mtaozjl] {
    color: #0D8752;
}

.wb-calendar-grid[b-in3mtaozjl] {
    width: 100%;
    table-layout: fixed;
    text-align: center;
}

.wb-calendar-grid th[b-in3mtaozjl] {
    padding-bottom: 8px;
    text-align: center;
    color: #002D72;
    font-weight: 600;
    font-size: 13px;
}

.wb-calendar-grid abbr[title][b-in3mtaozjl] {
    border-bottom: none;
    text-decoration: none;
    cursor: default;
}

.wb-calendar-grid td[b-in3mtaozjl] {
    height: 34px;
    padding: 1px 0;
    color: #000000;
    font-size: 14px;
}

.wb-calendar-grid td > span[b-in3mtaozjl],
.wb-calendar-grid td > a[b-in3mtaozjl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.wb-calendar-grid td.is-today > span[b-in3mtaozjl] {
    border: 1px solid #333333;
}

.conservation-day[b-in3mtaozjl],
.conservation-day:visited[b-in3mtaozjl] {
    background-color: #0D8752;
    color: #ffffff;
    font-weight: bold;
    border-radius: 50%;
    text-decoration: none;
}

.conservation-day:hover[b-in3mtaozjl],
.conservation-day:focus[b-in3mtaozjl] {
    background-color: #0A6B41;
    color: #ffffff;
    text-decoration: none;
}
/* /Components/Pages/Conservation/Home/ConservationHome.razor.rz.scp.css */
.row[b-jjjh9e0q4q] {
    margin-bottom: 0;
}

.paddingLeftRightZero[b-jjjh9e0q4q] {
    padding-left: 0;
    padding-right: 0;
}

/* The theme sizes every h2 with !important, so these bars have to as well. */
.conservation-message-bar[b-jjjh9e0q4q] {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    color: #ffffff;
    font-size: clamp(16px, 3.5vw, 25px) !important;
    text-align: center;
    background-color: #1857A5;
    margin: 0 !important;
    height: auto !important;
    line-height: 1.2 !important;
    padding: 15px;
}

.conservation-aboutArea[b-jjjh9e0q4q] {
    margin-top: 25px;
    background: #002D72 !important;
    height: auto;
    position: relative;
    padding: 40px 0;
}

.conservation-aboutArea .container-fluid[b-jjjh9e0q4q] {
    padding-left: 40px;
    padding-right: 40px;
}

.about-row[b-jjjh9e0q4q] {
    padding: 0px;
}

.calendar-outer[b-jjjh9e0q4q] {
    background-color: #1857A5;
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 auto;
    padding: 20px;
    border-radius: 0px;
    display: flex;
    flex-direction: column;
}

.conservation-image-grid[b-jjjh9e0q4q] {
    display: grid;
    gap: 30px;
}

.conservation-newsletter-bar[b-jjjh9e0q4q] {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    color: #ffffff;
    font-size: clamp(16px, 3.5vw, 25px) !important;
    text-align: center;
    line-height: 1.2;
    padding: 15px;
    margin-top: 25px !important;
    background-color: #002D72 !important;
    height: auto !important;
    position: relative;
}

.newsletter-text-link[b-jjjh9e0q4q] {
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: inherit !important;
    display: block;
    text-decoration: underline;
    transition: opacity 0.2s ease;
}

.newsletter-text-link:hover[b-jjjh9e0q4q] {
    text-decoration: underline;
    color: #ffffff;
}

@media (min-width: 992px) {
    .about-row[b-jjjh9e0q4q] {
        display: flex;
        align-items: stretch;
    }

    .about-row > [class*="col-"][b-jjjh9e0q4q] {
        display: flex;
        flex-direction: column;
    }

    .calendar-outer[b-jjjh9e0q4q] {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 1200px) {
    .conservation-image-grid[b-jjjh9e0q4q] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .conservation-image-grid[b-jjjh9e0q4q] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .conservation-image-grid[b-jjjh9e0q4q] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .about-row > div + div[b-jjjh9e0q4q] {
        margin-top: 30px;
    }
}
/* /Components/Pages/Conservation/Home/ConservationTile.razor.rz.scp.css */
.conservation-tile[b-5zo53arg4h] {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    text-decoration: none;
}

.conservation-tile img[b-5zo53arg4h] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
    transition: transform 0.3s ease;
    z-index: 1;
}

.tile-banner[b-5zo53arg4h] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.75);
    color: #000;
    font-family: 'Open Sans', sans-serif;
    padding: 6px 10px;
    text-align: center;
    z-index: 10;
}

.tile-title[b-5zo53arg4h] {
    font-weight: 700;
    font-size: 17px;
    color: #000;
    line-height: 1.2;
}

.tile-caption[b-5zo53arg4h] {
    font-weight: 400;
    font-size: 13px;
    color: #000;
    line-height: 1.2;
    margin-top: 2px;
}

.conservation-tile:hover img[b-5zo53arg4h] {
    transform: scale(1.05);
}

.no-click:hover img[b-5zo53arg4h] {
    transform: scale(1.00) !important;
}

.conservation-tile:hover .tile-banner[b-5zo53arg4h] {
    background: rgba(255, 255, 255, 0.85);
}
/* /Components/Pages/Conservation/Home/UpcomingClassesList.razor.rz.scp.css */
.calendar-events[b-k6mzm2hw5i] {
    margin: 0 auto;
    width: 65%;
    align-content: center;
    background-color: #144B8F;
    padding: 15px;
    border-radius: 0;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.calendar-events p[b-k6mzm2hw5i] {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    margin: 0;
    color: #ffffff;
}

.calendar-event-list[b-k6mzm2hw5i] {
    display: block;
}

.calendar-event-title[b-k6mzm2hw5i] {
    font-weight: 700;
    text-align: center;
    border-bottom: 2px solid #7ED9A7;
    padding-bottom: 4px;
    color: #ffffff !important;
    font-size: 16px;
    margin-bottom: 18px;
    letter-spacing: 0.5px;
    transition: opacity 0.2s ease;
}

.calendar-event-date[b-k6mzm2hw5i] {
    font-weight: 700;
    color: #ffffff;
    font-size: 14px;
    padding-bottom: 4px;
    border-bottom: 2px solid #7ED9A7;
    display: inline-block;
    margin-bottom: 4px;
    letter-spacing: 0.5px;
}

.calendar-event-name[b-k6mzm2hw5i] {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
}

.calendar-event-item[b-k6mzm2hw5i] {
    margin-bottom: 14px;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

.calendar-event-link[b-k6mzm2hw5i],
.calendar-event-link:hover[b-k6mzm2hw5i],
.calendar-event-link:focus[b-k6mzm2hw5i],
.calendar-event-link:visited[b-k6mzm2hw5i] {
    display: block;
    color: inherit;
    text-decoration: none !important;
    transition: opacity 0.2s ease;
}

.calendar-event-link:hover .calendar-event-item[b-k6mzm2hw5i] {
    opacity: 0.8 !important;
}

@media (min-width: 992px) {
    .calendar-events[b-k6mzm2hw5i] {
        flex-grow: 1;
    }
}
/* /Components/Pages/Conservation/IrrigationBasics/IrrigationBasics.razor.rz.scp.css */
.irrigation-content[b-hsx8m9475a] {
    margin-top: 14px;
}

.irrigation-heading[b-hsx8m9475a] {
    padding-top: 20px;
}

.irrigation-steps[b-hsx8m9475a] {
    margin-left: 20px;
}

.irrigation-note[b-hsx8m9475a] {
    margin-top: 10px;
}

.irrigation-note__icon-cell[b-hsx8m9475a] {
    vertical-align: top;
}

.irrigation-note__icon[b-hsx8m9475a] {
    padding-right: 10px;
}
/* /Components/Pages/Conservation/IrrigationBasics/IrrigationTip.razor.rz.scp.css */
.irrigation-tip[b-efl35qcfzv] {
    margin-top: 10px;
}

.irrigation-tip__icon-cell[b-efl35qcfzv] {
    vertical-align: top;
}

.irrigation-tip__icon[b-efl35qcfzv] {
    padding-right: 10px;
}
/* /Components/Pages/Conservation/Landscapes/LandscapeIntro.razor.rz.scp.css */
.landscape-intro[b-x0eh76y310] {
    margin-top: 20px;
}
/* /Components/Pages/Conservation/Landscapes/LandscapeLayout.razor.rz.scp.css */
/* Scoped to the page content: unscoped, this also styled the site header. */
#topBlock[b-spsfpdaj16]  p {
    color: #000;
}
/* /Components/Pages/Conservation/Landscapes/LandscapePhotoGrid.razor.rz.scp.css */
.grid-photo[b-77bpoutr3o] {
    padding-right: 20px;
    padding-left: 0;
}
/* /Components/Pages/Conservation/Landscapes/ParadeOfHomes/HomePhotoGallery.razor.rz.scp.css */
#topBlock ul[b-ac51pzjwek] {
    margin-bottom: 30px !important;
}

/* The theme sets the gallery items' display, so hiding the extra photos' links needs !important. */
.hidden-photo[b-ac51pzjwek] {
    display: none !important;
}
/* /Components/Pages/Conservation/Landscapes/ParadeOfHomes/ParadeHomeSection.razor.rz.scp.css */
#topBlock p[b-6h0awgwvyp] {
    color: #000;
}

.home-gallery[b-6h0awgwvyp] {
    padding-right: 20px;
    padding-left: 0;
}

.center-button[b-6h0awgwvyp] {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 30px;
}

.btn[b-6h0awgwvyp] {
    background-color: #1857A5;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 700;
}

.view-photos[b-6h0awgwvyp] {
    margin-right: 10px;
}
/* /Components/Pages/Conservation/LearningGarden/LearningGarden.razor.rz.scp.css */
/* Scoped to the page content: unscoped, these also styled the site header's lists and padded it out. */
#topBlock p[b-3hi82xxwyd] {
    color: #000;
}

#topBlock ul[b-3hi82xxwyd] {
    margin-bottom: 30px !important;
}

#topBlock li[b-3hi82xxwyd] {
    color: #000;
}

.phone-link[b-3hi82xxwyd] {
    font-weight: bold;
}

.plant-list-dialog[b-3hi82xxwyd] {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

.plant-list-popup[b-3hi82xxwyd] {
    list-style: none;
    padding-left: 0;
    text-align: center;
}

.plant-list-popup li[b-3hi82xxwyd] {
    margin: 10px 0;
}

.plant-list-popup a[b-3hi82xxwyd] {
    font-weight: 600;
    color: #1857A5;
    text-decoration: none;
}

.plant-list-popup a:hover[b-3hi82xxwyd] {
    text-decoration: underline;
}

.plant-list-info-header[b-3hi82xxwyd] {
    font-weight: 700 !important;
    color: #000 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 20px;
}
/* /Components/Pages/Conservation/Learn/Learn.razor.rz.scp.css */
.learn-card .panel-heading h1[b-cogv7d610h] {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 700 !important;
}

.learn-card .panel-heading h2[b-cogv7d610h] {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
}

.learn-image img[b-cogv7d610h] {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.learn-resources[b-cogv7d610h] {
    width: 100%;
}

.learn-resources th[b-cogv7d610h],
.learn-resources td[b-cogv7d610h] {
    padding: 8px 10px;
    border-bottom: 1px solid #ddd;
    text-align: left;
    vertical-align: top;
}
/* /Components/Pages/Conservation/Plants/PlantInfo/BloomColorDot.razor.rz.scp.css */
.color-dot[b-m3cagxefwd] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 2px;
}

.color-dot--large[b-m3cagxefwd] {
    width: 18px;
    height: 18px;
    margin-right: 3px;
}

.color-dot--pink[b-m3cagxefwd] {
    background: #FF69B4;
}

.color-dot--white[b-m3cagxefwd] {
    background: #ccc;
    border: 1px solid #999;
}

.color-dot--yellow[b-m3cagxefwd] {
    background: #FFD700;
}

.color-dot--purple[b-m3cagxefwd] {
    background: #8A2BE2;
}

.color-dot--red[b-m3cagxefwd] {
    background: #DC143C;
}

.color-dot--orange[b-m3cagxefwd] {
    background: #FF8C00;
}

.color-dot--blue[b-m3cagxefwd] {
    background: #4169E1;
}

.color-dot--green[b-m3cagxefwd] {
    background: #228B22;
}

.color-dot--mixture[b-m3cagxefwd] {
    background: linear-gradient(135deg, #FF69B4 25%, #FFD700 50%, #4169E1 75%);
}
/* /Components/Pages/Conservation/Plants/PlantInfo/BloomSeasonIcon.razor.rz.scp.css */
.bloom-icon--spring[b-uzjj60cp22] {
    color: #5cb85c;
}

.bloom-icon--summer[b-uzjj60cp22] {
    color: #d4910a;
}

.bloom-icon--fall[b-uzjj60cp22] {
    color: #d9534f;
}

.bloom-icon--card[b-uzjj60cp22] {
    font-size: 18px;
    margin-right: 3px;
}

.bloom-icon--detail[b-uzjj60cp22] {
    font-size: 20px;
    margin-right: 4px;
}
/* /Components/Pages/Conservation/Plants/PlantInfo/PlantAlphaBar.razor.rz.scp.css */
.alpha-bar[b-heuih5ch1t] {
    text-align: center;
    margin-bottom: 12px;
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0;
}

.alpha-bar button[b-heuih5ch1t] {
    display: inline-block;
    min-width: 26px;
    min-height: 26px;
    padding: 3px 7px;
    margin: 1px;
    font-size: 14px;
    border: 0;
    background: none;
    color: #337ab7;
    border-radius: 3px;
    cursor: pointer;
}

.alpha-bar button:hover[b-heuih5ch1t] {
    background: #eee;
}

.alpha-bar button[aria-pressed="true"][b-heuih5ch1t] {
    background: #337ab7;
    color: #fff;
}
/* /Components/Pages/Conservation/Plants/PlantInfo/PlantCardItem.razor.rz.scp.css */
.plant-card[b-y0qxscx1wg] {
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 0;
}

.plant-card:first-child[b-y0qxscx1wg] {
    border-top: 1px solid #e0e0e0;
}

.plant-card-img[b-y0qxscx1wg] {
    flex: 0 0 160px;
    margin-right: 20px;
}

.plant-card-img img[b-y0qxscx1wg] {
    width: 160px;
    height: 120px;
    object-fit: cover;
    border-radius: 4px;
    cursor: pointer;
}

.plant-card-body[b-y0qxscx1wg] {
    flex: 1;
    min-width: 0;
}

.plant-card-right[b-y0qxscx1wg] {
    flex: 0 0 220px;
    text-align: right;
    padding-left: 15px;
}

.plant-card-name[b-y0qxscx1wg],
.plant-card-more[b-y0qxscx1wg] {
    padding: 0;
    border: 0;
    background: none;
    text-align: left;
}

.plant-card-name[b-y0qxscx1wg] {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #337ab7;
    cursor: pointer;
    text-decoration: none;
}

.plant-card-name:hover[b-y0qxscx1wg] {
    text-decoration: underline;
    color: #23527c;
}

.plant-card-name:focus[b-y0qxscx1wg] {
    outline: 2px solid #337ab7;
    outline-offset: 2px;
}

.plant-card-desc[b-y0qxscx1wg] {
    font-size: 13px;
    color: #555;
    margin-top: 6px;
    line-height: 1.4;
}

.plant-card-more-row[b-y0qxscx1wg] {
    text-align: right;
    margin-top: 6px;
}

.plant-card-more[b-y0qxscx1wg] {
    font-size: 12px;
    color: #337ab7;
}

.plant-card-icons[b-y0qxscx1wg] {
    margin-top: 8px;
}

.plant-card-icons img[b-y0qxscx1wg] {
    width: 28px;
    margin-right: 3px;
}

.plant-card-botanical[b-y0qxscx1wg] {
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
}

.plant-card-meta[b-y0qxscx1wg] {
    font-size: 13px;
    color: #666;
    margin-top: 4px;
}

@media (max-width: 767px) {
    .plant-card[b-y0qxscx1wg] {
        flex-wrap: wrap;
    }

    .plant-card-img[b-y0qxscx1wg] {
        flex: 0 0 100px;
        margin-right: 12px;
    }

    .plant-card-img img[b-y0qxscx1wg] {
        width: 100px;
        height: 75px;
    }

    .plant-card-right[b-y0qxscx1wg] {
        flex: 0 0 100%;
        text-align: left;
        padding-left: 0;
        margin-top: 8px;
    }
}
/* /Components/Pages/Conservation/Plants/PlantInfo/PlantDetailField.razor.rz.scp.css */
.plant-detail-section[b-gwykze2wh6] {
    margin-bottom: 5px;
}

.detail-label[b-gwykze2wh6] {
    font-weight: normal;
    font-size: 12px;
    color: #666666;
    display: inline;
    margin-right: 4px;
}

.detail-value[b-gwykze2wh6] {
    font-weight: bold;
    font-size: 13px;
    display: inline;
}

.detail-value--italic[b-gwykze2wh6] {
    font-style: italic;
}
/* /Components/Pages/Conservation/Plants/PlantInfo/PlantDetailView.razor.rz.scp.css */
.plant-detail-wrapper[b-65suveyplx] {
    padding: 12px 15px;
    max-height: 82vh;
    overflow-y: auto;
    overflow-x: hidden;
}

@media (min-width: 768px) {
    .plant-detail-wrapper[b-65suveyplx] {
        min-width: 700px;
    }
}

.plant-detail-image[b-65suveyplx] {
    text-align: center;
    margin-bottom: 8px;
}

.plant-detail-image img[b-65suveyplx] {
    max-width: 100%;
    max-height: 250px;
    border-radius: 4px;
}

.plant-detail-row[b-65suveyplx] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.plant-detail-row[b-65suveyplx]  .plant-detail-section {
    flex: 1;
    min-width: 0;
}

.bloom-season[b-65suveyplx] {
    white-space: nowrap;
    margin-right: 12px;
}

.plant-chars-grid[b-65suveyplx] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 3px;
}

.plant-char-item[b-65suveyplx] {
    text-align: center;
    width: 56px;
}

.plant-char-item img[b-65suveyplx] {
    width: 36px;
    display: block;
    margin: 0 auto 2px;
}

.plant-char-item span[b-65suveyplx] {
    font-size: 10px;
}

.plant-detail-description-section[b-65suveyplx] {
    margin-top: 8px;
    margin-bottom: 5px;
}

.plant-detail-description-label[b-65suveyplx] {
    font-size: 12px;
    color: #666666;
    margin-bottom: 2px;
}

.plant-detail-description[b-65suveyplx] {
    font-size: 13px;
    line-height: 1.4;
    margin-top: 4px;
}

.plant-detail-footer[b-65suveyplx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
    padding-top: 6px;
    border-top: 1px solid #eee;
    font-size: 13px;
}

.plant-detail-footer a[b-65suveyplx] {
    font-size: 13px;
}

.plant-detail-close[b-65suveyplx],
.similar-plant-name[b-65suveyplx] {
    padding: 0;
    border: 0;
    background: none;
    text-align: left;
    color: #337ab7;
}

.similar-plants[b-65suveyplx] {
    margin-top: 10px;
    border-top: 1px solid #e0e0e0;
    padding-top: 8px;
}

.similar-plants-title[b-65suveyplx] {
    font-weight: bold;
    font-size: 13px;
    color: #333;
    margin-bottom: 6px;
}

.similar-plants-scroll[b-65suveyplx] {
    max-height: 250px;
    overflow-y: auto;
}

.similar-plants-table[b-65suveyplx] {
    width: 100%;
    font-size: 13px;
    border-collapse: collapse;
}

.similar-plants-table thead tr[b-65suveyplx] {
    border-bottom: 2px solid #ddd;
    text-align: left;
}

.similar-plants-table tbody tr[b-65suveyplx] {
    border-bottom: 1px solid #eee;
}

.similar-plants-table th[b-65suveyplx],
.similar-plants-table td[b-65suveyplx] {
    padding: 4px 8px;
}

.similar-plant-botanical[b-65suveyplx] {
    font-style: italic;
}
/* /Components/Pages/Conservation/Plants/PlantInfo/PlantFilterRow.razor.rz.scp.css */
.filter-row[b-wunemwe8o3] {
    margin-bottom: 6px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.filter-row:last-child[b-wunemwe8o3] {
    margin-bottom: 0;
}

.filter-row-label[b-wunemwe8o3] {
    font-weight: bold;
    font-size: 13px;
    color: #333;
    min-width: 55px;
    margin-right: 8px;
}

.filter-row[b-wunemwe8o3]  .filter-option {
    padding: 2px 10px 2px 0;
    font-size: 13px;
    cursor: pointer;
}

/* Bootstrap 3 makes every label bold; the old filter labels were normal weight. */
.filter-row[b-wunemwe8o3]  .filter-option label {
    font-weight: normal;
    margin-bottom: 0;
    cursor: pointer;
}

.filter-icon[b-wunemwe8o3] {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 2px;
}
/* /Components/Pages/Conservation/Plants/PlantInfo/PlantInfo.razor.rz.scp.css */
.plants-heading[b-8ogib5rw0u] {
    color: white;
}

.plants-subtitle[b-8ogib5rw0u] {
    color: lightgrey;
}

.plants-filter-section[b-8ogib5rw0u] {
    padding-top: 20px;
}

.filter-bar[b-8ogib5rw0u] {
    background: #f8f8f8;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 12px 15px;
    margin-bottom: 15px;
}

.filter-bar .btn-default[b-8ogib5rw0u] {
    font-size: 12px;
    padding: 2px 12px;
}

.filter-bar-footer[b-8ogib5rw0u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
}

.result-count[b-8ogib5rw0u] {
    color: #666;
    font-size: 13px;
}

.plant-search-box[b-8ogib5rw0u] {
    margin-bottom: 10px;
}

/* Restyles the DevExpress text box to match the plain bordered input the old page used. */
.plant-search-box[b-8ogib5rw0u]  .plant-search-input {
    width: 100%;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
}

.plant-search-box[b-8ogib5rw0u]  .plant-search-input .dxbl-text-edit-input {
    padding: 8px 12px;
    font-size: 14px;
}

.no-plants[b-8ogib5rw0u] {
    padding: 30px;
    text-align: center;
    color: #999;
}

.pager-bar[b-8ogib5rw0u] {
    display: flex;
    justify-content: center;
    padding: 12px 0;
}
/* /Components/Pages/Conservation/Plants/PlantLookup/PlantLookup.razor.rz.scp.css */
.lookup-panel[b-gkik684lbs] {
    margin-top: 20px;
}
/* /Components/Pages/Conservation/Plants/PlantLookup/PlantLookupDetails.razor.rz.scp.css */
.lookup-characteristic[b-7r44zr435o] {
    text-align: center;
    padding-right: 10px;
}

.lookup-characteristic-label[b-7r44zr435o] {
    font-size: small;
    font-weight: normal;
}
/* /Components/Pages/Conservation/Plants/PlantLookup/PlantLookupField.razor.rz.scp.css */
.lookup-label[b-c7tweoi537] {
    font-weight: normal;
    font-size: medium;
    color: #666666;
}

.lookup-value[b-c7tweoi537] {
    font-weight: bold;
}

.lookup-value--plain[b-c7tweoi537] {
    font-size: medium;
    font-weight: normal;
}
/* /Components/Pages/Conservation/Rebates/LawnExchangeChecklist.razor.rz.scp.css */
/* Scoped to the page content: unscoped, these also styled the site header's lists and padded it out. */
#topBlock p[b-0et2n3mltb],
#topBlock li[b-0et2n3mltb] {
    color: #000;
}

#topBlock ul[b-0et2n3mltb] {
    margin-bottom: 30px !important;
}

.rebate-label[b-0et2n3mltb] {
    font-weight: bold;
}

ul.checklist[b-0et2n3mltb] {
    list-style: none;
    padding-left: 0;
}

ul.checklist li[b-0et2n3mltb] {
    position: relative;
    padding-left: 45px;
    margin-bottom: 4px;
}

/* An empty square drawn before each item, for applicants to tick on a printout. */
ul.checklist li[b-0et2n3mltb]::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border: 1px solid black;
    border-radius: 2px;
    background-color: transparent;
}
/* /Components/Pages/Conservation/Rebates/LawnExchangeRules.razor.rz.scp.css */
/* Scoped to the page content: unscoped, these also styled the site header's lists and padded it out. */
#topBlock p[b-0xtwxfdb6q],
#topBlock li[b-0xtwxfdb6q] {
    color: #000;
}

#topBlock ul[b-0xtwxfdb6q] {
    margin-bottom: 30px !important;
}

.rebate-label[b-0xtwxfdb6q] {
    font-weight: bold;
}

.rebate-spaced[b-0xtwxfdb6q] {
    margin-bottom: 30px;
}

.program-steps[b-0xtwxfdb6q] {
    margin-bottom: 5px;
}

.program-steps__parts[b-0xtwxfdb6q] {
    list-style-type: lower-alpha;
}

.program-steps__note[b-0xtwxfdb6q] {
    margin-bottom: 30px;
    margin-left: 20px;
}
/* /Components/Pages/Conservation/Rebates/RebateDetails.razor.rz.scp.css */
.rebate-details__body[b-qxs6fjzkiz] {
    padding: 20px 20px 0 20px;
}
/* /Components/Pages/Conservation/Rebates/Rebates.razor.rz.scp.css */
/* Scoped to the page content: unscoped, these also styled the site header's lists and padded it out. */
#topBlock p[b-37xgpr39bc],
#topBlock li[b-37xgpr39bc] {
    color: #000;
}

#topBlock ul[b-37xgpr39bc] {
    margin-bottom: 30px !important;
}

.btn[b-37xgpr39bc] {
    background-color: #1857A5;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 700;
}

.center-button[b-37xgpr39bc] {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 30px;
}

.rebate-callout[b-37xgpr39bc] {
    text-decoration: underline;
    font-weight: bold;
}

.rebate-strong[b-37xgpr39bc] {
    font-weight: bold;
}
/* /Components/Pages/Conservation/SecondaryWaterUseReport/SecondaryWaterUseReport.razor.rz.scp.css */
.statement-sample[b-mwtvwk5pad]  img {
    width: 100%;
}
/* /Components/Pages/Conservation/Shared/ConservationInfoBanner.razor.rz.scp.css */
h1[b-7ya3sgzk6v] {
    color: white;
}
/* /Components/Pages/Conservation/Shared/ConservationTopicSection.razor.rz.scp.css */
.topic-image--padded[b-79vsfi3h6s] {
    padding-right: 20px !important;
}
/* /Components/Pages/Conservation/Shared/GardenTopicSection.razor.rz.scp.css */
.topic-image[b-pqmxg7nd7o] {
    padding-right: 20px;
    padding-left: 0;
}

.center-button[b-pqmxg7nd7o] {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 30px;
}

.btn[b-pqmxg7nd7o] {
    background-color: #1857A5;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 700;
}
/* /Components/Pages/Conservation/WarmSeasonLawn/InstallationLightbox.razor.rz.scp.css */
.lightbox-modal[b-ydx1eykm6z] {
    display: none;
    position: fixed;
    z-index: 2000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    justify-content: center;
    align-items: center;
}

.lightbox-content[b-ydx1eykm6z] {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.lightbox-close[b-ydx1eykm6z] {
    position: absolute;
    top: -40px;
    right: 0;
    color: white;
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
    z-index: 2001;
    transition: color 0.3s ease;
}

.lightbox-close:hover[b-ydx1eykm6z] {
    color: #4CAF50;
}

.lightbox-prev[b-ydx1eykm6z], .lightbox-next[b-ydx1eykm6z] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    border: none;
    font-size: 40px;
    padding: 0;
    cursor: pointer;
    z-index: 2001;
    transition: all 0.3s ease;
    width: 50px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.lightbox-prev[b-ydx1eykm6z] {
    left: 0px;
}

.lightbox-next[b-ydx1eykm6z] {
    right: 0px;
}

.lightbox-prev:hover[b-ydx1eykm6z], .lightbox-next:hover[b-ydx1eykm6z] {
    color: rgba(255, 255, 255, 1);
    transform: translateY(-50%) scale(1.1);
}

.lightbox-prev:focus[b-ydx1eykm6z], .lightbox-next:focus[b-ydx1eykm6z] {
    outline: none;
    color: rgba(255, 255, 255, 1);
}

.lightbox-prev:active[b-ydx1eykm6z], .lightbox-next:active[b-ydx1eykm6z] {
    transform: translateY(-50%) scale(0.95);
}

#lightboxImage[b-ydx1eykm6z] {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 70vh;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

@media (max-width: 768px) {
    .lightbox-prev[b-ydx1eykm6z], .lightbox-next[b-ydx1eykm6z] {
        font-size: 32px;
        width: 40px;
        height: 70px;
    }

    .lightbox-close[b-ydx1eykm6z] {
        top: -35px;
        font-size: 30px;
    }
}

@media (max-width: 480px) {
    .lightbox-prev[b-ydx1eykm6z], .lightbox-next[b-ydx1eykm6z] {
        width: 35px;
        height: 60px;
        font-size: 28px;
    }
}
/* /Components/Pages/Conservation/WarmSeasonLawn/InstallationSlideshow.razor.rz.scp.css */
.installation-gallery-section[b-rwr5vi2vcs] {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}

.gallery-title[b-rwr5vi2vcs] {
    font-size: 2.8rem;
    font-weight: 600;
    margin-bottom: 30px;
    color: white;
    text-align: center;
}

.slideshow-container[b-rwr5vi2vcs] {
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    background: white;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.slideshow-wrapper[b-rwr5vi2vcs] {
    position: relative;
}

#slideshowImage[b-rwr5vi2vcs] {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
    transition: opacity 0.6s ease-in-out;
}

.slideshow-dots[b-rwr5vi2vcs] {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.dot[b-rwr5vi2vcs] {
    height: 12px;
    width: 12px;
    margin: 0 5px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid rgba(255, 255, 255, 0.7);
}

.dot.active[b-rwr5vi2vcs], .dot:hover[b-rwr5vi2vcs] {
    background-color: white;
    border-color: white;
}

.slideshow-prev[b-rwr5vi2vcs], .slideshow-next[b-rwr5vi2vcs] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    border: none;
    font-size: 40px;
    padding: 0;
    cursor: pointer;
    z-index: 10;
    opacity: 0;
    transition: all 0.3s ease;
    width: 50px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.slideshow-prev[b-rwr5vi2vcs] {
    left: 0px;
}

.slideshow-next[b-rwr5vi2vcs] {
    right: 0px;
}

.slideshow-container:hover .slideshow-prev[b-rwr5vi2vcs],
.slideshow-container:hover .slideshow-next[b-rwr5vi2vcs] {
    opacity: 1;
}

.slideshow-prev:hover[b-rwr5vi2vcs],
.slideshow-next:hover[b-rwr5vi2vcs] {
    color: rgba(255, 255, 255, 1);
    transform: translateY(-50%) scale(1.1);
}

.slideshow-prev:focus[b-rwr5vi2vcs],
.slideshow-next:focus[b-rwr5vi2vcs] {
    outline: none;
    color: rgba(255, 255, 255, 1);
}

.slideshow-prev:active[b-rwr5vi2vcs],
.slideshow-next:active[b-rwr5vi2vcs] {
    transform: translateY(-50%) scale(0.95);
}

@media (max-width: 768px) {
    .gallery-title[b-rwr5vi2vcs] {
        font-size: 2.4rem;
    }
}

@media (max-width: 480px) {
    .gallery-title[b-rwr5vi2vcs] {
        font-size: 2rem;
    }
}
/* /Components/Pages/Conservation/WarmSeasonLawn/LawnFeatures.razor.rz.scp.css */
.features-section[b-cropna3o6h] {
    background: #f8f9fa;
    padding: 50px 0;
    margin-bottom: 40px;
}

.features-title[b-cropna3o6h] {
    text-align: center !important;
    font-size: 3.5rem !important;
    font-weight: 700 !important;
    color: #2c5530 !important;
    margin-bottom: 40px !important;
}

.features-container[b-cropna3o6h] {
    max-width: 1000px;
    margin: 0 auto;
    background: white;
    border-radius: 15px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    padding: 40px;
}

.features-grid[b-cropna3o6h] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px 40px;
}

.feature-item[b-cropna3o6h] {
    display: flex;
    align-items: center;
    padding: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    transition: transform 0.3s ease;
}

.feature-item:hover[b-cropna3o6h] {
    transform: translateX(5px);
}

.feature-icon[b-cropna3o6h] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #4CAF50;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
}

.feature-icon img[b-cropna3o6h] {
    width: 60px;
    height: 60px;
    object-fit: contain;
    background: none;
}

.feature-icon:has(img)[b-cropna3o6h] {
    background: none;
    border-radius: 0;
}

.feature-text h3[b-cropna3o6h] {
    font-size: 2.4rem !important;
    font-weight: 600 !important;
    color: #2c5530 !important;
    margin: 0 0 8px 0 !important;
}

.feature-text p[b-cropna3o6h] {
    font-size: 2rem !important;
    color: #666 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

@media (max-width: 768px) {
    .features-container[b-cropna3o6h] {
        padding: 30px 20px;
    }

    .features-grid[b-cropna3o6h] {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 480px) {
    .features-section[b-cropna3o6h] {
        padding: 30px 0;
    }

    .features-container[b-cropna3o6h] {
        padding: 25px 15px;
    }
}
/* /Components/Pages/Conservation/WarmSeasonLawn/LawnPageHeader.razor.rz.scp.css */
.custom-page-header[b-x0bkspl362] {
    background: #f8f9fa;
    padding: 15px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transform: translateY(0);
    transition: transform 0.3s ease;
}

.custom-page-header.header-hidden[b-x0bkspl362] {
    transform: translateY(-100%);
}

.custom-page-header.header-visible[b-x0bkspl362] {
    transform: translateY(0);
}

.custom-header-content[b-x0bkspl362] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom-logo[b-x0bkspl362] {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #2c5530;
    font-weight: 600;
    font-size: 1.8rem;
}

.custom-logo:hover[b-x0bkspl362], .custom-logo:focus[b-x0bkspl362] {
    color: #4CAF50;
    text-decoration: none;
}

.custom-logo img[b-x0bkspl362] {
    height: 40px;
    margin-right: 15px;
}

.custom-home-link[b-x0bkspl362] {
    color: #666;
    text-decoration: none;
    font-size: 1.6rem;
    padding: 8px 16px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.custom-home-link:hover[b-x0bkspl362], .custom-home-link:focus[b-x0bkspl362] {
    background: rgba(76, 175, 80, 0.1);
    color: #4CAF50;
    text-decoration: none;
}

@media (max-width: 767px) {
    .custom-header-content[b-x0bkspl362] {
        padding: 0 15px;
    }

    .custom-logo[b-x0bkspl362] {
        font-size: 1.6rem;
    }

    .custom-logo img[b-x0bkspl362] {
        height: 35px;
        margin-right: 10px;
    }

    .custom-home-link[b-x0bkspl362] {
        font-size: 1.4rem;
        padding: 6px 12px;
    }
}
/* /Components/Pages/Conservation/WarmSeasonLawn/LawnResourceLinks.razor.rz.scp.css */
.resource-links[b-yvphie5j2h] {
    margin-top: 20px;
}

.resource-links--with-heading[b-yvphie5j2h] {
    margin-top: 30px;
}

/* Two classes so it outranks the story section's .content-text h3 size. */
.resource-links h3.resource-links__heading[b-yvphie5j2h] {
    color: white;
    margin-bottom: 15px;
    font-size: 2.2rem;
}

.resource-links a[b-yvphie5j2h],
.resource-links a:hover[b-yvphie5j2h],
.resource-links a:focus[b-yvphie5j2h] {
    color: white;
    text-decoration: underline;
}
/* /Components/Pages/Conservation/WarmSeasonLawn/LawnStoryNavigation.razor.rz.scp.css */
.navigation-section[b-bd5z18qrza] {
    background: white;
    padding: 40px 0;
}

.story-navigation[b-bd5z18qrza] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.2);
    margin-bottom: 40px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.2);
}

.story-steps[b-bd5z18qrza] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.story-step[b-bd5z18qrza] {
    display: flex;
    align-items: center;
    padding: 30px 25px;
    text-decoration: none;
    color: #666;
    transition: all 0.4s ease;
    border-right: 1px solid #e9ecef;
    position: relative;
    justify-content: center;
}

.story-step:last-child[b-bd5z18qrza] {
    border-right: none;
}

.story-step:hover[b-bd5z18qrza] {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    color: #2c5530;
    transform: translateY(-2px);
}

.step-content[b-bd5z18qrza] {
    text-align: center;
}

.step-content .step-title[b-bd5z18qrza] {
    display: block;
    font-size: 2.2rem;
    font-weight: 600;
    margin: 0 0 5px 0;
    color: #2c5530;
}

.step-content p[b-bd5z18qrza] {
    font-size: 1.6rem;
    margin: 0;
    color: #666;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .navigation-section[b-bd5z18qrza] {
        padding: 30px 0;
    }

    .story-steps[b-bd5z18qrza] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .story-step[b-bd5z18qrza] {
        padding: 25px 20px;
        border-right: none;
        border-bottom: 1px solid #e9ecef;
    }

    .story-step:last-child[b-bd5z18qrza] {
        border-bottom: none;
    }
}
/* /Components/Pages/Conservation/WarmSeasonLawn/LawnStorySection.razor.rz.scp.css */
.story-section[b-q3d5ka6dsz] {
    position: relative;
    margin-bottom: 60px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,0.12);
    display: block;
    opacity: 1;
    transform: scale(1);
    transition: all 0.6s ease;
    /* Leaves room for the fixed page header when a story navigation link scrolls here. */
    scroll-margin-top: 90px;
}

.story-section.active[b-q3d5ka6dsz] {
    box-shadow: 0 12px 48px rgba(0,0,0,0.2);
}

.section-content[b-q3d5ka6dsz] {
    position: relative;
    z-index: 2;
    padding: 60px 0;
    background: linear-gradient(135deg, rgba(44, 85, 48, 0.9), rgba(76, 175, 80, 0.8));
    color: white;
}

.content-container[b-q3d5ka6dsz] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}

.section-header[b-q3d5ka6dsz] {
    text-align: center;
    margin-bottom: 30px;
}

.header-with-image[b-q3d5ka6dsz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

.section-header-image[b-q3d5ka6dsz] {
    width: 350px;
    height: auto;
    object-fit: contain;
    border-radius: 15px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.4);
    background: transparent;
    border: none;
}

.header-text[b-q3d5ka6dsz] {
    flex: 1;
    min-width: 300px;
}

.section-header h2[b-q3d5ka6dsz] {
    font-size: 4rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: white;
}

.section-subtitle[b-q3d5ka6dsz] {
    font-size: 2.2rem;
    opacity: 0.9;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.4;
}

.content-text[b-q3d5ka6dsz]  h3 {
    font-size: 2.8rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: white;
}

.content-text[b-q3d5ka6dsz]  p {
    font-size: 2rem;
    line-height: 1.6;
    margin-bottom: 25px;
    opacity: 0.95;
}

@media (max-width: 768px) {
    .section-header h2[b-q3d5ka6dsz] {
        font-size: 3rem;
    }

    .section-subtitle[b-q3d5ka6dsz] {
        font-size: 1.8rem;
    }

    .header-with-image[b-q3d5ka6dsz] {
        flex-direction: column;
        gap: 20px;
    }

    .section-header-image[b-q3d5ka6dsz] {
        width: 300px;
        height: auto;
    }

    .header-text[b-q3d5ka6dsz] {
        text-align: center;
        min-width: auto;
    }

    .content-text[b-q3d5ka6dsz]  h3 {
        font-size: 2.4rem;
    }

    .content-text[b-q3d5ka6dsz]  p {
        font-size: 1.8rem;
    }
}

@media (max-width: 767px) {
    .story-section[b-q3d5ka6dsz] {
        scroll-margin-top: 120px;
    }
}
/* /Components/Pages/Conservation/WarmSeasonLawn/LawnTitleHero.razor.rz.scp.css */
.page-title-section[b-u489nappc3] {
    background: #f8f9fa;
    padding: 80px 0 40px 0;
}

.hero-image-section[b-u489nappc3] {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.full-width-hero-image[b-u489nappc3] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.warm-grass-hero[b-u489nappc3] {
    text-align: center;
    padding: 0;
    color: #2c5530;
}

.warm-grass-hero h1[b-u489nappc3] {
    font-size: 5.5rem !important;
    font-weight: 800 !important;
    color: #2c5530 !important;
    margin-bottom: 20px !important;
    letter-spacing: -1px !important;
}

.warm-grass-hero .subtitle[b-u489nappc3] {
    font-size: 2.8rem !important;
    color: #666 !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 768px) {
    .page-title-section[b-u489nappc3] {
        padding: 100px 0 40px 0;
    }

    .hero-image-section[b-u489nappc3] {
        height: 250px;
    }

    .warm-grass-hero h1[b-u489nappc3] {
        font-size: 3.2rem !important;
        line-height: 1.2 !important;
        padding: 0 20px;
    }

    .warm-grass-hero .subtitle[b-u489nappc3] {
        font-size: 1.8rem !important;
        line-height: 1.4 !important;
        padding: 0 20px !important;
    }
}

@media (max-width: 480px) {
    .warm-grass-hero h1[b-u489nappc3] {
        font-size: 2.5rem !important;
        padding: 0 10px !important;
    }

    .warm-grass-hero .subtitle[b-u489nappc3] {
        font-size: 1.4rem !important;
        padding: 0 10px !important;
    }
}
/* /Components/Pages/Conservation/WarmSeasonLawn/WarmSeasonLawn.razor.rz.scp.css */
.story-sections[b-98wc9e9tad] {
    margin-bottom: 60px;
}

/* Shown by js/warm-season-lawn.js once the visitor scrolls past 300px. */
.back-to-top[b-98wc9e9tad] {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #4CAF50;
    color: white;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    z-index: 1000;
    display: none;
}

.back-to-top:hover[b-98wc9e9tad] {
    background: #45a049;
    transform: translateY(-2px);
}
/* /Components/Pages/Conservation/WarmSeasonLawn/WaterSavingsSection.razor.rz.scp.css */
.coming-soon-panel[b-nihrj1wb1n] {
    margin-top: 40px;
    padding: 30px;
    background: rgba(0,150,255,0.2);
    border-radius: 15px;
    backdrop-filter: blur(10px);
    border-left: 5px solid #0096ff;
}

.coming-soon-panel h3[b-nihrj1wb1n] {
    color: white;
    margin-bottom: 15px;
}

.coming-soon-panel p[b-nihrj1wb1n] {
    color: rgba(255,255,255,0.95);
}

.coming-soon-icon[b-nihrj1wb1n] {
    margin-right: 10px;
}
/* /Components/Pages/Conservation/WarmSeasonLawn/WhatAreTheySection.razor.rz.scp.css */
.evaluation-panel[b-np8s48mvtg] {
    margin-top: 40px;
    padding: 30px;
    background: rgba(255,255,255,0.15);
    border-radius: 15px;
    backdrop-filter: blur(10px);
}

.evaluation-panel h3[b-np8s48mvtg] {
    color: white;
    margin-bottom: 15px;
}

.evaluation-panel p[b-np8s48mvtg] {
    color: rgba(255,255,255,0.95);
}
/* /Components/Pages/Conservation/WaterAuditInfo/WaterAuditInfo.razor.rz.scp.css */
.audit-content[b-0d3c4k080u] {
    margin-top: 14px;
}

.audit-resource__title[b-0d3c4k080u] {
    color: white;
    font-size: 20px;
}

.audit-resource__icon[b-0d3c4k080u] {
    color: white;
}
/* /Components/Pages/Conservation/WaterSupply/WaterSupply.razor.rz.scp.css */
/* Scoped to the page content: unscoped, these also styled the site header's lists and padded it out. */
#topBlock p[b-lpmgatvkpa] {
    color: #000;
}

.btn[b-lpmgatvkpa] {
    background-color: #1857A5;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 700;
}

.center-button[b-lpmgatvkpa] {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 30px;
}

/* A button straight under its subheading sits flush against it. */
.center-button--flush[b-lpmgatvkpa] {
    margin-top: 0 !important;
}
/* /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;
}