.state_map_form {
    margin-bottom: 40px;
}

.state_map_form .flex {
    display: flex;
    align-items: center;
}

.state_map .location_icon { z-index: 1; }

.state_map_form select { width: 100%; }

.state_map_form :is(input, select) {
    height: 35px;
    border-radius: 4px;
    background: #f9f9f9;
    border: 1px solid var(--green-dark);
    font-family: "Avenir Next";
}

.state_map_form-zip { width: 60%; }
.state_map_form-radius { width: 20%; padding: 0 10px; }
.state_map_form-submit { width: 20%; }
.state_map_form-location { margin-top:40px; }

            .map_searchbyzip_title, .map_filter_locationtype_title,  .map_filter_opendays_title{
                width: 100%;
                max-width: 320px;
                font-size: 1.25rem;
            }
            .state_map_form-zip {width:100%;max-width:180px}
            .state_map_form-radius {    width: 150px; }
            .map_filter_locationtype_select,  .map_filter_opendays_select{width:100%;max-width:180px}

.state_map {
    display: flex;
    height: 632px;
    position: relative;
}

.state_locations_list {
    width: 30%;
}

#state_map {
    width: 70%;
    border-radius: 0px 20px 20px 0px;
}

.state_locations_list {
    overflow-y: auto;
    border-radius: 20px 0px 0px 20px;
    background: #f9f9f9;
}
.fl-page-content p a.state_item_website,
.fl-page-content p a.state_item_facebook {
    color: #000 !important;
    font-size: 14px;
    display: block;
    text-decoration: underline !important;
}

.state_item_how strong {
    font-family: "Avenir Next";
    font-weight:bold !important;
}
.state_item_how{
    padding-bottom:26px;
}

.state-location-item .state_item_how p{
    margin:0;
    margin-top:6px;
    margin-bottom:10px;
}

/*
body.en .state-location-item[data-lang="es"] {display:none}
body.es .state-location-item[data-lang="en"] {display:none}
*/


.state-location-item {
    padding: 0px 25px;;
    border-bottom: 1px solid #d6ebf9;
    cursor: pointer;
    transition: background-color .5s ease;
}

.state-location-item:hover {
    background-color: #EBEBEB;
}

.state-location-item .state_location_type.farmers_market 
.state-location-item .state_location_type.supermercado,
.state-location-item .state_location_type.mercado_de_granja 
{
    background: #75c159;
}
.state-location-item .state_location_type.grocery,
.state-location-item .state_location_type.farm_store,
.state-location-item .state_location_type.supermercado,
.state-location-item .state_location_type.food_box_csa,
.state-location-item .state_location_type.grocery_store
{background: var(--yellow-light);}

.state-location-item .state_location_type {
    background: var(--green-light);
    display: inline-block;
    border-radius: 5px;
    padding: 0px 10px;
    font-size: 13px;
    margin-bottom: 10px;
}


.nebraska .state-location-item .state_location_type {background: #04703C;color:#fff}

.nebraska .state-location-item .state_location_type.farmers_market, 
.nebraska .state-location-item .state_location_type.mercado_de_granja 
{background: #7BC144;color:#fff}


.nebraska .state-location-item .state_location_type.community_supported_agriculture,
.nebraska .state-location-item .state_location_type.agricultura_con_apoyo_comunitario
 {background: #9C0052;color:#fff}



.pac-container.hdpi {display:none}


.state-location-item p.state_location_type {text-transform: capitalize;}
.state-location-item p {
    color: #424242;
    text-transform: initial;
    margin-top: 20px;
    margin-bottom: 0;
}

.empty_input {
    box-shadow: 0px 0 6px red !important;
    transition: all .5s ease !important;
}

/* LAYOVER MESSAGES */
.layover-screen-message {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    background: rgb(214,235,249);
    z-index: 2;
}

.layover-screen-message div {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
}

.dot-one {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
    animation: dot 1.3s infinite;
    animation-delay: 0.0s;
}

.dot-two {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
    animation: dot 1.3s infinite;
    animation-delay: 0.2s;
}

.dot-three {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
    animation: dot 1.3s infinite;
    animation-delay: 0.3s;
}

@-webkit-keyframes dot {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes dot {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* ERROR MESSAGES */
.no-results-found { padding: 20px; }
.error-icon {
    text-align: center;
    margin: 20px;
}
.error-icon i {
    font-size: 60px;
}

@media only screen and (max-width: 992px) {
    .state_map {
        flex-direction: column-reverse;
        height: auto;
    }

    .state_map_form .flex {
        display: block;
    }

    .state_map_form-zip,
    .state_map_form-radius { display: inline-block; }
    .state_map_form-zip { width: 70%; }
    .state_map_form-radius { width: 30%; }
    .state_map_form-submit { 
        width: auto;
        margin-top: 20px;
    }


    #state_map {
        min-height: 376px;
        width: 100%;
        border-radius: 0;
    }

    .state_locations_list { 
        width: 100%;
        border-radius: 0;
        max-height: 400px;
    }

}