/*
 COURSE: PROG1041 - Intro to Programming
 PURPOSE: Leaflet Web Map for PROG1041 Course
 MODIFIED BY: Richard Tuovila
 DATE: Oct 24, 2024
*/

/* These change the colour of the custered points. */
.marker-cluster-small {
	background-color: rgba(140, 148, 226, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(57, 72, 204, 0.6);
	}

.marker-cluster-medium {
	background-color: rgba(87, 179, 241, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(12, 149, 240, 0.6);
	}

.marker-cluster-large {
	background-color: rgba(115, 248, 253, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(23, 241, 230, 0.6);
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}

.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;
	/* Also change the font and make it bold and white. */
	font: 12px "Gideon Roman", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	}
.marker-cluster span {
	line-height: 30px;
	}