@use postcss-nested;
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,600);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;900&display=swap');

:root{
	--menutop-height: 43px;
	--menutop-margin: 5px;
	--font-size: 14px;
	--searchtype-margintop: 25px;
	--searchtype-optionheight: 2em;
	--searchcriteria-margintop: 10px;
	--separation-color: rgba(5,5,5,1.0);
	--backgrd-color: #242526;
	--border-color: #505050;
}

@media screen and (pointer: coarse) {
  @supports (-webkit-backdrop-filter: blur(1px))  {
    html {
      overscroll-behavior-y: none;
	  overscroll-behavior: none;
      min-height: 100.3%;
    }
  }
}

div{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

body{
	font-family: 'Roboto', sans-serif;
    line-height: 20px;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
	background-color: #242526;
	margin: 0;
	padding: 0;
	overflow: auto;
   overscroll-behavior-y: none;
   overscroll-behavior: none;
}

.building-page-name{
	margin-left: 12px;
    font-size: 1.65em;
    line-height: 2.5em;
    margin-block-start: 0em;
    margin-block-end: 0em;
    color: #e4e6eb;
    font-weight: 500;
}

h1{
	margin-left: 12px;
    font-size: 1.65em;
    line-height: 2.5em;
	margin-block-start: 0em;
    margin-block-end: 0em;
	color: #e4e6eb;
	font-weight: 500;
	
}

h2{
	margin-block-start: 0em;
    margin-block-end: 0em;
	margin-top: 1.5em;
    margin-bottom: 1.15em;
    color: #e4e6eb;
    font-size: 1em;
	
}
.listingstatspacer{
	height: 0.1em;
}
h3{
	margin-block-start: 0em;
    margin-block-end: 0em;
	margin-top: 2em;
	margin-bottom: 1em;
	color: white;
}


.bldg_cblogo{
	width: 45px;
}
.bldg_menublock{
	margin: var(--menutop-margin);
	height: var(--menutop-height);
    z-index: 0;
    width: calc(100vw - 10px);
	background-color: #242526;
}

.bldg_logo{
	display: inline-block;
	margin-right:5px;
}

.bldg_search{
	padding-top: 2px;
    display: inline-block;
    width: calc(100vw - 110px);
    vertical-align: top;
    height: 34px;
	margin-right:5px;
	
}
.bldg_sandwich{
	display: inline-block;
    color: white;
    font-size: 2em;
    line-height: 34px;
    width: 30px;
    height: 34px;
    vertical-align: top;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
}

.bldg_menu-backarrow{
	line-height: 45px !important;
    margin-left: 7px;
    display: inline-block !important;
	color: white;
}

.menu-buildingname{
	display: inline-block;
    color: white;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 45px;
    margin-left: 0.5em;
	margin-top:-18px;
    width: calc(100% - 40px - 25px - 17px - 0.5em);
    vertical-align: middle !important;
}
.building-detail-image-container{
	
	margin:0;
	padding:0;
	z-index: 0;
	height: 230px;
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
}

.bldg_listing-pic-container{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width:100vw;
}
.bldg_listing-pic-container-small-3{
	width: 100vw;
	margin: 0;
	overflow-x:hidden;
	margin-top: -3px;
}

.bldg_listing-pic-small-darker{
	filter: opacity(0.8);
}

.bldg_pluspic{
	display: block;
    position: absolute;
    color: white;
    font-size: 1.5em;
    /* font-family: ui-monospace; */
    font-weight: 900;
    margin-top: -85px;
    width: 137px;
    text-align: center;
}

.bldg_listing-pic-container-large{
	width: 100vw;
	margin: 0;
	display: inline-block;
}

.bldg_listing-pic-container-small-3{
	width: 100vw;
	margin: 0;
	overflow-x:hidden;
	margin-top: -3px;
}



.bldg_listing-pic-container-small{
	
	margin: 0;
	display: inline-block;
	margin-top: -3px;
}
.bldg_listing-pic-small-darker{
	filter: opacity(0.8);
}

.bldg_listing-pic-small{
	width: calc(32.7vw);
	height: calc(32.7vw);
}

.bldg_listing-pic-large{
	width: 100vw;
	height: calc(0.66 * 100vw);
}

.bldg_pluspic{
	display: block;
    position: absolute;
    color: white;
    font-size: 1.5em;
    /* font-family: ui-monospace; */
    font-weight: 900;
    margin-top: -85px;
    width: 32.5vw;
    text-align: center;
}


.bldg_listing-basicinfo-figure{
	color: white;
    display: block;
    font-weight: bold;
    font-size: 1.25em;
    margin-top: 8px;
    line-height: 1.25em;
}

.bldg_listing-basicinfo-price{
	display: inline-block;
	width: calc(52vw - 10px);
	padding-left: 10px;
}

.building-detail-container{
	z-index: 2;
		
	width: 100vw;
	margin:0;
	padding:0;
	/*border-radius: 20px 20px 0px 0px;
	
	height: 150px;*/
	transition: height 0.2s linear;
	overflow-y: hidden; 
	
	/*height: 70vh;*/
   
    /*overflow-y: scroll;*/
	
    
    background-color: #242526;
	vertical-align:top;


}

.building-scrollable{
	top: 1vh;
    overflow-x: hidden;
	background-color: #242526;
	width: 100vw;
	margin:0;
	padding:0;
	overflow-y: scroll;
	transition: top 0.2s linear;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
	min-height: 100vh; /* this is the magic, actually bug abusing iOS here */
	
	
}

.bldg_listing-excerpt{
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: normal;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	color: lightgrey;
	padding-bottom: 10px;
}

.bldg_listing-excerpt-more{
	line-height: 1em;
	font-size: 0.9em;
	color: white;
	font-weight: bold;
}
a {
	color: white;
	text-decoration: none;
	font-size: 1.1em;
	padding-right:30px;
	line-height: 43px;
}
.bldg_linklisting{
	background: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
	line-height: 0;
}

.bldg_building-detail-header{
	width: 100vw;
    margin-top: 0px;
}

.bldg_listing-detail-header-line{
	display: block;
	width: 15vw;
	height: 10px;
	background-color: #242526;
	border-top: 3px solid #96999e;
	opacity: 1;
	margin-top:8px;
	margin-left:auto;
	margin-right:auto;
}

.bldg_listing-header-container{
	display: block;
	width: 100vw;
	padding:0;
	margin:0;
}

.bldg_building-details-info-box{
	padding-left: 8px;
    vertical-align: top;
}

.bldg_listing-round-pic{
	width: 50px;
	display: inline-block;
	padding:0;
	margin:0;
	vertical-align: top;
}

.building-excerpt-more{
	line-height: 1em;
	font-size: 0.9em;
	color: #1b74e4;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}

.bldg_listing-address-container{
	width: calc (100vw - 55px);
	display: inline-block;
	color: white;
	font-size: 1.15em;
	padding-left: 10px;
	padding-top: 2px;
}

.bldg_nblistings{
	font-size:1.25em;
	color: white;
	font-weight: bold;
	    display: block;
    margin-left: 12px;
	margin-top:-12px;
	line-height: 2em;
}

.building-sections{
	width: calc(100vw);
	display: block;
	padding-left:12px;
	padding-right:10px;
	color: #e4e6eb;
	font-size: 1.15em;
	vertical-align: top;
	margin-bottom: 1.25em;
}


.bldg_recentsales{
	color: #1b74e4;
    height: 2em;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1.1em;
	font-weight: bold;
    line-height: 2em;
    display: block;
    width: 300px;
    text-align: center;
    margin: auto;
    text-decoration: none;
	
}

.bldg_listing-overview{
	display: block;
    line-height: 1.45em;
    padding-top: 1em;
}

.bldg_listing-overview-long{
	display: none;
}
.bldg_round-logo{
	width: 48px;
    border-radius: 50%;
    padding: 5px;
}

.bldg_listing-address-detail-container{
}

.bldg_price-insight-header-1{
	display: inline-block;
	width: 24%;
	font-size: 1em;
	vertical-align: top;
	margin-bottom:10px; 
	color: #b0b3b8;
	line-height: 2em;
}

.bldg_price-insight-header-2{
	display: inline-block;
	width: 35%;
	font-size: 1em;
	vertical-align: top;
	margin-bottom:10px; 
	color: #b0b3b8;
	line-height: 2em;
	
}

.bldg_price-insight-column-1{
	display: inline-block;
	width: 25%;
	font-size: 1em;
	vertical-align: top;
	margin-bottom:10px; 
	color: #b0b3b8;
}

.bldg_price-insight-column-2{
	display: inline-block;
	width: 36%;
	font-size: 1em;
	vertical-align: top;
	margin-bottom:10px; 
	color: white;
	
}

.bldg_listing-fact-header{
	display: inline-block;
	width: 3%;
	font-size: 1em;
	margin-bottom: 0.5em;
	vertical-align: top;
}

.bldg_listing-fact{
	display: inline-block;
	width: 33%;
	color: white;
    font-size: 1.0em;
	vertical-align: top;
}

.bldg_home-facts {
    display: inline-block;
    width: 48%;
    margin-bottom: 0.5em;
    padding-left: 10px;
    line-height: 48px; 
    /* vertical-align: -webkit-baseline-middle; */
    background: rgba(50,52,54,1.0);
    border-radius: 15px;
    min-height: 40px;
    margin-left: 5px;
    vertical-align: center;
}

.bldg_home-facts-header{
	font-size: 1em;
	color: #b0b3b8;
	display:none;
}

.bldg_home-facts-details {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #e4e6eb;
    font-size: 0.85em;
    vertical-align: middle;
    display: inline-block;
    max-width: calc(100% - 40px);
}

.bldg_status-active{
	width: 1em;
    height: 1em;
    background-color: green;
    border-radius: 0.5em;
    display: inline-block;
    margin-top: 0.25em;
    margin-right: 8px;
	margin-left: 4px;

}
.bldg_listing-address{
	padding-top: 5px;
	/*text-transform: uppercase;*/
    font-weight: 500;
    line-height: 1.25em;
    font-size: 1em;
}

.bldg_listing-city{
	font-weight: 400;
    line-height: 1.1em;
	font-size: 0.9em;
}

.bldg_building-onmarket{
	display: inline-block;
	margin-top: -0.75em;
	font-weight: normal;
    line-height: 2em;
	font-size: 1em;
	color: #C3C3C3;
	margin-left:5px;
	    vertical-align: middle;
}



.bldg_listing-onmarket{
	font-weight: normal;
    line-height: 1.5em;
	font-size: 0.7em;
	color: #C3C3C3;
}

.bldg_listing-basicinfo-container{
	width: 100vw;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin: 0;
	padding: 0;
}
.bldg_listing-basicinfo-price{
	display: inline-block;
	
	padding-left: 10px;
}



.bldg_separation{
	background-color: rgba(5,5,5,1.0);
	height:5px;
	width:100vw;
}

.building-details-info-box{
	padding-left:8px;
	vertical-align:top;
}
.building-basicinfo-figure{
	color: white;
    font-weight: bold;
    font-size: 1.25em;
	vertical-align: middle;
    line-height: 1.35em;
	display: inline-block;
	
}

.building-basicinfo-figure-address{
	font-weight: normal !important;
	color: #b0b3b8;
	font-size: 1.1em;
}

.bldg_listing-basicinfo-desc{
	display: block;
    font-weight: normal;
    line-height: 1em;
    font-size: 1em;
    color: #C3C3C3;
    margin-top: -0.95em;
}

.bldg_listing-basicinfo-bath{
	text-align: center;
}

.bldg_listing-basicinfo-bed{
	display: inline-block;
	width: 15vw;
	text-align: center;
}
.bldg_listing-basicinfo-bath{
	display: inline-block;
	width: 15vw;
	text-align: center;
}
.bldg_listing-basicinfo-sqft{
	display: inline-block;
	width: 15vw;
	text-align: center;
}

.bldg_listing-detail-bottom-menu {
    z-index: 2;
    width: 100vw;
    height: 60px;
    min-height: 60px;
    /* height: 0px; */
    padding-top: 8px;
    opacity: 1;
    left: 0;
    display: block;
    border-spacing: 10px 7px;
    position: fixed;
    bottom: 0;
    width: 100vw;
    background-color: #242526;
    border-top: 1px solid #505050;
}


.bldg_back-arrow{
	width: 25px;
    display: inline-block;
    margin-left: 20px;
	padding-top: 8px;
    padding-bottom: 2px;
    vertical-align: bottom;
}

.bldg_listing-save{
    width: 25px;
    display: inline-block;
    margin-left: 30px;
	padding-top: 8px;
    padding-bottom: 2px;
    vertical-align: bottom;
}

.bldg_savesearch{
	display: none;
	height: 100vh;
    text-align: center;
}


.bldg_theheaderbutton{
	margin-top: 10px;
	display: inline-block;
    color: white;
    margin-left: 3px;
    margin-right: 2px;
    font-weight: 500;
	font-size:1.15em;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 40px;
    width: calc(50% - 10px);
    text-align: center;
    background-color: #1b74e4;
    margin-bottom: 10px;
}


.building-details-menu-item{
    display: inline-block;
   	padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1.15em;
	text-align: center;
	font-weight: 500;
    line-height: 1.5em;
    /*color: #C3C3C3;*/
	color: #e4e6eb;
	margin-left: -4px;
	border-bottom: 1px solid #e4e6eb;
}


.building-listingforsale{
	height: 50px;
    color: white;
    line-height: 50px;
    font-size: 1.1em;
    font-weight: 500;
    border-bottom: 1px solid #b0b3b8;
    padding-left: 12px;
    margin-bottom: 0.5em;
}

.bldg_menu-item-50pct{
	width: 50%;
}
.bldg_menu-item-first{
	width: 22%;
}
.bldg_menu-item-second{
	width: 23%;
}

.bldg_menu-item-third{
	width: 23%;
}

.bldg_menu-item-fourth{
	width: calc(32% + 4px);
}


.building-details-menu-item-selected{
    color: #1b74e4;
	border-bottom: 2px solid #1b74e4;
	font-weight: bold;
	
}

.bldg_linkbuilding{
	padding: 0;
    margin: 0;
    line-height: 0;
}

.building-details-menu{
   
    width: 100vw;
    overflow-x: auto;
    white-space: nowrap;
	margin-bottom: 5px;
}

.bldg_centpct{
	width: calc(100% - 25px) !important;
	display: block;
}


.bldg_thebuttonselected{
    color: white !important;
    background-color: #1b74e4 !important;

}

.bldg_thebutton{
	display: inline-block;
    margin-right: 5px;
    color: white;
    padding-left: 7px;
    padding-right: 7px;
    line-height: 40px;
    min-width: calc(28.5% - 22px);
    text-align: center;
    font-size: 0.9em;
    color: white;
    border-radius: 20px;
    font-weight: 500;
    background-color: #343434;
    margin-bottom: 1.5em;
}

.bldg_table {
 	width: 100%;
	padding: 0;
    margin: 0;
}

.bldg_th{
	/*border-bottom: 1px solid white;*/
	display: inline-block;
    margin-bottom: 1em;
    font-size: 0.85em;
    font-weight: 300;
    color: white;
	line-height: 1.5em;
	padding-bottom: 10px;
	
}

.bldg_td{
	/*border-bottom: 1px solid lightgrey;*/
	display: inline-block;
    text-align: center;
    font-size: 0.85em;
    font-weight: 300;
    color: white;
	padding: 0;
    margin: 0;
	vertical-align:middle;
	padding:5px;
}
.bldg_td1{
	/*border-bottom: 1px solid lightgrey;*/
	width: 80px;
	padding:0;
	color: #1b74e4;
	font-weight: bold;
}

.bldg_td2{
	/*border-bottom: 1px solid lightgrey;*/
	width: 50px;
	max-width: 50px;
}
.bldg_td3{
	/*border-bottom: 1px solid lightgrey;*/
	width: 100px;
}
.bldg_td4{
	/*border-bottom: 1px solid lightgrey;*/
	width: 70px;
}
.bldg_td5{
	/*border-bottom: 1px solid lightgrey;*/
	width: 50px;
}
.bldg_td6{
	/*border-bottom: 1px solid lightgrey;*/
	width: 50px;
}
.bldg_td7{
	/*border-bottom: 1px solid lightgrey;*/
	width: 80px;
}
.bldg_td7{
	/*border-bottom: 1px solid lightgrey;*/
	width: 50px;
}

.bldg_tr{
	display: block;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom:5px;
	padding: 0;
	vertical-align:middle;
	
}
.bldg_tr:nth-child(even){
	background-color: #343434;
}

.bldg_unitno{
	text-align: left;
}

.desktop{
	display: none;
}



.bldg_menu-action-bubble {
    margin-right: 5px !important;
}

.bldg_listing-action-bubble {
	border-radius: 18px;
	width: 60px;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
	height: 42px;
	padding-top: 8px;
	color: white;
	border-style: solid;
	border-width: 0px;
	border-color: rgba(50,52,54,1.0);
	background-color: rgba(50,52,54,1.0);
}
.bldg_listing-action {
    text-align: right;
    margin-bottom: 15px;
}

.bldg_notification{
	display: inline-block;

}

.bldg_bell{
	display: block;
}

.bldg_menu-action {
    text-align: left;
    margin-bottom: 10px;
	padding-left: 10px;
}

.material-symbols-outlined {
  color: white;
  display: inline-block;
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48

}

.bldg_scheduletour {
    display: inline-block;
    background-color: #B20010;
    margin-top: 2px;
    height: 38px;
    z-index: 0;
    line-height: 38px;
    padding-left: 7px;
    padding-right: 7px;
    margin-right: 10px;
	float: right;
    vertical-align: center;
   
    font-size: 0.8em;
    text-transform: uppercase;
    color: white;
    font-size: 1.0em;
    text-align: center;

}

.bldg_cancelshowing{
    background-color: #B20010;
    text-align: center;
    line-height: 2.5em;
    width: 100px;
    float:right;
    margin-top: -18px;
    display:inline-block;
    text-transform: uppercase;
    box-sizing: border-box !important;
}

.bldg_disclosure{
	font-size: 0.9em;
	padding: 10px;
	color: lightgrey;
}

.bldg_searchsavedmsg{
	margin: 1em;
	margin-bottom: 0;
	padding: 1em;
	border: 1px solid rgb(18, 138, 41);
	color: rgb(18, 138, 41);
	font-weight: 600;
	background-color: rgb(216, 244, 222);
  }

.bldg_filter-header{
color: white;
text-transform: uppercase;
font-weight: bold;
padding-top: 20px !important;
padding-bottom: 15px !important;
padding-left: 20px !important;
text-align: left;
}

input[type=text]{
	-webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    width: calc(75vw);
    max-width:500px;
    height: 34px;
    padding-left: 10px;
    color: white;
    border-style: solid; 
    border-width: 0px;
	font-size: 1em;
	line-height: 1.1em;
    border-color: rgba(50,52,54,1.0);
    background-color: rgba(50,52,54,1.0);
}

.bldg_error{
	color: red;
    text-align: center;
    font-size: 1.25em;
}

select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: white;
    display: inline-block;
    /* margin-left: 10px; */
    height: 2.5em;
    font-size: 1.2em;
    padding: 0 15px;
    /* margin-bottom: 0.5em; */
    width: 90%;
    text-align: left !important;
    max-width: 300px;
    border-radius: 0;
    border: 0px;
    text-align: center;
    color: black;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
	display: none;
	}
	
.bldg_optiondiv{
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	margin-bottom: 20px;
}
.bldg_selectdiv{
	display: inline-block;
	width: calc(50% - 10px);
	border: 1px solid darkgrey;
	background-color: white;
}
.bldg_selectdiv:after {
	content: '>';
	font: 17px "Consolas", monospace;
	color: #333;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 10px;
	/* display: inline-block; */
	/* position: absolute; */
	padding: 0 0 2px;
	position: relative;
	pointer-events: none;
}

.bldg_searchbtn{
	display: inline-block;
    background-color: #B20010;
    margin-top: 1px;
    height: 2.5em;
    z-index: 0;
    margin-top: 10px;
    line-height: 2.5em;
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 3px;
    vertical-align: center;
    width: calc(50% - 10px);
    font-size: 0.8em;
    text-transform: uppercase;
    color: white;
    font-size: 1.15em;
    text-align: center;

}	

.bldg_top{
	display: none !important; 
	position: fixed !important; 
	top:0 !important;
}

.bldg_searchcriteria {
	position: fixed;
	top: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 9999;
	width: 100% !important;
	height: 80vh;
	color: white !important;
	text-align: center !important;
	display: block;
	overflow: hidden;
	overflow-y: scroll;
	display: block;
	background-color: var(--backgrd-color);

	height: 100vh;
}

.bldg_pagecontrol{
    position: absolute;
    top: 240px;
    margin-left: calc(50vw - 1em);
    color: white;
    font-size: 2em;

}

.bldg_pagecontrol-dot{
	font-size:2em !important;
	font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48 !important;
}

@media (min-width: 1024px) {
    :root{
        --separation-color: rgba(5,5,5,1.0);
        --backgrd-color: white;
        --border-color: #C3C3C3;
        --font-main-color: black;
        --font-grey-color: #343434;
        --backgrd-color-button: rgb(246, 246, 250);
        --backgrd-color-bubble:rgb(246, 246, 250);
        --action-button-text: white;
        --schedule-selected: #ffedec;
    }
    .building-detail-header{
		position: sticky;
   		height: 170px;
	}

	.searchbtn{
		margin-left: 20px !important;
    }
	


	.building-detail-scrollable{
		position: fixed;
		width: 527px;
		overflow-y: auto;
		height: calc(100vh - 280px);
		top: 280px;
	}

	.building-details-menu-shortcuts{
        width: calc(100% - 20px);
        border-radius:10px;
        background-color: var(--backgrd-color-bubble);
        margin: auto;
        overflow-x: hidden;
        margin-top: 1em;
        color: black !important;
        border-top: 1px solid var(--backgrd-color-bubble);
        border-bottom: 1px solid var(--backgrd-color-bubble);
        font-weight: 500 !important;
    }

    .building-details-menu-item-shortcuts{
        display: inline-block;
        padding: 5px 10px;
        color: black;
        line-height: 2em;
        text-align: center;
        font-size: 1.1em;
        border: 0px !important;
        width: calc(25% - 1px);
        margin-left: 1px;
        font-weight: 500 !important;
		cursor: pointer;
    }
    .building-details-menu-item-selected-shortcuts{
      border-bottom: 3px solid rgb(27, 116, 228) !important;
      color: rgb(27, 116, 228) !important;
      font-weight: 500 !important;
    }

	.bldg_disclosure{
		font-size: 0.9em;
		padding: 10px;
		color: black;
		font-weight:300;
	}

	.ld_listing-action-bubble {
		height: 43px !important;
		cursor: pointer;
	}

	.building-detail-image-container::-webkit-scrollbar-thumb {
        background-color: var(--backgrd-color-button);
        border-radius: 5px;
    }

    .building-detail-image-container::-webkit-scrollbar-track {
        background-color: var(--backgrd-color);
    }

	.building-detail-scrollable::-webkit-scrollbar-thumb {
        background-color: var(--backgrd-color-button);
        border-radius: 5px;
    }

    .building-detail-scrollable::-webkit-scrollbar-track {
        background-color: var(--backgrd-color);
    }

    .modal{
        background-color: var(--backgrd-color);
    }

	.bldg_menublock{
		display: none;
	}

	.bldg_listing-detail-bottom-menu{
		display: none;
	}

	.building-detail-image-container{
		width: 372px;
        display: inline-block;
		position: fixed;
		margin-top:60px;
        overflow-y: auto;
        height:100vh;
        background-color: var(--backgrd-color);
		white-space: normal;
	}

	.building-detail-container{
		width:527px;
        border-radius: 0px;
		position: fixed;
		left: calc(372px + calc(calc(100% - 903px) / 2));
		margin-top:60px;
        height:100vh;
        display: inline-block;
        top: 0;
        overflow-y: auto;
        background-color: var(--backgrd-color);
	}
	.bldg_separation{
		display: none;
	}
	.material-symbols-outlined {
		color: black;
	}

	.menu-buildingname{
		color: black;
	}
    .desktop{
        display: block;
    }
	.ld_desktop_menu{
		width:903px;
		position: fixed;
		height: 60px;
		color: var(--font-main-color);
		padding-top:10px;
		padding-bottom:10px;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.ld_search_back{
		display: inline-block;
		width: 30%;
		height: 50px;
		padding-left: 20px;
		text-align: left;
		vertical-align: -webkit-baseline-middle;
		cursor: pointer;
	}
	
	.ld_logo{
		display: inline-block;
		width:40%;
		text-align: center;
		height: 50px;
		vertical-align: -webkit-baseline-middle;
	}
	
	.ld_shortcuts{
		display: inline-block;
		width:29%;
		text-align: right;
	}

	.listingstatspacer{
		height: 1em;
	}
	

	.ld_search_back{
        width:35%;
		padding-left: 5px;
    }

    .ld_logo{
        width: 25%;
    }

    .ld_shortcuts{
        width: 39%;
    }

	.ld_scheduletour{
        margin-right: 0px;
		cursor: pointer;
    }

	.ld_listing-action-bubble{
		border-radius: 18px;
		width: 50px;
		text-align: center;
		display: inline-block;
		margin-right: 5px;
		height: 35px;
		padding-top: 10px;
		color: var(--font-main-color);
		border-style: solid;
		border-width: 0px;
		border-color: var(--backgrd-color-bubble);;
		background-color: var(--backgrd-color-bubble);;
	}

	.ld_scheduletour{
		display: inline-block;
		background-color: #B20010;
		margin-top: 2px;
		height: 2.5em;
		z-index: 0;
		margin-left: 10px;
		line-height: 2.5em;
		padding-left: 7px;
		padding-right: 7px;
		margin-right:20px;
		vertical-align: center;
		
		font-size: 0.8em;
		text-transform: uppercase;
		color: white;
		font-size: 1.15em;
		text-align: center;
		float: right;
	}

	.bldg_listing-pic-large{
		display: inline-block;
		border-radius: 0px;
		margin-bottom: 0px;
		margin-top: -3px;
		margin-right: 3px;
		width: 372px;
		height: auto;
		
	}

	.bldg_pagecontrol-dot{
		display: none;
	}

	.building-page-name{
		color: black;
		font-size: 1.65em;
		font-weight:400;
		margin-left: 15px;
	}

	.bldg_nblistings{
		color: var(--font-grey-color);
	}

	.building-sections{
		width: 100%;
		color: black;
        font-size: 1.05em;
		display: block !important;
	}

	.bldg_listing-overview{
		padding-top:0px
	}

	.bldg_home-facts{
		display: inline-block;
		width: 48.5%;
		margin-bottom: 0.5em;
		padding-left: 10px;
		line-height: 40px;
		/* vertical-align: -webkit-baseline-middle; */
		background: var(--backgrd-color-bubble);
		border-radius: 15px;
		min-height: 40px;
		vertical-align: center;
	}
	
	.bldg_home-facts-details{
		color: black;
		line-height: 40px !important;
        font-size: 0.9em;
	}

	.building-details-menu{
		width:100%;
		color: white !important;
		overflow-x: hidden;
		margin-top:1em;
	}

	h1{
		font-size: 1.65em;
		font-weight:400;
		margin-left:8px
	}
	.bldg_nblistings{
		display: none;
	}

	.bldg_building-details-info-box{
		margin-bottom: 0.5em;
		padding-bottom: 0.5em;
		margin-left: 5px;
		margin-top: -10px;
		
	}

	.building-basicinfo-figure-address{
		color: black;
	}

	.building-details-menu-item{
		padding-top: 5px;
		padding-bottom: 5px;
		background-color:#1b74e4;
		color:white;
		border: 0px !important;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 2em;
		font-size:1.1em;
		cursor:pointer;
	}

	.building-details-menu-item-selected{
		color: white;
	}

	.bldg_menu-item-50pct {
		width: calc(50% - 19px);
		margin-left: 12px;
        border-radius: 10px;
	}
	
	.bldg_menu-item-first{
		width: calc(24% - 4px);
		margin-left: 4px;

	}
	.bldg_menu-item-second{
		width: calc(24% - 4px);
		margin-left: 4px;

	}
	
	.bldg_menu-item-third{
		width: calc(24% - 4px);
		margin-left: 4px;

	}
	
	.bldg_menu-item-fourth{
		width: calc(24% - 4px);
		margin-left: 4px;
	}
	


	.bldg_theheaderbutton{
		width: calc(50% - 10px);
	}

	h2 {
		margin-block-start: 0em;
		margin-block-end: 0em;
		margin-top: 2em;
		margin-bottom: 1em;
		color: var(--font-main-color);
		font-size: 1.5em;

	}

	.listingstatspacer{
		height: 0.1em !important;
	}

	.building-details-info-box{
		display: none;
	}

	.bldg_thebutton {
		display: inline-block;
		margin-right: 5px;
		padding-left: 7px;
		padding-right: 7px;
		line-height: 40px;
		min-width: calc(27.5% - 22px);
		text-align: center;
		font-size: 0.95em;
		color: var(--font-main-color);
		border-radius: 20px;
		font-weight: 500;
		background-color: var(--backgrd-color-button);
		margin-bottom: 1.5em;
		cursor: pointer;
	}

	.bldg_thebuttonselected {
		color: white !important;
		background-color: rgb(24, 119, 242) !important;
	}

	.bldg_td {
		display: inline-block;
		text-align: center;
		font-size: 0.85em;
		font-weight: 300;
		color: var(--font-main-color);
		margin: 0px;
		vertical-align: middle;
		padding: 0px;
	}

	.bldg_tr {
		display: block;
		margin: 0px 0px 5px;
		padding: 0px;
		vertical-align: middle;
	}

	.bldg_tr:nth-child(2n) {
		background-color: var(--backgrd-color-button);
	}

	.bldg_th{
        /*border-bottom: 1px solid var(--font-main-color);*/
        font-weight: 500 !important;
    }
        
    .bldg_td2{
        /*border-bottom: 1px solid lightgrey;*/
        width: 75px;
        max-width: 75px;
    }

	.bldg_td3{
        /*border-bottom: 1px solid lightgrey;*/
        width: 80px;
        max-width: 80px;
    }
   
    .bldg_td4{
        /*border-bottom: 1px solid lightgrey;*/
        width: 80px;
    }
    
    .bldg_td7{
        /*border-bottom: 1px solid lightgrey;*/
        width: 73px;
    }

	.ld_thebuttonselected {
		color: white !important;
		background-color: rgb(24, 119, 242) !important;
	}

	.bldg_price-insight-header-2{
		color: black;
		font-weight: 500;
	}

	.bldg_price-insight-column-1{
		color: black;
		font-weight: 500;
	}

	.bldg_price-insight-column-2{
		color: var(--font-grey-color);
		font-size:0.9em;
	}

	.bldg_listing_card{
		width:505px;
		display: block;
		margin-bottom:10px;

	}

	.bldg_listing_card_pic_container{
		width:250px;
		display: inline-block;
		cursor: pointer;
	}

	.bldg_listing_card_detail_pic{
		border-radius: 15px 0 0 15px;
		margin-top: -20px;
	}

	.bldg_listing_card_status {
		display: inline-block;
		position: relative;
		top: 15px;
		background: green;
		border-radius:8px;
		padding-left: 5px;
		padding-right: 5px;
		float: left;
		line-height: 20px;
		font-size:0.9em;
		height: 20px;
		color: white;
		left: 10px;
	}

	.bldg_listing_card_detail_container{
		width:255px;
		display: inline-block;
		background-color: var(--backgrd-color-bubble);
		color: var(--font-main-color);
		height: 200px;
		vertical-align: top;
		border-radius: 0 15px 15px 0;
		padding: 10px;
		cursor: pointer;
	}



	.bldg_listing_card_price{
		width: calc(52%);
   		 display: inline-block;

	}


	.bldg_listing_card_unitno{
		width: calc(48%);
		text-align: right;
		display: inline-block;
		vertical-align: top;
		line-height: 2.15em;
	
	}

	.bldg_listing_card_bbsqft_container{
		width: 100%;
	}

	.bldg_listing_card_info_container{
		width: 100%;
		margin-top: 25px;
		margin-bottom: 15px;
	}

	.bldg_listing-fact-header{
		display: inline-block;
		width: 35%;
		font-size: 0.95em;
		margin-bottom: 0.5em;
		vertical-align: top;
		font-weight: 500;
	}

	.bldg_listing-fact{
		display: inline-block;
		width: 63%;
		color: var(--font-main-color);
		font-size: 0.9em;
   		font-weight: 300;
		vertical-align: top;
	}

	p{
		font-weight:300;
	}

	.bldg_listing_card_basicinfo-bed{
		width:15%;
		display: inline-block;
	}

	.bldg_listing_card_basicinfo-bath{
		width:61%;
		display: inline-block;
		text-align: center;

	}

	.bldg_listing_card_basicinfo-sqft{
		width:20%;
		display: inline-block;
		text-align: center;
	}

	.bldg_listing_card_basicinfo-figure{
		color: var(--font-main-color);
		display: block;
		font-weight: 500;
		font-size: 1.05em;
		margin-top: 8px;
		line-height: 1.05em;
	}

	.bldg_listing_card_basicinfo-desc{
		display: block;
		font-weight: normal;
		line-height: 1em;
		font-size: 0.9em;
		color: var(--font-grey-color);
		margin-top: -1.35em;
	}

	.bldg_home-facts-details {
		max-width: calc(100% - 50px);
	}

}
@media (min-width: 1400px) {
    .building-detail-image-container{
        width: 757px;
        display: inline-block; 
		overflow-y:auto;
    }

    .building-detail-container{
        width:527px;
		left: calc(757px + calc(calc(100% - 1290px) / 2));
		overflow-y:auto;
    }

	.ld_desktop_menu{
		width: 1290px;
        background-color: white;
        color: black;
    }
}

@media (min-width: 320px) and (max-width: 412px){
	.bldg_home-facts {
		padding-left: 5px;
	}
	.bldg_home-facts-details {
		padding-left: 0px;
	}
}
@media (max-width: 397px){
	
}

@media (min-width: 422px) and (max-width: 478px){
	.bldg_thebutton{
		margin-right:3px;
	}
}