#map .mapboxgl-canvas {
	width: 100% !important;
	#height: 100% !important;
}
.mapbox-custom-marker {
	position: relative;
	width: 27px;
	height: 36px;
	cursor: pointer;
}

/* Actual pin */
.mapbox-custom-pin {
	position: absolute;
	width: 27px;
	height: 27px;
	left: 0;
	top: 0;
	background: #e53935;
	border-radius: 50% 50% 50% 0;
	transform: rotate(-45deg);
	transform-origin: 50% 50%;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
}

/* White center */
.mapbox-custom-pin::after {
	content: '';
	position: absolute;
	width: 11px;
	height: 11px;
	background: #fff;
	border-radius: 50%;
	top: 8px;
	left: 8px;
}

/* Name */
.mapbox-custom-name {
	display: none;
	position: absolute;
	left: 37px;
	top: 0;
	margin: 0;
	padding: 5px 10px;
	background: rgb(54 68 88);
	color: #fff;
	font-size: 13px;
	white-space: nowrap;
	z-index: 10;
}