.pinTooltip{
    text-align: center;
}
.pinTooltip>div:first-child{
    font-weight: bold;
}
.mapPinInside{
    background-size: 80%;
    border: none;
}

.mapPin {
    cursor: default;
    user-select: none;
}
.pageBg{
    z-index: 1;
}
.mapPinInsideNumber{display: none;}












.legend{
    margin-top:min(10px, 1vh);
}
.legend>div:before{
    content: "";
    width:min(26px, 4.5vh);
    height: min(26px, 4.5vh);
    background-size: 80%;
    margin-right: 0.3vw;
    position: relative;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
}
.legend>div{
    height: min(30px, 5vh);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.legend>div:nth-child(1):before, .mapPin.object .mapPinInside{
    background-color: rgb(255, 255, 255);
    background-size: 50%;
    background-image: url(/wp-content/uploads/icons/site-locations/location-object.svg);
}

.legend>div:nth-child(2):before, .mapPin.recreation .mapPinInside{
    background-color: rgb(137, 168, 49);
    background-image: url(/wp-content/uploads/icons/site-locations/location-recreation.svg);
}

.legend>div:nth-child(3):before, .mapPin.transit .mapPinInside{
    background-color: rgb(12, 124, 89);
    background-image: url(/wp-content/uploads/icons/site-locations/location-transit.svg);
}

.legend>div:nth-child(4):before, .mapPin.education .mapPinInside{
    background-color: rgb(0, 141, 213);
    background-image: url(/wp-content/uploads/icons/site-locations/location-education.svg);
}

.legend>div:nth-child(5):before, .mapPin.shopping .mapPinInside{
    background-color: rgb(225, 255, 33);
    background-image: url(/wp-content/uploads/icons/site-locations/location-shopping.svg);
}
.legend>div:nth-child(6){
display: none;
}
.legend>div:nth-child(6):before, .mapPin.medical .mapPinInside{
    background-color: rgb(228, 63, 111);
    background-image: url(/wp-content/uploads/icons/site-locations/location-medical.svg);
}
.legend>div:nth-child(7):before, .mapPin.town .mapPinInside{
    background-color: #9c27b0;
    background-image: url(/wp-content/uploads/icons/site-locations/location-town.svg);
}





.panoContainer,
.mapContainer {
	width: 100%;
	height: 100%;
	position: fixed !important;
	top: 0;
	left: 0;
	z-index: 0;
}
.mapContainer {
	transform: translateX(100%);
}
.panoContainer{
    z-index: 1;
}
.mapContainer, .panoContainer{
	transition: transform 1.5s ease;
}
.locationPagePanoContainerHide{
	transform:translateX(100%);
}
.locationPagePanoContainerVisible{
	transform: translateX(0);
}
.locationMapContainerHide{
	transform: translateX(-100%);
}
.locationMapContainerVisible{
	transform: translateX(0);
}
.location360ContainerHide{
	transform: translateX(-100%);
}