/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 13 2026 | 09:34:48 */
.image-map {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.image-map img {
  width: 100%;
  height: auto;
  display: block;
}

/* marker wrapper */
.marker {
  position: absolute;
  transform: translate(-50%, -100%); /* 👈 anchor at bottom center */
  display: inline-block;
  cursor: pointer;
}

/* marker image */
.marker img {
	width: 32px;
	height: auto;
	display: block;
	border-radius: 50%;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

	box-shadow:
	  0 0 20px rgba(0,0,0,0.35),
	  0 0 20px rgba(0,0,0,0.25);
}

/* hover effect */
.marker:hover img {
  transform: scale(1.2);
}

/* ⚠️ POSIZIONAMENTO ⚠️ */
#aidone {
	top: 65%;
	left: 60%;
}

#gela {
	top: 77.5%;
	left: 55%;
}

#camarina {
	top: 90%;
	left: 62.5%;
}

#marsala {
	top: 42.5%;
	left: 5%;
}

#selinunte {
	top: 55%;
	left: 12.5%;
}

#segesta {
	top: 35%;
	left: 15%;
}

#palermo {
	top: 30%;
	left: 32.5%;
}

#imera {
	top: 32.5%;
	left: 47.5%;
}

#lipari {
	top: 10%;
	left: 70%;
}

#lipari {
	top: 10%;
	left: 70%;
}

#tindari {
	top: 27.5%;
	left: 75%;
}

#naxos {
	top: 35%;
	left: 80%;
}

#catania {
	top: 50%;
	left: 75%;
}

#lentini {
	top: 66.5%;
	left: 73.5%;
}

#siracusa {
	top: 76.5%;
	left: 82.5%;
}

#isola-bella {
	top: 40%;
	left: 82.5%;
}

#eraclea-minoa {
	top: 67.5%;
	left: 31.5%;
}