/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#map {
    height: 300px;
    position: relative;
    border-radius: 0.25rem;
    margin-bottom: 1em;
}
.loading {
    display:none;
}
.loaded {
    display:block;
}
#marker, #markerb {
    width: 40px;
    height: 40px;
    background-image: url('../img/place.png');
	background-size: cover;
}
#reset-location {
    background-color: dodgerblue;
    padding: 0.25rem;
    color: #fff;
    border-radius: 0.25rem;
    font-size: .85rem;
    text-align: center;
    margin-bottom: 2em;
}


.location-msg {
	display: flex;
	align-items: last baseline;
}

#cont-msg {
	background: #cb0202;
	border-radius: 5px;
	padding: 10px 10px 10px 20px;
}

.location-icon {
	width: 135px;
	height: 75px;
	background-image: url('../img/place.png');
	background-size: cover;
}