.popular-lake-link {
    margin: .5em;
}

/*

    UX 2025

*/

.state-index > main {
    height: 300px;
}

#map_search {
    height: 500px;
}

.state-index .featured-panels-container, .state-index .featured-panel a {
    background-color: #d8e5f0;
}


#state-search-container {
    padding-top: 2.5em;
    display: flex;
    justify-content: space-between;
    gap: 3em;
    flex-flow: wrap;
}

    #state-search-container .two-fifths {
        flex: 1 1 calc(45% - 1.5em)
    }

    #state-search-container .three-fifths {
        flex: 1 1 calc(55% - 1.5em)
    }

    #state-search-container input[type="text"] {
        flex: 1 1 100%
    }

    #state-search-container select, #state-search-container button {
        flex: 1 1 calc(50% - .75em)
    }

    #state-search-container button {
        margin: 0;
    }

#welcome-to-lakefront-living-realty {
    background-color: #ffffff;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    display: flex;
    flex-wrap: wrap;
}

    #welcome-to-lakefront-living-realty > div > div {
        padding: 2em;
    }

    #welcome-to-lakefront-living-realty .hero-text {
        background-color: transparent;
        line-height: 1em;
        font-size: 30pt;
        text-align: left;
    }

    #welcome-to-lakefront-living-realty h3 {
        font-weight: bold;
    }

    #welcome-to-lakefront-living-realty p {
        font-size: 14pt;
        color: #000000;
    }

    #welcome-to-lakefront-living-realty > div > div {
        padding: 2em;
    }

#featured-broker {
    max-width: 350px;
}

.state-index .cta-panels {
    padding-top: 2.5em;
}

@media screen and (width > 35.5em) and (width <= 48em) {
    #welcome-to-lakefront-living-realty {
        padding-left: 2em;
        padding-right: 2em;
    }

        #welcome-to-lakefront-living-realty > div > div {
            padding: 0;
        }
}


@media screen and (width <= 35.5em) {
    #welcome-to-lakefront-living-realty {
        padding-left: 1em;
        padding-right: 1em;
    }

        #welcome-to-lakefront-living-realty > div > div {
            padding: 0;
        }
}

#omnisearchlakes {
    box-sizing: border-box;
    width: 100%;
}

#omnisearchlakes-results {
    position: absolute;
}