@charset "UTF-8";
/* CSS Document */

:root {

	--for-sale: #025982;
	--under-contract: #BC7C50;
	--closed: #8B392E;
	--developer-hold: #3A4856;
	--for-sale-under-construction: #4F8AB6;
	--future-development: #9EADBD;
	--quick-move-in: #B0718F;
	
	--lot-background: #a5a5a5;
	--lot-stroke: #E2E4D3;
	
	--lot-background-hover: #141f35;
	
	
}


/**** tates landing specific ****/

.tates-logo-color { fill: rgb(82, 113, 142); }

/**** alerts ****/

.alert { border-radius: 0; background-color: rgba(var(--mox-grey-rgb), .05); border: none; border-left: var(--mox-blue) solid 4px; font-weight: 400; }
.alert-for_sale { border-color: var(--for-sale); }
.alert-under_contract { border-color: var(--under-contract); }
.alert-closed { border-color: var(--closed); }
.alert-developer_hold { border-color: var(--developer-hold); }
.alert-for_sale_under_contruction { border-color: var(--for-sale-under-construction); }
.alert-future_development { border-color: var(--future-development); }
.alert-quick_move_in { border-color: var(--quick-move-in); }



.clickable { cursor: pointer; }

th, td {  word-wrap:break-word; }
article.floorplans { min-height: 350px; }
.button-round p { color: rgb(82, 113, 142); }

#siteplanSVG { display: none; }

@media screen ( min-width: 1200px ) {
	#siteplanSVG { height: 600px; }
	#siteplanSVG svg { height: 600px; }
}

/* lot bg color #025982 */

