/* KS location map — hotspot pins + tooltips
   Applies to the Salient "Image With Hotspots" element used for the U.S.
   locations map on Home, About and the Locations page. Scoped to
   .nectar_image_with_hotspots so it only affects that element. */

/* Keep the map at a natural, non-oversized width and centered */
.nectar_image_with_hotspots {
	max-width: 620px;
	margin: 0 auto;
}

/* Pins — plain navy dots with a white halo (no plus sign). The pulsing
   ring is drawn by .nectar_hotspot::before, which we leave untouched. */
.nectar_image_with_hotspots .nectar_hotspot {
	width: 20px !important;
	height: 20px !important;
	box-shadow: 0 0 0 2.5px #fff, 0 2px 5px rgba(0, 0, 0, 0.35) !important;
	/* Center the dot on its coordinate. By default Salient anchors the dot by
	   its top-left corner, which offsets every pin ~10px low and to the right;
	   this makes the top/left percentages land on the dot's center. */
	transform: translate(-50%, -50%) !important;
}
.nectar_image_with_hotspots .nectar_hotspot span::before,
.nectar_image_with_hotspots .nectar_hotspot span::after {
	display: none !important;
}

/* Tooltip card — clean white card, KS navy headings, red links */
.nectar_image_with_hotspots .nttip {
	width: 240px !important;
	height: auto !important;
	background: #fff !important;
	border: none !important;
	border-radius: 10px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22) !important;
	padding: 0 !important;
	transition: opacity 0.18s ease !important;
}
.nectar_image_with_hotspots .nttip .inner {
	padding: 12px 15px !important;
	text-align: left !important;
}
.nectar_image_with_hotspots .nttip .inner * {
	color: #48505e !important;
	font-size: 13px !important;
	line-height: 1.55 !important;
	font-weight: 400 !important;
}
.nectar_image_with_hotspots .nttip .inner h6 {
	color: #032b4e !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	margin: 0 0 6px !important;
}
.nectar_image_with_hotspots .nttip .inner strong {
	color: #032b4e !important;
	font-weight: 700 !important;
}
.nectar_image_with_hotspots .nttip .inner a {
	color: #c81235 !important;
	text-decoration: none !important;
}
.nectar_image_with_hotspots .nttip .inner a:hover {
	text-decoration: underline !important;
}