/* 
Course:    PROG1041 - Introduction to Programming
Purpose:   Project 2 - Leaflet Web Map Webpage 
Author:    Kevin Philipow
Date:      October 22, 2024 
*/

.marker-cluster-small {
	background-color: rgba(199, 215, 158, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(92, 137, 68, 0.6);
	}

.marker-cluster-medium {
	background-color: rgba(205, 102, 102, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(238, 32, 65, 0.6);
	}

.marker-cluster-large {
	background-color: rgba(205, 102, 102, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(238, 32, 65, 0.6);
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgba(199, 215, 158, 0.6);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgba(92, 137, 68, 0.6);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgba(205, 102, 102, 0.6);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgba(238, 32, 65, 0.6);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgba(205, 102, 102, 0.6);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgba(238, 32, 65, 0.6);
	}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	font: 16px "Lato", Arial, Helvetica, sans-serif;  
	}
.marker-cluster span {
	line-height: 30px;
	}