.houseColor{opacity:0;fill:#FFFFFF;}
.numberColor{fill:#FFFFFF; !important; }
.water{fill:#4F8BB7;}
.lotDimensionColor{fill:#B5DAD3;}
.lotBG{fill: var(--lot-background);stroke:var(--lot-stroke);stroke-width:1.5;stroke-miterlimit:10;}

/*
#siteplanSVG [id^="lot"].hover path {
  fill: rgba(255, 255, 0, 0.3); 
  cursor: pointer;
}*/

svg {  pointer-events: none; }
svg [id^="lot"] { pointer-events: auto; cursor: pointer; }

svg [id^="lot"] [class^="lotBG"] { background-color: var(--lot-background) !important; fill: #a5a5a5 !important; } 
svg [id^="lot"] [class^="lotNumber"] { background-color: var(--lot-background) !important; fill: var(--lot-background) !important; } 


/*svg [id^="lot"]:hover .st8 { background-color: #4874cb !important; fill: #4874cb !important; } */
svg [id^="lot"].active:hover .lotBG { background-color: var(--lot-background-hover) !important; fill: var(--lot-background-hover) !important; }

svg [id^="lot"].active [class^="lotNumber"] { background-color: #fff !important; fill: #fff !important; }

/**** new ****/
/* active class is the default lot color */
/*svg .active [class^="lotBG"] { fill: #025982 !important; fill-opacity: 1 !important;}*/
svg .for_sale [class^="lotBG"] { fill: var(--for-sale) !important; fill-opacity: 1 !important;}
svg .under_contract [class^="lotBG"] { fill: var(--under-contract) !important; fill-opacity: 1 !important;}
svg .closed [class^="lotBG"] { /*fill: #b46230 !important;*/ fill: var(--closed) !important; fill-opacity: 1 !important;}
svg .developer_hold [class^="lotBG"] { fill: var(--developer-hold) !important; fill-opacity: 1 !important;}
svg .for_sale_under_construction [class^="lotBG"] {fill: var(--for-sale-under-construction) !important; fill-opacity: 1 !important;}

svg .for_sale_under_construction .houseColor {  opacity: .6 !important; }
svg .for_sale_under_construction .numberColor { fill: var(--for-sale) !important; }

svg .future_development [class^="lotBG"] {fill: var(--future-development) !important; fill-opacity: 1 !important;}

svg .quick_move_in [class^="lotBG"] {fill: var(--quick-move-in) !important; fill-opacity: 1 !important;}
svg .quick_move_in .houseColor {  opacity: .6 !important; }
svg .quick_move_in .numberColor { fill: var(--for-sale) !important; }



.map-key-row { background-color: #94cbbf; padding: 10px 20px; text-align: center; }
.map-key-row { background-image:url("/themes/landrise/images/brunswick-map-lightblue.jpg"); background-repeat: no-repeat; background-position: left; background-size: cover; background-color:rgba(221, 239, 227, .5); border-top: #94cbbf solid 1px; }

.map-key-row ul { position: relative; display: inline-block; justify-content: center; align-content: center; align-items: center; text-align: center; margin: 0; padding: 0; }
.map-key-row ul li { display: inline-block; font-size: 12px; line-height: 14px; margin-right: 10px; font-weight: 400; }
.map-key-row ul li:before { content: ''; display: inline-block; width: 10px; height: 10px; position: relative;  background-color: #025982; margin-right: 8px; }

.map-key-row ul li.for_sale:before { background-color: var(--for-sale); opacity: 1; }
.map-key-row ul li.under_contract:before { background-color: var(--under-contract); opacity: 1; }
.map-key-row ul li.closed:before { background-color: var(--closed); }
.map-key-row ul li.developer_hold:before { background-color: var(--developer-hold); }
.map-key-row ul li.for_sale_under_construction:before { background-color: var(--for-sale-under-construction); opacity: 1 }
.map-key-row ul li.future_development:before { background-color: var(--future-development); opacity: 1 } 
.map-key-row ul li.quick_move_in:before { background-color: var(--quick-move-in); opacity: 1 }



.sold-number { fill: #fff !important; }
.soldCircle { fill:  var(--closed); fill-opacity: 0; }
#img-tooltip {
	position: absolute;
	z-index: 100;
}
.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 100ms;
	visibility: hidden;
	opacity: 0;
	z-index: 100;
}
.overlay.on {
	visibility: visible;
	opacity: 1;
}
.popup {
	margin: 70px auto;
	padding: 0;
	background: #fff;
	border-radius: 0;
	width: 80%;
	position: relative;/*transition: all 5s ease-in-out;*/
}
.popup h2 {
	margin-top: 0;
	color: #333;
}
.popup .close {
	position: absolute;
	top: 20px;
	right: 30px;
	/*transition: all 100ms;*/
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
.popup .close:hover {
	color: #06D85F;
}
.popup .content {
	max-height: 30%;
	overflow: auto;
}
.popup .pop-content {
	padding: 20px;
	max-height: 30%;
	overflow: auto;
}
#floorplans .thumbnail {
	float: left;
	background-color: #F1F1F1;
}
#floorplans .thumbnail img {
	width: 100% !important;
}



.site-plan-container h2 { font-size: 24px; line-height: 26px; margin-bottom: 20px; text-align: center !important; }


.floor-plan-thumb-holder { margin-right: 0; margin-left: 0; background-color: #efefef; margin-bottom: 20px; }
.floor-plan-thumb-holder .card-img-top a { position: relative; display: block; }
.floor-plan-thumb-holder .card-img-top img { position: relative; height: 175px; width: 100%; object-fit: cover; }
.floor-plan-thumb-holder .price { margin-bottom: 12px; }
.floor-plan-thumb-holder .details { margin-bottom: 8px; }



body.lot_details { padding-top: 0 !important; padding-bottom: 40px; }

.lot_details {
	width: 100%; max-width: 100%;
}
.lot_details .container-fluid {
	padding: 30px;
}
.lot_details .clearfix {
	line-height: 0;
	height: 0;
	clear: both;
}


.lot_details td { vertical-align: middle !important; }

.lot_details h4 {
	margin-bottom: 0;
	text-align: center;
	
}
.lot_details p, .lot_details li {
	color: #183250;
}

.lot_details p{margin-bottom:20px;}

.lot_details .btn.btn-primary { margin-top: 0; margin-bottom: 25px; /*padding: 5px 8px;*/ font-size: 12px; }

.lot_details .floor-plan-holder { padding-left: 30px; padding-right: 30px; }

.img-fill { height: 100%; }
.img-fill img { height: 100%; object-fit: cover; }


.lotSpecs {
	display: block;
	height: auto;
	line-height: 28px;
	float: none;
	margin: 5px auto 5px auto;
	padding: 0;
	text-align: center;
	/*border-top: #90c2e3 solid 1px;
	border-bottom: #90c2e3 solid 1px;*/
}
.lotSpecs li {
	float: none;
	display: inline-block;
	list-style: none;
	border-right: #90c2e3 solid 1px;
	padding: 0 12px;
	line-height: 20px;
	color: #4b6c89;
	font-size: 14px;
}
.lotSpecs li:first-child {
	padding-left: 0;
}
.lotSpecs li:last-child {
	border: none;
	padding-right: 0;
}

.lot-price { margin-bottom: 20px; padding-top: 20px; }

.thumbnail.floorplans {
	border-radius: 0;
	padding: 0;
	float: left;
	border: none;
	background-color: #4b6c89;
	width: 20%;
}
.thumbnail.floorplans .img-wrap {
}
.thumbnail.floorplans .img-wrap img {
	width: 100%;
}
.thumbnail.floorplans .caption {
	text-align: left;
	padding: 15px !important;
}
.thumbnail.floorplans .caption h3 {
	text-align: left;
	font-size: 13px;
	color: #fff;
	letter-spacing: 0;
	padding: 0;
	margin: 0;
}
.thumbnail.floorplans .caption p {
	text-align: left;
	font-size: 11px;
	color: #fff;
	line-height: 16px;
	padding: 0;
	margin: 0;
	letter-spacing: 0;
}

.lot-title .double-gold-border{ padding: 15px 15px 7px 15px; display:inline-block; box-shadow: none; }
.lot-title { padding: 10px 12px; background-color: #065881;clear: both; text-align: center; position: relative; font-family: 'raleway', sans-serif; }


.lot-title h4 {
	color: #ffffff;
	font-size: 24px;
	line-height: 28px;
	padding: 0;
}


.lot-title h4 { text-align:  center; margin-top: 0; margin-bottom: 0px; font-size: 20px; color: #ffffff; border:none; padding-bottom:0px; line-height:22px;}
.lot-title .breadcrumb { margin-bottom: 0; padding-top:0px; margin-left: 20px; margin-right: 20px; margin-top: 5px; }
.lot-title h5 { color:  #e5e3c9; margin-bottom: 20px; }
.lot-title .breadcrumb { background-color:  transparent; margin-bottom: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; }
.lot-title .breadcrumb li { color: #ccc; text-transform: uppercase; display: inline; font-size: 12px; letter-spacing: 2px;margin-bottom: 0 !important; }
.lot-title .breadcrumb a { color: #c09762; text-transform: uppercase; }

.fas.fa-expand { position: absolute; bottom: 10px; left: 10px; }


.lot_details .bx-wrapper .bx-viewport {
	box-shadow: none;
	border: none;
	background: none;
}
.lot-more {
	float: right;
}

.thumbnail { border-radius: 0; border: #EAEAEA solid 1px; display: block; margin-bottom: 20px; }

.small-thumbnail {
	width: 100px;
	height: 100px;
	float: left;
	margin: 4px;
}
.sketchup-holder {
	padding: 0;
}


.backBtn { display: block; position: absolute; left: 20px; top:50%; transform: translateY(-50%); font-size: 20px; line-height: 20px; color: #efefef; }

.fancybox-slide { padding: 44px 20px; }

.map-row{position:relative;}
.map-expand, .share-loc{background-color: #fff; position: absolute;  margin: 10px;  z-index: 999; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px -1px; border-radius: 2px;color:#141F38;}
.map-expand:hover, .share-loc:hover{color:#434c60; cursor:pointer;}
.map-expand .fa-expand, .share-loc i{font-size:24px;}
.map-expand{right: 0; /*bottom: 230px;*/ bottom:195px;}
.presentation-mode .map-expand{ /*bottom: 125px;*/ bottom:250px; }
.presentation-mode .map-holder{position: fixed; z-index: 999; top: 0; bottom: 0; width: 100%; height: 100%;}
/*.presentation-mode .map-expand {bottom: auto;}*/
.share-loc{/*right: 0; top: 55px;*/ left: 0; top: auto; bottom: 130px;}

.map-row .blue-row { background-color: #141f35; }
.map-row .blue-row{padding:15px;}
.map-row .blue-row h5{color:white; margin-bottom:0px;font-size:13px; line-height:13px; font-weight:300;}


.under-construction { background-color: #4b6c89; padding: 8px 11px; clear: both; text-align: center; position: relative; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; }
				
.map-holder { height: 450px; }


.logo-editor-ui { 
	display: flex;
	justify-content: center; 
	position:absolute; top:10px; right:10px; z-index:4000; 
	background-color: #ffffff; 
	box-shadow: 10px 10px 32px 0px rgba(0,0,0,0.45);
	-webkit-box-shadow: 10px 10px 32px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 10px 10px 32px 0px rgba(0,0,0,0.45);
}
.logo-editor-ui button { font-size: 12px; border: #555 solid 1px; padding: 4px 8px; }

.logo-editor-ui .logoEditPanel { display:none; margin-top:6px; padding:12px; background:#fff; border-radius:4px; }

.logo-editor-ui button:focus, .logo-editor-ui button.focus {
	color: #fff;
	background-color: #5a6268;
	border: none;
	border-color: transparent;
	box-shadow: none;
}



@media screen and (min-width:768px){
	.panzoom-holder { min-height: 300px; }
	#siteplanSVG { height: 300px; }
    .map-key-row ul { position: relative; display: inline-block; justify-content: center; align-content: center; align-items: center; text-align: center; margin: 0; padding: 0; }
    .map-key-row ul li:before { content: ''; display: inline-block; width: 10px; height: 10px; position: relative;  background-color: #025982; margin-right: 8px; }
    
    
    .backBtn { display: block; position: absolute; left: 20px; top:50%; transform: translateY(-50%); font-size: 34px; line-height: 34px; color: #efefef; }
    
    .map-expand{right: 0; /*bottom: 200px;*/ bottom:145px;}
    
    .map-holder { height: 600px; }
    
    .thumbnail { margin-bottom: 0; }
    
}

@media screen and (min-width:500px){
	.panzoom-holder { min-height: 220px; }
	#siteplanSVG { height: 220px; }
	tr th { font-size: 9px; }
	
    .lot-title { padding: 20px 12px; }
	.lot-title h1{font-size: 21px;max-width: 200px;}
    .lot-title h4 { font-size: 25px; }
    
    .floor-plan-thumb-holder { margin-right: 10px; margin-left: 10px; background-color: #efefef; }
    .slick-prev, .slick-next {
        height: 20px;
        width: 20px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0;
        border: none;
        outline: none;
        z-index: 1000;
    }
    
    .slick-next {
        right: -20px !important;
    }
    .slick-prev {
        left: -20px !important;
    }
    
    
    .fancybox-slide { padding: 44px; }

    
}

@media screen and (min-width:325px){
	
	.lot-title h1{font-size: 18px; max-width: 150px;}
	
}