.mapPin {
	width: 60px;
	height: 60px;
	cursor: default;
	z-index: 1;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.mapPinInside{
	width: 100%;
	height: 100%;
	background-color: black;
		box-sizing: border-box;
		border: solid 2px var(--color-content-link);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 80%;
	border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
}
.mapPin:hover {
	z-index: 2;
}

.mapPin:hover .mapPinTitle {
	opacity: 1;
	transform: translateX(-50%) scale(1);
	-webkit-transform: translateX(-50%) scale(1);
	-moz-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	-o-transform: translateX(-50%) scale(1);
}

.mapPinTitle {

	pointer-events: none;
	transition: all 0.2s ease-in-out;
	transform-origin: bottom;
	position: absolute;
	color: white;
	background-color: black;
	text-align: center;
	min-width: 100px;
	width: max-content;
	max-width: 200px;
	border-radius: 10px;
	font-size: 0.8rem;
	padding: 0.5rem;
	bottom: calc(100% + 10px);
	left: 50%;
	transform: translateX(-50%);
	font-family: 'Montserrat', sans-serif;
	z-index: 1;


	opacity: 0;
	transform: scale(0);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: scale(0);


	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-o-transform: translateX(-50%);
}

.mapPinTitle::after {
	content: "";
	width: 14px;
	height: 14px;
	background-color: black;
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: -1;

	transform: translateX(-50%) translateY(40%) rotate(45deg);
	-webkit-transform: translateX(-50%) translateY(40%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(40%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(40%) rotate(45deg);
	-o-transform: translateX(-50%) translateY(40%) rotate(45deg);

	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
}


.mapPopupIframe {
	width: 100%;
	height: 90vh;
	box-sizing: border-box;
	border: solid 4px var(--color-content-link);
}

/* .w-popup-box-content {
	border: solid 4px var(--color-content-link);
	text-align: center;
} */

.mapPinDescription {
	display: none;
	;
}

#map{
	width:100vw;
	height:100vh;
	margin:0;
	padding:0;
}