@charset "utf-8";
/**
 * Store Locator CSS document for default View
 * 
 * @package    SysgenMedia.StoreLocator
 * @subpackage Components
 * @copyright	Copyright (c)2009 Sysgen Media LLC. All Rights Reserved.
 * @license		GNU/GPLv3
 */



.locator_container { position: relative; }
.locator_container * { box-sizing: border-box; }
.locator_container form { margin: 0; padding: 0; }

.locator_container #sl_search_container { 
	background:#fff; 
	padding: 8px 8px 2px;
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 100;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
    width: 300px;
    border-bottom: 1px solid transparent;
}


.locator_container #addressInput {
	border: none; 
	width: 100%; 
	z-index: 6; 
	outline: none;
	color: inherit;
    font-size: 14px;
    margin: 0;
    padding: 0 48px 0 0;
    height: 24px;
    line-height: 24px;
    vertical-align: top;
    transition-property: color;
    transition-duration: 0.3s;
	box-shadow: none!important;
}



/* Change Autocomplete styles in Chrome*/
.locator_container #addressInput:-webkit-autofill,
.locator_container #addressInput:-webkit-autofill:hover, 
.locator_container #addressInput:-webkit-autofill:focus
{
  background-color: #fff!important;
  color: inherit;
	
}

.locator_container #addressInput.geo-enabled { padding-left: 38px; }


.locator_container .searchbox-searchbutton,
.locator_container .searchbox-clearbutton {
	display: block;
    padding: 8px 12px;
	background: transparent;
    border: 0;
    border-radius: 0;
    font: inherit;
    list-style: none;
    margin: 0;
    outline: 0;
    overflow: visible;
    vertical-align: baseline;
	position: absolute;
	right: 0; top: 0;
}



.locator_container .searchbox-searchbutton::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(search_button-1x.png);
    background-size: 72px 24px;
}

.highres .searchbox-searchbutton::before {
    background-image: url(search_button-2x.png);
}


.locator_container .searchbox-clearbutton {
	display: none;
}

.searchbox-clearbutton::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(clear-1x.png);
    background-size: 96px 24px;
}

.highres .searchbox-clearbutton::before {
    background-image: url(clear-2x.png);
}


.locator_container .mylocation-button {
	display: block;
    padding: 8px;
	background: transparent;
    border: 0;
    border-radius: 0;
    font: inherit;
    list-style: none;
    margin: 0;
    outline: 0;
    overflow: visible;
    vertical-align: baseline;
	position: absolute;
	left: 12px;
	top: 11px;
	width: 18px;
	height: 18px;
	
}

.locator_container .mylocation-widget {
    display: block;
    height: 18px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 18px;
	cursor: pointer;

	background-image: url(mylocation-sprite-1x.png);
    background-size: 180px 18px;
	background-position: 0 0;
	
}

.highres .locator_container .mylocation-widget  {
    background-image: url(mylocation-sprite-2x.png);
}

.locator_container .mylocation-widget.geo-disabled {
	background-position: 72px 0!important;
}

.locator_container .mylocation-button::after {
    content: "";
    position: absolute;
    right: -8px;
    top: -2px;
    border-left: 1px solid #ddd;
    height: 22px;
}



.locator_container #sl_map_spinner {
	display: none;
    position: absolute;
    top: 12px;
    right: 40px;
	vertical-align:middle;
}

.locator_container .filter-toggle, .locator_container .results-toggle {
	margin: 8px 0 0;
	border-top: 1px solid #ddd;
	padding: 0;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.54);
	
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    align-items: center;
    font-size: 13px;
    min-height: 24px;
    position: relative;
    text-align: left;
    z-index: 11;
	transition: all 300ms,visibility 0ms;
	
}

.locator_container .results-toggle { 
	margin: 0; 
	display: none; 
	background-color:#F3F3F3;
  	padding:8px;
  	height: 40px;
  	line-height: 23px;
  	font-size:13px;
	font-weight: 600;

}

.locator_container .filter-toggle:hover, .locator_container .results-toggle:hover {
    color: rgba(0, 0, 0, 0.87);
}

.locator_container .filter-toggle span, .locator_container .results-toggle span {
    -webkit-flex: 1 0 0px;
    -ms-flex: 1 0 0px;
    flex: 1 0 0px;
    display: block;
    overflow: hidden;
    text-align: left;
}


.locator_container .filter-toggle-icon, .locator_container .results-toggle-icon {
    opacity: 0.54;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    margin: 0 16px 0 8px;
	transition: all 300ms,visibility 0ms;
}

.locator_container .filter-toggle:hover .filter-toggle-icon, .locator_container .results-toggle:hover .results-toggle-icon {
     opacity: 1;
}


.locator_container .maps-sprite-common-chevron-left {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: all 300ms,visibility 0ms;
}
.highres .maps-sprite-common-chevron-left {
    background: no-repeat url(common_hdpi.png) 0 0;
    background-size: 24px 224px;
}
.maps-sprite-common-chevron-left {
    background: no-repeat url(common.png) 0 0;
    height: 24px;
    width: 24px;
}


