/* Compatible with Leaflet 0.7 */

.icon-location:before { 
font-family: FontAwesome;
content: "\f041";
background-color: rgb(0, 0, 0, 0.7);
font-size:200%;

} 

.leaflet-control-locate {
 background-color: rgba(0, 0, 0, 0.7);
transition: all 500ms ease 0s;
    display: block;
    text-align: center;
    height: 32px;
    padding-top: 4px;
    width: 36px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
}
.leaflet-control-locate.leaflet-control:hover
{
 background-color: gold;
color: black !important;
 cursor: pointer;
}

.leaflet-control-locate.leaflet-control:hover a.leaflet-bar-part.leaflet-bar-part-single.icon-location,
.leaflet-control-locate.leaflet-control:hover a
{
 color: black !important;
}


/*
.icon-direction:before { content: '\e800'; color: white;} 
.icon-spinner:before { content: '\e801'; color: white;} 


.leaflet-touch .leaflet-bar-part-single {
	-webkit-border-radius: 7px 7px 7px 7px;
	        border-radius: 7px 7px 7px 7px;
	border-bottom: none;
}

.leaflet-control-locate a {
	font-size: 1.4em;
	margin-left: 1px;
    color: #444;
}

.leaflet-control-locate.active a {
	color: #265B86;
}

.leaflet-control-locate.active.following a {
	color: #FC8428;
}

.leaflet-touch .leaflet-control-locate {
	box-shadow: none;
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
}


.leaflet-control-locate {
background-image: url(pin2.png);
background-repeat:no-repeat;
background-position:center center;
background-color: rgba(0, 0, 0, 0.7);
transition: all 500ms ease 0s;
display: block;
height: 36px;
width: 36px;
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
cursor:pointer;
}

.leaflet-control-locate:hover {
background-image: url(pin.png);
background-repeat:no-repeat;
background-position:center center;
 background-color: gold;
 color: black;

}
*/