#rvadvsvgsm_container{
	background-color: #fff;
	height:70vh;
	display: flex;
	flex-direction: row;
	max-width: 100%;
	position: relative;
	max-width: 1200px;
}
#rvadvsvgsm_map{
	min-height:300px;
	max-height: 700px;
	height: 70vh;
	width:100%;
	border-radius: 10px;
}
#data_block_siteplan #rvadvsvgsm_container, #data_block_siteplan #rvadvsvgsm_map{
	max-width: 100%; /* kiosk mode */
	height: 88vh;
	max-height: 88vh;
}

#rvadvsvgsm_details{
	width: 20%;
	background-color: #fff;
	padding:10px;
	box-sizing: border-box;
	border-radius: 10px;
	z-index: 101;
	position: absolute;
	right:10px;
	top:10px;
	border:solid 1px #ddd;
}
#rvadvsvgsm_details > div{
	margin:5px auto;
	border-radius: 5px;
	padding-left: 5px;
	padding-right:5px;
	cursor: pointer;
	text-align: center;
}
#rvadvsvgsm_details > p.small{
	font-size: 12px;
	text-align: center;
	color:#333;
	margin:0;
}
.fancybox__content img{
	max-width: 600px;
}

#rvadvsvgsm_container svg {
    pointer-events: none;

    #lots .svgmaplot {
    	opacity: .5;
    }
    #lots .svgmaplot_hasdata{
    	opacity: 1;
    }
    #lots g {
        pointer-events: auto;
    }

    #lots g {
        cursor: pointer;

        &:hover {
        }
    }
    #lots g.highlighted {

    }
    #lots g.selected path, #lots g.selected rect, #lots g.selected poly {
    	/*stroke:#ddd; */
    }
    #lots g rect{
    	stroke-width: 0;
    }
    #lots g.svgmaplot {
    	opacity: 1;
    }
    /*
    #lots g.highlighted  {
		opacity: 1;
    }
    
    #lots g.svgmaplot.faded  {
		opacity: .5;
    }
    */
}
.sitemap_status_option.all{
	background-color: #efefef;
	color:#333;
}
#rvadvsvgsm_container .position {
  position: absolute;
  opacity: 1;
  background: #fff;
  z-index: 9999;
  padding:25px;
  border-radius: 10px;
  height: auto;
  width:250px;
  box-shadow: 0 0 3px #ccc;
  top:10px;
  left:10px;
  color:#333 !important;
}
#rvadvsvgsm_container .position h4, #rvadvsvgsm_container .position h1, #rvadvsvgsm_container .position h2, #rvadvsvgsm_container .position h3{
  color:#333 !important;
}
#rvadvsvgsm_container .position h1{
	font-size: 24px;
}
#rvadvsvgsm_container .position h2{
	font-size: 20px;
}
#rvadvsvgsm_container .position h3, rvadvsvgsm_container .position h4{
	font-size: 18px;
}
#rvadvsvgsm_container .selected rect{
}
#rvadvsvgsm_container .position img{
	max-width: 100%;
}
#rvadvsvgsm_container h4 span{
	display:block;
  color:#333 !important;
}
#rvadvsvgsm_container h4 span:first-child{
	font-size: 20px;
	display: block;
	margin-bottom: 1em;
  color:#333 !important;
}
#rvadvsvgsm_container .key{
	padding:.6em;
	text-align: right;
}
#rvadvsvgsm_container .key span{
	padding:.5em;
}
#rvadvsvgsm_container h1{
	text-align: center;
	font-size: 2em;
	font-weight: normal;
	margin:1em auto;
  color:#333 !important;
}
.rvadvsvgsm_detailsbox p, .rvadvsvgsm_detailsbox h2, .rvadvsvgsm_detailsbox h3, .rvadvsvgsm_detailsbox h4, .rvadvsvgsm_detailsbox h5{
	color:#000;
}
.fancybox__container{
	--fancybox-bg: rgba(255,255,255,.6) !important;
}
.rvadvsvgsm_detailsbox{
	box-shadow: 0 0 8px #ddd;
	width: 60%;
	display: flex;
	flex-direction: row !important;
	border-radius: 10px;
	padding:15px !important;
}
.rvadvsvgsm_detailsbox > div:first-child{
	flex-grow: 1;
}
.rvadvsvgsm_detailsbox h3, .rvadvsvgsm_detailsbox h4, .rvadvsvgsm_detailsbox h5{
	margin-bottom: 0;
	margin-top:0;
}
.rvadvsvgsm_detailsbox .addressline, .position .addressline{
	display: block;
}
.rvadvsvgsm_detailsbox .addressline:nth-child(2), .position .addressline:nth-child(2){
	font-size: .7em;
}
#rvadvsvgsm_map .position{
	font-size: 1rem;
}
.position h3, .position p{
	margin-bottom: 0;
	margin-top:0;
	padding:0;
}
.position h3{
	font-weight: bold;
	padding-top: .4em;
	padding-bottom: .4em;
}
.rvadvsvgsm_detailsbox .detailsline, .position .detailsline{
	border-right:solid 1px black;
	margin-right: 10px;
	padding-right: 10px;
}
.rvadvsvgsm_detailsbox .detailsline:last-child, .position .detailsline:last-child{
	border-right:none;
}
.rvadvsvgsm_detailsbox .priceline{
	font-size: 1.2em;
}
.rvadvsvgsm_detailsbox .is-close-btn{
	background-color: #fff;
	opacity: .9;
}
.rvadvsvgsm_detailsbox.fancybox__content>.f-button.is-close-btn{
	color:#000;
}

