#map .mapboxgl-canvas {
	width: 100% !important;
	#height: 100% !important;
}
.agency-popup {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: break-word; 
}

.margin-top-20 {
	margin-top: 20px !important;
}
.agency-popup h4 {
	margin: 3px 0 8px 0;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: break-word;
}
.agency-popup h5 { 
	font-size: 14px !important;
	line-height: 1.4 !important;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: break-word !important;
}
.mapboxgl-popup-close-button{
	color: #e81d1d; 
	font-size: 20px;
}
.mapboxgl-popup-close-button:hover{
	color: #ad0707;
	font-weight: bold;  
} 
.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;
}