.mapwidget {
  --bg-color-hover: var(--clr-secondary-500);
  --bg-color-active: var(--clr-accent-400);
  --bg-color-disabled: var(--clr-neutral-200);
  --text-color-hover: var(--clr-neutral-101);
  --text-color-active: var(--clr-neutral-101);
  --text-color-disabled: var(--clr-neutral-200);
}


.map {
	max-width: 90%;
	margin: 0px auto;
}

@media (min-width: 800px) {
	.map {
		max-width: 70%;
		margin: 0px auto;
	}
}


.mapwidget svg {
	stroke-linecap: round;
}

.mapwidget #svg path {
	stroke: black;
	stroke-width: 2px;
	fill: #f9f9f9;
}

.mapwidget #svg path.disabled {
  pointer-events: none;
  fill: var(--bg-color-disabled);
}

.mapwidget #svg path:hover {
  cursor: pointer;
  fill: var(--bg-color-hover);
  z-index: 100;
}

.mapwidget #svg path.active {
  fill: var(--bg-color-active);
}

.college-list {
	display: flex;
	flex-flow: column nowrap;
}

.college-list ul {
	display: flex;
	gap: 1rem;
	width: 100%;
	justify-content: center;
	flex-flow: row wrap;
	padding: 0;
	margin: 0;
}

.college-list ul li {
	display: block;
}