.rvadvsvgsm_detailsbox .plansbox{
	margin-right: 20px;
}

.rvadvsvgsm_detailsbox .wp-block-buttons{
	margin-top:.5em;
}
.rvadvsvgsm_detailsbox .listing_slideshow {
	width: 100%;
	display: flex;
	flex-direction: row;
	padding-top: 20px;
}
.listing_slideshow img{
	max-width: 100%;
}
.listing_slideshow > div{
}
.detailsbox_top{
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 50%;
	padding-left: 1em;
	padding-right: 1em;
	box-sizing: border-box;
}
.detailsbox_top > div{
	flex-direction: column;
	display: flex;
	margin-bottom: 0;
}
.detailsbox_top > div{
	margin-top: auto;
}
.detailsbox_top > div:last-child{
	flex-grow: 1;
}
.detailsbox_top .wp-block-buttons{
	text-align: right;
	margin-bottom:10px;
	text-align: left;
	flex-grow: 0;
}
.detailsbox_top .wp-block-buttons a{
	margin-right: 10px;
}
.detailsbox_mid{
	display: flex;
	flex-direction: column;
	padding-top: 0;
	padding-bottom: .5em;
	padding-left: 1em;
	padding-right: 1em;
	box-sizing: border-box;
	margin-top:5px;
	max-width: 50%;
	text-align: center;
	border-left:solid 1px #000;
}
.detailsbox_top > div.detailsbox_topmid{
	justify-content: center !important;
	margin-bottom: auto;
}

.rvadvsvgsm_detailsbox p{
	margin-block-start: 5px;
	margin-block-end: 5px;
}
@media screen and (max-width: 800px) {
	#rvadvsvgsm_container{
		height:auto;
		flex-direction: column;
	}
	#rvadvsvgsm_map{
		height:50vh;
		width:100%;
	}
	#rvadvsvgsm_details{
		width: 100%;
		height: auto;
		margin:0;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}
	#rvadvsvgsm_details > p{
		width:100%;
	}
	#rvadvsvgsm_details .sitemap_status_option{
		width:45%;

	}
	#rvadvsvgsm_details .sitemap_status_option:first-of-type{
		width:100%;
	}
	.rvadvsvgsm_detailsbox.fancybox__content{
		width:100%;
		margin:10px;
		flex-direction: column !important;
	}
	.rvadvsvgsm_detailsbox img{
		max-width: 100%;
		margin-top: 20px;

	}
	.rvadvsvgsm_detailsbox .beds, 
	.rvadvsvgsm_detailsbox .plansbox {
		width:100%;
	}
	.detailsbox_top, .detailsbox_mid, .listing_slideshow{
		flex-direction: column;
		width: 100%;
		max-width: 100%;
	}
	.detailsbox_top > div.detailsbox_topmid{
		margin-bottom: 20px;
	}
	.detailsbox_top .wp-block-buttons{
		text-align: left;
	}
	.detailsbox_top .wp-block-buttons a{
		width: 100%;
		margin-bottom: 10px;
	}
	.detailsbox_top .wp-block-buttons .wp-block-button:first-child a{
		margin-left: 0;
	}
	.rvadvsvgsm_detailsbox .listing_slideshow{
		flex-direction: column;
	}
	.rvadvsvgsm_detailsbox .listing_slideshow > div{
		max-width: 100%;
		width: 100%;
	}
	.rvadvsvgsm_detailsbox h5, .rvadvsvgsm_detailsbox h5.priceline, .plansbox p{
		font-size: 1.4em;
	}
	.rvadvsvgsm_detailsbox h4 .addressline{
		font-size: 1.3em;
	}
	.rvadvsvgsm_detailsbox h4 .addressline:nth-child(2){
		font-size: 1em;
		margin-bottom: 10px;
	}
}