/*
 * BKJ SVG Site Plan styles.
 * These are intentionally plain and readable: this plugin is site-specific,
 * but should still be easy to modify later.
 */

/* We do NOT need the original SVG key button on the site plan. */
.bkj-siteplan-wrap {position: relative;}
.bkj-siteplan-wrap .key-button {
	display: none;
}

.bkj-siteplan-wrap #key {
	transform-origin: 0 0;
	font-family: 'Marcellus', serif;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 18px;
	letter-spacing: .025em;
}

.bkj-siteplan-wrap #key ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bkj-siteplan-wrap #key li {
	display: flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	margin-top: 22px;
	margin-bottom: 22px;
	white-space: nowrap;
}

.bkj-siteplan-wrap #key li:hover,
.bkj-siteplan-wrap #key li.active {
	color: #D23857;
}

.bkj-siteplan-wrap #key li:hover path,
.bkj-siteplan-wrap #key li.active path,
.bkj-siteplan-wrap .active .house-icon path {
	fill: #58595b !important;
}

.bkj-siteplan-wrap #key li:hover text,
.bkj-siteplan-wrap #key li.active text,
.bkj-siteplan-wrap .active .house-icon .text,
.bkj-siteplan-wrap .active .house-icon .text path {
	fill: #ffffff !important;
}

.bkj-siteplan-wrap #key li svg {
	transform: scale(2);
	margin-right: 1em;
	transform-origin: 0 0;
	position: relative;
	top: -.7em;
}

.bkj-siteplan-wrap .house-icon,
.bkj-siteplan-wrap .group {
	cursor: pointer;
}

/* Special amenities item. */
.bkj-siteplan-wrap #The_Landing {
	cursor: pointer;
	transition: filter .15s ease;
}

.bkj-siteplan-wrap #The_Landing:hover {
	filter: drop-shadow(0 0 4px rgba(0,0,0,.35));
}



.bkj-siteplan-wrap #The_Landing:hover {
  filter: drop-shadow(0 0 4px rgba(0,0,0,.35));
}
.bkj-siteplan-wrap #The_Landing:hover .st3 {
	fill: #D23857;
}

/* Tooltip shared by houses and The Landing. */
.bkj-siteplan-tooltip {
	display: none;
	position: absolute;
	z-index: 9999;
	min-width: 220px;
	max-width: 300px;
	padding: 16px 18px;
	background: white;
	color: #111;
	box-shadow: 0 8px 24px rgba(0,0,0,.25);
	border-radius: 6px;
	font-family: 'Marcellus', serif;
	text-align: center;
}

.bkj-siteplan-tooltip a {
	text-decoration: none;
	color: #000000;
}

.bkj-siteplan-tooltip a.view-link {
	color: #D23857;
	font-family: "Montserrat", Sans-serif;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 1px solid #D23857;
	padding: .5em 1em;
	margin-top: 1em;
	margin-bottom: .5em;
	display: inline-block;
}

.bkj-siteplan-tooltip a.view-link:hover {
	transition: .25s all;
	padding: .7em 1.2em;
	color: black;
	border-color: black;
	margin-top: .8em;
	margin-bottom: .3em;
}

.bkj-siteplan-tooltip h3 {
	margin: 8px;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: .025em;
	text-align: center;
}

.bkj-siteplan-tooltip p {
	margin: 0;
	font-size: 15px;
	line-height: 1.3;
	text-wrap-style: balance;
}

.bkj-siteplan-tooltip .close-tooltip {
	position: absolute;
	top: 6px;
	right: 8px;
	border: 0;
	background: transparent;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}

/* Sold-state handling. Normally .sold is hidden; .sold-item turns it on. */
.bkj-siteplan-wrap .group .sold {
	display: none;
}

.bkj-siteplan-wrap .group.sold-item .sold {
	display: block;
}

.bkj-siteplan-wrap .group.sold-item .house-icon .text {
	transform: scale(0.85);
	transform-origin: center;
	transform-box: fill-box;
}

.bkj-siteplan-wrap .group.sold-item .house-icon .text path {
	fill: #495A5E !important;
}

.bkj-siteplan-wrap .group.sold-item,
.bkj-siteplan-wrap .group.sold-item * {
	cursor: default;
}

.bkj-siteplan-wrap .group.sold-item:hover,
.bkj-siteplan-wrap .group.sold-item.active {
	filter: none !important;
}

.bkj-siteplan-wrap .group.sold-item .house-icon path {
	fill: #b2c1c0 !important;
}