// ============================================================================
// :: SVG Map
// ============================================================================
.m-svg-map {
	position: relative;
}

// ============================================================================
// :: Elements
// ============================================================================
.m-svg-map__province {
	position: relative;

	stroke: $grey-extra-light;

	fill: $grey-medium;

	transition: all 0.2s ease-in-out;

	cursor: pointer;

	&:hover {
		fill: $green-2x-light;
	}

	&.is-active {
		fill: $green;
	}

	&.is-disabled {
		fill: $grey-extra-light;

		cursor: default;

		&:hover {
			fill: $grey-extra-light;
		}
	}
}