/*
Author: Alessandro Granito
Description: Foglio di stile css per la pagina dello Store/Content Locator.
			 Viene incluso all'interno del template Etinet Store Locator In Page
			 (etinet-store-locator-template-inpage.php)
*/

/*---------------------------------------------
mappa e contenitori
/*----------*/
div.store_locator_container #map,
div.points_container{
    height: 700px;
}
.store_locator_container {
    margin-top: 40px;
    margin-bottom: 40px;
}
/*--------------------------------------------*/

/*---------------------------------------------
Fascia destra (menù e ricerca)
/*----------*/
div.store_locator_container select#cmb_categoria {
    width: 100%;
    padding: 8px 5px;
    margin-bottom: 20px;
}
div.store_locator_container div#selected_category {
    max-height: 420px;
    overflow: auto;
    margin-bottom: 20px;
}
div.store_locator_container div#store_detail {
    max-height: 204px;
    overflow: auto;
}
div.store_locator_container div#store_detail::-webkit-scrollbar,
div.store_locator_container div#selected_category::-webkit-scrollbar {
    width: 2px;
    background-color: #ffffff;
}
div.store_locator_container div#store_detail::-webkit-scrollbar-thumb,
div.store_locator_container div#selected_category::-webkit-scrollbar-thumb {
    background-color: #fff;
    border: 2px solid #ccc;
}
div.store_locator_container div#store_detail::-webkit-scrollbar-track,
div.store_locator_container div#selected_category::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #eee;
    background-color: #ffffff;
}
div#selected_category,
div#store_detail{
    padding: 5px;
}
@media(max-width: 767px){
    div.store_locator_container div.close_detail_store i{
        margin-right: 0px;
    }
}
/*--------------------------------------------*/

/*---------------------------------------------
Elenco degli store
/*----------*/
div.store_selected_category {
    margin-bottom: 15px;
}
div.single_store_detail{
    display: none;
}
/*--------------------------------------------*/

/*---------------------------------------------
Generiche
/*----------*/
div.store_locator_container i {
    margin-right: 5px;
}
div.store_locator_container h1 {
    margin-top: 0px;
}
div#markers_container>.marker {
    display: none;
}
a.link_to_mappa{
    cursor: pointer;
}
.marker_balloon i {
    width: 20px;
    text-align: center;
}
/*--------------------------------------------*/