.locator_container .filter-container { display: none; margin: 8px; }
.locator_container .filter-container select { max-width: 85%; }
.locator_container .filter-container label { font-size: 12px; font-weight: 600; color: #666; display: block; }
.locator_container .filter-container label.checkbox {  font-weight: 500; }
.locator_container .filter-container .row-fluid { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #ddd;  }
.locator_container .filter-container .row-fluid:last-child { border-bottom: 0; padding-bottom: 0; }


.locator_container .filter-container .radius-block, 
.locator_container .filter-container .feature-block { display: inline-block; width: 40%; }

.locator_container .filter-container .feature-block { text-align: center; }



.locator_container .filter-container select {
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");
  background-color:#F3F3F3;
  background-repeat:no-repeat;
  background-position: right 8px top 11px;
  background-size: 12px 12px;
  color:#666;
  padding:4px 32px 4px 8px;
  width:auto;
  height: 30px;
  line-height: 22px;
  font-size:12px;
  text-align:center;
  border-radius:3px;
  -webkit-border-radius:3px;
  -webkit-appearance: none;
  border:0;
  outline:0;
  -webkit-transition:0.3s ease all;
	   -moz-transition:0.3s ease all;
	    -ms-transition:0.3s ease all;
	     -o-transition:0.3s ease all;
	        transition:0.3s ease all;
}



.locator_container .filter-container input[type="text"] {
  background:#F3F3F3;
  color:#666;
  padding:4px 8px;
  width:80%;
  height: 30px;
  line-height: 22px;
  font-size:12px;
  text-align:left;
  -webkit-border-radius:3px;
		  border-radius:3px;
  -webkit-appearance: none;
  border:0;
  outline:0;
  -webkit-transition:0.3s ease all;
	 -moz-transition:0.3s ease all;
	  -ms-transition:0.3s ease all;
	   -o-transition:0.3s ease all;
	      transition:0.3s ease all;
}


.locator_container .filter-container select:hover, .locator_container .filter-container input[type="text"]:hover {
  background-color:#fafafa;
}

.locator_container .filter-container select:focus, 
.locator_container .filter-container select:active,
.locator_container .filter-container input[type="text"]:focus,
.locator_container .filter-container input[type="text"]:active {
  border:0;
  outline:0;
}



.locator_container .searchbox-featuredbutton {
	display: inline-block;
    padding: 0;
	background: transparent;
    border: 0;
    border-radius: 0;
    font: inherit;
    list-style: none;
    margin: 0;
    outline: 0;
    overflow: visible;
    vertical-align: baseline;
}

.locator_container .searchbox-featuredbutton::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-image: url(star_rate_empty.png);
	background-repeat: no-repeat;
    -ms-high-contrast-adjust: none;
}

.locator_container .searchbox-featuredbutton.active::before {
	background-image: url(star_rate.png);
}



.locator_container #map { overflow: hidden; z-index: 1; width: 100%; height: 60vh; }
.locator_container #map img { max-width: none!important; }

.locator_container #sl_results_container { font-size:1em; position: relative; }








#sl_locate_results { font-weight:bold; font-size:1.1em; margin-bottom:10px; }
#sl_sidebar { overflow: auto;  font-size: 0.9em; margin:10px 0; max-height:1500px; }
#sl_sidebar .result-container { cursor:pointer; margin:0;  display:inline-block; width: 48.936170208%; *width: 48.882978718638%; } 
#sl_sidebar .result-container:nth-child(2n-1) { border-right:1px solid #ccc; }

#sl_sidebar .result-inner { margin:5px 10px; padding-bottom:10px; border-bottom:solid 1px #ccc;  }
#sl_sidebar .result-inner:hover { background:#eee; }


.loc-name, .infoloc-name { font-size:1.2em; font-weight:bold; }
.loc-distance, .infoloc-distance { font-size:0.7em; font-weight:normal; }
.featureicon, .networkicon { vertical-align:middle; margin:0 2px 4px 0; }


.gmnoprint div {text-align:left !important; margin-right:3px; }


#copyright-block { font-size:11px; margin:5px 0; }
#copyright-block a { text-decoration:none; }

.rightmargin10 { margin-right:10px; }

.sl_suggest { padding:5px; }
.sl_suggest:hover { background:none!important; }
.sl_suggest span { font-weight:bold; font-size:1.1em; }
.sl_suggest ul { margin:10px 0px; padding-left:10px; list-style-position:outside; list-style-type:circle; display:block; }
.sl_suggest ul li { margin:0; padding:0; display:block; }




.locator_container .row-fluid {
	width: 100%;
	*zoom: 1;
}
.locator_container .row-fluid:before,
.locator_container .row-fluid:after {
	display: table;
	content: "";
	line-height: 0;
}
.locator_container .row-fluid:after {
	clear: both;
}



@media (max-width: 767px) {

	
	.locator_container #sl_search_container {
		background: #fff;
		position: relative;
		top: initial;
		left: initial;
		box-shadow: none;
		width: auto;
		border: 1px solid #ddd;
		margin: 8px;
	}
	
	.locator_container .results-toggle { 
		margin: 0; 
		display: -webkit-flex;
    	display: -ms-flexbox;
    	display: flex; 
	}
	
	.locator_container #sl_sidebar {
		position: absolute;
		bottom: 40px;
		z-index: 200;
		background: #f9f9f9;
		max-height: 60vh;
		margin: 0;
		border-top: 1px solid #ddd;
		height: 0;
		display: none;
	}
	
	#sl_sidebar .result-container { width:100%; }
	#sl_sidebar .result-container:nth-child(2n-1) { border-right:none; }
	
	.locator_container #map .gm-style-mtc, 
	.locator_container #map .gm-bundled-control, 
	.locator_container #map .gm-fullscreen-control {
        display:none;
    }  
	
	.gm-style .gm-style-iw-d { max-width: none!important; }


}