/* system menu integration style for modules */
#ATEDIN_system ul li.menu_SYSTEM-MODULES li.creator_store_locator > a {
}
#ATEDIN_system ul li.menu_SYSTEM-MODULES li.creator_store_locator > a span:before {
    content: " ";
}
#ATEDIN_system ul li.menu_SYSTEM-MODULES li.creator_store_locator a span:before {
    font-family: 'elegantIcons';
    font-size: 1.3em;
}

#ATEDIN_system ul li.menu_SYSTEM-MODULES li.creator_store_locator > ul > li:nth-child(1) > a span:before {
    content: " ";
}
#ATEDIN_system ul li.menu_SYSTEM-MODULES li.creator_store_locator > ul > li:nth-child(2) > a span:before {
    content: " ";
}


div.store_locator {
    position:relative;
    -webkit-box-shadow: 1px 1px 2px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:  1px 1px 2px 3px rgba(50, 50, 50, 0.75);
    box-shadow:      1px 1px 2px 3px rgba(50, 50, 50, 0.75);
    margin: 0em;
    padding: 1em;
    background-color: #fefefe;
}
div.store_locator #map {
    width: 100%;
    height: 500px;
    border: 1px solid #999;
}
div.store_locator #floating-panel {
    text-align: center;
    z-index: 5;
    background-color: #fff;
    border: 1px solid #999;
    text-align: center;
    font-family: 'Roboto','sans-serif';
    line-height: 30px;
    padding: 5px;
    margin: 5px;

}

div.store_locator #floating-panel * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}
div.store_locator #floating-panel select,
div.store_locator #floating-panel input {
    font-size: 1.2em;
}

div.store_locator #store_list {
    padding: 1em;
}
div.store_locator #store_list ul {
    padding: 0;
    margin: 0;
    overflow: hidden;
    list-style: none;

}
div.store_locator #store_list ul li.city-section {
    font-size: 1.5em;
    clear: both;
    padding: 0.5em 1em;
    color: #20446e;
}
div.store_locator #store_list ul li > div a,
div.store_locator #store_list ul li > div a:visited {
    color: #20446e;
}
div.store_locator #store_list ul li:not(.city-section) {

}
div.store_locator #store_list ul li > div {
    border: 1px dotted #CCCCCC;
    padding: 0.5em;
    margin: 0.5em;
    background-color: #FFF;
}	  
div.store_locator #store_list ul li > div div.url {
    height: 2em;

}

div.store_locator #store_list ul li > div:hover {
    border: 1px solid #CCCCCC;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:  1px 1px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow:      1px 1px 5px 0px rgba(50, 50, 50, 0.25);
}

div.store_locator #store_list ul li > div div.name {
    font-weight: bold;

}


@media screen
and (max-width: 360px) {
    div.store_locator #floating-panel select {
        width: 100%;
    }
    div.store_locator #floating-panel input {
        width: 100%;
    }	
}
@media screen
and (min-width: 361px)
and (max-width: 768px) {
    div.store_locator #floating-panel select {
        width: 100%;
    }
    div.store_locator #floating-panel input {
        width: 100%;
    }	
}
@media only screen
and (min-width : 769px)
and (max-width : 993px) {
    div.store_locator #floating-panel {
        position: absolute;
        top: 10px;
        left: 15%;
        width: 70%;
    }

    div.store_locator #floating-panel select {
        width: 30%;
    }
    div.store_locator #floating-panel input {
        width: 68%;
    }

    div.store_locator #store_list ul li:not(.city-section) {
        width: 50%;
        float :left;
    }
}
@media only screen
and (min-width : 994px)
and (max-width : 1169px) {
    div.store_locator #floating-panel {
        position: absolute;
        top: 10px;
        left: 12%;
        width: 75%;
    }

    div.store_locator #floating-panel select {
        width: 30%;
    }
    div.store_locator #floating-panel input {
        width: 68%;
    }

    div.store_locator #store_list ul li:not(.city-section) {
        width: 33.3%;
        float :left;
    }		
}
@media only screen
and (min-width : 1170px) {
    div.store_locator #floating-panel {
        position: absolute;
        top: 10px;
        left: 20%;
        width: 60%;
    }

    div.store_locator #floating-panel select {
        width: 30%;
    }
    div.store_locator #floating-panel input {
        width: 68%;
    }

    div.store_locator #store_list ul li:not(.city-section) {
        width: 25%;
        float :left;
    }

}