/*
Theme Name: Unta
Theme URI: http://promo-theme.com/unta/
Author: Promo Theme
Author URI: https://themeforest.net/user/ypromo
Description: Unta is the beautiful Business WordPress Theme for any businesses, freelancers, agences, consulting, lawyers, accounting agences and etc. Everyone can find a suitable page for itself. We have tried to create the big set of components and styles for your awesome website
Version: 1.0.0
Text Domain: unta
License: GNU General Public License v2 or later
License URI: LICENSE
Template: unta
*/

@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
body {font-family: "Prata", serif !important;}
body a { color: #2C704E; }

@media (min-width: 768px) {
	.navigation .sub-menu, .navigation .children { width: fit-content !important; }
	.navigation .sub-menu a, .navigation .children a { white-space: nowrap; }
}





.hotspot-wrapper .wpb_wrapper { position: relative; }
.hotspot-wrapper .wpb_raw_code .wpb_wrapper { position: static; }
.hotspot-wrapper .wpb_wrapper .wpb_content_element { margin: 0; }
.hotspot-wrapper .wpb_wrapper .wpb_single_image { position: relative; z-index: 1; }
.hotspot-wrapper .highlight-point {
		color: black;
		background: white;
		font-weight: 700;
		position: absolute;
		border-radius: 15px;
		border: 2px solid white;
		box-shadow: 0px 0px 4px rgba(0,0,0,0.75);
		width: 30px;
		height: 30px;
		text-align: center;
		font-size: 18px;
		line-height: 26px;
		cursor: pointer;
		z-index: 2;
}
.hotspot-wrapper .highlight-point.attic { bottom: 73%; left: 58%; }
.hotspot-wrapper .highlight-point.basement-radon { bottom: 14%; left: 33%; }
.hotspot-wrapper .highlight-point.basement-radiant { bottom: 8%; left: 55%; }
.hotspot-wrapper .highlight-point.basement-interior { bottom: 20%; left: 38%; }
.hotspot-wrapper .highlight-point.foundations { bottom: 24%; left: 21%; }
.hotspot-wrapper .highlight-point.exterior-walls { bottom: 44%; left: 15%; }
.hotspot-wrapper .highlight-point.interior-walls { bottom: 41%; left: 38%; }
.hotspot-wrapper .highlight-point.ceiling { bottom: 54%; left: 28%; }
.hotspot-wrapper .highlight-point.house { bottom: 75%; left: 42%; }
.hotspot-wrapper .highlight-point.insulated { bottom: 20%; left: 68%; }

.hotspot-wrapper.commercial .highlight-point.house { bottom: 84%; left: 47%; }
.hotspot-wrapper.commercial .highlight-point.envelope { bottom: 80%; left: 65%; }
.hotspot-wrapper.commercial .highlight-point.basement-radon { bottom: 26%; left: 53%; }
.hotspot-wrapper.commercial .highlight-point.basement-radiant { bottom: 23%; left: 33%; }
.hotspot-wrapper.commercial .highlight-point.basement-interior { bottom: 34%; left: 66%; }
.hotspot-wrapper.commercial .highlight-point.foundations { bottom: 10%; left: 17%; }
.hotspot-wrapper.commercial .highlight-point.ceiling { bottom: 71%; left: 28%; }
.hotspot-wrapper.commercial .highlight-point.exterior-walls { bottom: 80%; left: 6%; }
.hotspot-wrapper.commercial .highlight-point.insulated { bottom: 52%; left: 68%; }
.hotspot-wrapper.commercial .highlight-point.interior-walls { bottom: 72%; left: 69%; }


.hotspot-wrapper .hotspot-links { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); z-index: 3; width: 260px; }
.hotspot-wrapper .hotspot-links ul { background: white; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); list-style: none; padding: 0; margin: 0; }
.hotspot-wrapper .hotspot-links ul > li { margin: 0; padding: 0; border-bottom: solid 1px #f8f8f8; }
.hotspot-wrapper .hotspot-links ul > li:last-child { border: none; }
.hotspot-wrapper .hotspot-links .highlight-link { display: block; line-height: 18px; font-size: 18px; padding: 10px; }
.hotspot-wrapper .hotspot-links .highlight-link span { display: inline-block; width: 22px; height: 22px; border-radius: 50%; background-color: #2c704e; text-align: center; line-height: 22px; color: #FFF; font-size: 14px; }

@media only screen and (max-width: 767px) {
	.hotspot-wrapper .hotspot-points { display: none; }
	.hotspot-wrapper .hotspot-links { position: static; transform: translateY(0); width: 100%; }
}