@import url("../fonts/font.css");

body{
    font-family: 'GTEestiProDisplayLight';
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
h1{
    font-family: 'GTEestiProDisplay';
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
a:hover{
	text-decoration: none;
}
.wrapper-navbar{
	position: relative;
	z-index: 1;
}
#mapnav-wrap {
    padding: 150px 15px 0;
}
#mapnav-wrap .card-body {
    border-top: 3px solid #CDCDCD;
    margin-top: 1rem;
    text-align: center;
}
#navbar-wrap {
    position: absolute;
    top: 0;
    /*padding-right: 0;*/
    width: 100%;
    left: 0;
    margin-left: 14px;
    padding-right: 23px;
    margin-top: 16px;
    max-width: 18rem;
}
.page-template-propertymap #navbar-wrap {
    max-width: 100%;
}
.navbar{
	padding-top: 0;
	padding-bottom: 0;
}
.navbar .container {
    padding-left: 0;
}
.navbar .row{
	width: 100%;
}
a.navbar-brand {
    background: #ea5b0b !important;
    margin: 0;
    width: 100%;
    height: 125px;
    padding: .75em 3em .75em .75em;
}
.navbar-brand img {
    max-width: 165px;
}

#mapnav-wrap span.diamond {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 10px solid #EBBB72;
    position: relative;
    top: -20px;
    margin-right: .75em;
}
.btn{
	text-transform: uppercase;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;    
}

#mapnav-wrap .propc li{border-color: #bfcdea;}
#mapnav-wrap .propc li{ background-image: linear-gradient(to right, #bfcdea, #bfcdea 50%, transparent 50%, transparent);}
.single-properties .prop_cat-c h2,.single-properties .prop_cat-c h4, .prop_cat-c path {color: #bfcdea;}
.single-properties .prop_cat-c .entry-header{border-color: #bfcdea}
.single-properties .prop_cat-c .propmeta ul li:after{color: #bfcdea;}
.prop_cat-c #floorplans,.prop_cat-c .proptitle,.prop_cat-c a.navbar-brand, .prop_cat-c .proptype {background-color: #bfcdea;}
.prop_cat-c a.btn{color: #bfcdea;border-color: #bfcdea;}
.prop_cat-c a.btn:hover{color: #ffffff;border-color: #bfcdea;background-color: #bfcdea;}
.prop_cat-c a.btn:hover path{fill:#ffffff;}
.prop_cat-c .single-propdetails .entry-content ul li:before {color: #bfcdea; }
.prop_cat-c #propgal .slick-dots li.slick-active button, .prop_cat-c #propgal .slick-dots li button:hover{background-color: #bfcdea;}
a.propc polygon,a.propc path{
    cursor: pointer;
    /*opacity: .5;*/
    fill: #bfcdea;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
a.propc:hover polygon.propline{
    opacity: .5;
}

#mapnav-wrap .propj1 li{border-color: #86bb8a;}
#mapnav-wrap .propj1 li{ background-image: linear-gradient(to right, #86bb8a, #86bb8a 50%, transparent 50%, transparent);}
.single-properties .prop_cat-j1 h2,.single-properties .prop_cat-j1 h4, .prop_cat-j1 path {color: #86bb8a;}
.single-properties .prop_cat-j1 .entry-header{border-color: #86bb8a}
.single-properties .prop_cat-j1 .propmeta ul li:after{color: #86bb8a;}
.prop_cat-j1 #floorplans,.prop_cat-j1 .proptitle,.prop_cat-j1 a.navbar-brand, .prop_cat-j1 .proptype {background-color: #86bb8a;}
.prop_cat-j1 a.btn{color: #86bb8a;border-color: #86bb8a;}
.prop_cat-j1 a.btn:hover{color: #ffffff;border-color: #86bb8a;background-color: #86bb8a;}
.prop_cat-j1 a.btn:hover path{fill:#ffffff;}
.prop_cat-j1 .single-propdetails .entry-content ul li:before {color: #86bb8a; }
.prop_cat-j1 #propgal .slick-dots li.slick-active button, .prop_cat-j1 #propgal .slick-dots li button:hover{background-color: #86bb8a;}
a.propj1 polygon,a.propj1 path{
    cursor: pointer;
    /*opacity: .5;*/
    fill: #86bb8a;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
a.propj1:hover polygon.propline{
    opacity: .5;
}

#mapnav-wrap .propj li{border-color: #c7a8d0;}
#mapnav-wrap .propj li{ background-image: linear-gradient(to right, #c7a8d0, #c7a8d0 50%, transparent 50%, transparent);}
.single-properties .prop_cat-j h2,.single-properties .prop_cat-j h4, .prop_cat-j path {color: #c7a8d0;}
.single-properties .prop_cat-j .entry-header{border-color: #c7a8d0}
.single-properties .prop_cat-j .propmeta ul li:after{color: #c7a8d0;}
.prop_cat-j #floorplans,.prop_cat-j .proptitle,.prop_cat-j a.navbar-brand, .prop_cat-j .proptype {background-color: #c7a8d0;}
.prop_cat-j a.btn{color: #c7a8d0;border-color: #c7a8d0;}
.prop_cat-j a.btn:hover{color: #ffffff;border-color: #c7a8d0;background-color: #c7a8d0;}
.prop_cat-j a.btn:hover path{fill:#ffffff;}
.prop_cat-j .single-propdetails .entry-content ul li:before {color: #c7a8d0; }
.prop_cat-j #propgal .slick-dots li.slick-active button, .prop_cat-j #propgal .slick-dots li button:hover{background-color: #c7a8d0;}
a.propj polygon,a.propj path{
    cursor: pointer;
    /*opacity: .5;*/
    fill: #c7a8d0;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
a.propj:hover polygon.propline{
    opacity: .5;
}



#mapnav-wrap .propk li{border-color: #ecbe87;}
#mapnav-wrap .propk li{ background-image: linear-gradient(to right, #ecbe87, #ecbe87 50%, transparent 50%, transparent);}
.single-properties .prop_cat-k h2,.single-properties .prop_cat-k h4, .prop_cat-k path {color: #ecbe87;}
.single-properties .prop_cat-k .entry-header{border-color: #ecbe87}
.single-properties .prop_cat-k .propmeta ul li:after{color: #ecbe87;}
.prop_cat-k #floorplans,.prop_cat-k .proptitle,.prop_cat-k a.navbar-brand, .prop_cat-k .proptype {background-color: #ecbe87;}
.prop_cat-k a.btn{color: #ecbe87;border-color: #ecbe87;}
.prop_cat-k a.btn:hover{color: #ffffff;border-color: #ecbe87;background-color: #ecbe87;}
.prop_cat-k a.btn:hover path{fill:#ffffff;}
.prop_cat-k .single-propdetails .entry-content ul li:before {color: #ecbe87; }
.prop_cat-k #propgal .slick-dots li.slick-active button, .prop_cat-k #propgal .slick-dots li button:hover{background-color: #ecbe87;}
a.propk polygon,a.propk path{
    cursor: pointer;
    /*opacity: .5;*/
    fill: #ecbe87;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
a.propk:hover polygon.propline{
    opacity: .5;
}


#mapnav-wrap .propg li{border-color: #d3a098;}
#mapnav-wrap .propg li{ background-image: linear-gradient(to right, #d3a098, #d3a098 50%, transparent 50%, transparent);}
.single-properties .prop_cat-g h2,.single-properties .prop_cat-g h4, .prop_cat-g path {color: #d3a098;}
.single-properties .prop_cat-g .entry-header{border-color: #d3a098}
.single-properties .prop_cat-g .propmeta ul li:after{color: #d3a098;}
.prop_cat-g #floorplans,.prop_cat-g .proptitle,.prop_cat-g a.navbar-brand, .prop_cat-g .proptype {background-color: #d3a098;}
.prop_cat-g a.btn{color: #d3a098;border-color: #d3a098;}
.prop_cat-g a.btn:hover{color: #ffffff;border-color: #d3a098;background-color: #d3a098;}
.prop_cat-g a.btn:hover path{fill:#ffffff;}
.prop_cat-g .single-propdetails .entry-content ul li:before {color: #d3a098; }
.prop_cat-g #propgal .slick-dots li.slick-active button, .prop_cat-g #propgal .slick-dots li button:hover{background-color: #d3a098;}
a.propg polygon,a.propg path{
    cursor: pointer;
    /*opacity: .5;*/
    fill: #d3a098;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
a.propg:hover polygon.propline{
    opacity: .5;
}

#mapnav-wrap .propl li{border-color: #485969;}
#mapnav-wrap .propl li{ background-image: linear-gradient(to right, #485969, #485969 50%, transparent 50%, transparent);}
.single-properties .prop_cat-l h2,.single-properties .prop_cat-l h4, .prop_cat-l path {color: #485969;}
.single-properties .prop_cat-l .entry-header{border-color: #485969}
.single-properties .prop_cat-l .propmeta ul li:after{color: #485969;}
.prop_cat-l #floorplans,.prop_cat-l .proptitle,.prop_cat-l a.navbar-brand, .prop_cat-l .proptype {background-color: #485969;}
.prop_cat-l a.btn{color: #485969;border-color: #485969;}
.prop_cat-l a.btn:hover{color: #ffffff;border-color: #485969;background-color: #485969;}
.prop_cat-l a.btn:hover path{fill:#ffffff;}
.prop_cat-l .single-propdetails .entry-content ul li:before {color: #485969; }
.prop_cat-l #propgal .slick-dots li.slick-active button, .prop_cat-l #propgal .slick-dots li button:hover{background-color: #485969;}
a.propl polygon,a.propl path{
    cursor: pointer;
    /*opacity: .5;*/
    fill: #485969;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
a.propl:hover polygon.propline{
    opacity: .5;
}

#mapnav-wrap .propn li{border-color: #c6d76b;}
#mapnav-wrap .propn li{ background-image: linear-gradient(to right, #c6d76b, #c6d76b 50%, transparent 50%, transparent);}
.single-properties .prop_cat-n h2,.single-properties .prop_cat-n h4, .prop_cat-n path {color: #c6d76b;}
.single-properties .prop_cat-n .entry-header{border-color: #c6d76b}
.single-properties .prop_cat-n .propmeta ul li:after{color: #c6d76b;}
.prop_cat-n #floorplans,.prop_cat-n .proptitle,.prop_cat-n a.navbar-brand, .prop_cat-n .proptype {background-color: #c6d76b;}
.prop_cat-n a.btn{color: #c6d76b;border-color: #c6d76b;}
.prop_cat-n a.btn:hover{color: #ffffff;border-color: #c6d76b;background-color: #c6d76b;}
.prop_cat-n a.btn:hover path{fill:#ffffff;}
.prop_cat-n .single-propdetails .entry-content ul li:before {color: #c6d76b; }
.prop_cat-n #propgal .slick-dots li.slick-active button, .prop_cat-n #propgal .slick-dots li button:hover{background-color: #c6d76b;}
a.propn polygon,a.propn path{
    cursor: pointer;
    /*opacity: .5;*/
    fill: #c6d76b;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
a.propn:hover polygon.propline{
    opacity: .5;
}




#propinfo {
    display: table;
    position: absolute;
    bottom: 0;
    width: 100%;
}
#propinfo .row{
    background-color: #ffffff;
    width: 100%;
    margin: 0;
}
.proptitle h1 {
    color: #ffffff;
    padding: 10px 20px;
    font-weight: 300;
    font-size: 1.95rem;
    letter-spacing: .05em;
}
.proptitle{
	display: table;
    float: left;
}
.proptype{
    display: block;
    right: 0;
    float: right;
    background: #333;
    padding: 0.5rem 1rem;
    margin-top: 1.2rem;
    color: #fff;
}
.single-properties h1{
	margin-bottom: .05em
}
.single-properties h4.subtitle {
    font-weight: 300;
    margin-bottom: 0;
    padding: 30px 5px 10px;
    color: #333;
    font-size: 20px;
}
.propmeta {
    margin: 20px 0 35px;
}
.propmeta h4 {
    color: #888;
}
.propmeta ul {
    display: flex;
    justify-content: flex-start;
    padding: 0;
    list-style: none;
}
.propmeta ul li{}
.propmeta ul li:after{
	content: "|";
	padding: 0 .5em;
}
.propmeta ul li:last-child:after{
	content: none;
}

.page-template-propertymap .wrapper{
	padding: 0;
}
#mapoverview-wrapper {
    background: #ffffff;
}
#mapoverview-wrapper .col-9{
    padding: 0;
}
#mapnav-wrap li {
    padding: .5rem 1rem;
    border-left: 15px solid;
    border-radius: 0;
    border-bottom: none;
    text-transform: uppercase;
    margin-bottom: 5px;
    background-size: 200% 100%;
    margin-left:0;
    line-height: 1.25em;
    background-position: 99% 0;
    background-size: 200% 100%;
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

}
#mapnav-wrap li small{
    text-transform: capitalize;
    color: #888888
}
#mapnav-wrap a:hover li{background-position: 0 0;}
a#maplink {
    color: #000;
    /* border-bottom: 1px solid #f1f1f1; */
    margin-bottom: 1px;
}
a#maplink:hover, a#maplink:hover li small{
  text-decoration: none;
  color: #ffffff;
}
a#maplink.active {
  font-weight: 600;
  color: #444444;
}

#mapsvg-wrap svg {
    height: 100vh;
    width: 100%;
    margin: 0 auto;
    display: table;
}

#siteplan-wrapper{}
#mapsvg-wrap .mapsvgcontrols {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 999999;
    background: #f1f1f1;
    border-radius: 30px 30px 30px 30px;

    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); 
    -moz-box-shadow:    0 0 5px 0 rgba(0, 0, 0, 0.25); 
    box-shadow:         0 0 5px 0 rgba(0, 0, 0, 0.25); 
        
}
#mapsvg-wrap .mapsvgcontrols svg {
    height: 1em;
    width: 1em;
}
#mapsvg-wrap .mapsvgcontrols a {
    padding: .5em .75em;
    display: table;
    color: #777777;
    background-color: #f1f1f1;
}
#mapsvg-wrap .mapsvgcontrols a:hover{
    background-color: #dddddd;
}
#mapsvg-wrap .mapsvgcontrols a#zoom-in{
    border-radius: 30px 30px 0px 0px;
}
#mapsvg-wrap .mapsvgcontrols a#zoom-out{
    border-radius: 0px 0px 30px 30px;
}
#mapsvg-wrap #background{}
#mapsvg-wrap #propertylines{}

#streets .roadname {
    font-family: 'GTEestiProDisplay';
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    fill: #ffffff;
    font-size: 2rem;
    letter-spacing: .25rem;
    cursor: default !important;
}
#mapprop text{
    cursor: pointer !important;
}

a#mapprop polygon,a#mapprop path{
	display: block;
}
a#mapprop.hidden polygon,a#mapprop.hidden path,a#mapprop.hidden text{
	opacity: 0;
	visibility: hidden;
}
a#mapprop.reserved polygon,a#mapprop.reserved path{
	fill: #555555 !important;
}
a#mapprop.reserved text,a#mapprop.reserved polygon.propnum,a#mapprop.reserved path.propnum{
    fill: #aaaaaa !important;
}
a#mapprop.sold polygon,a#mapprop.sold path{
    fill: #e91920 !important;
}
a#mapprop.sold text,a#mapprop.sold polygon.propnum,a#mapprop.sold path.propnum{
    fill: #ffcbcd !important;
}
a .propline{opacity: 0}
a:hover .propline{opacity: 1;stroke: #ffffff;stroke-miterlimit:20;}

.propnum{fill:#ffffff !important;}
#mapprop text {
    fill: #fff;
    font-family:'Arial';
    font-size:1.65rem;
}
a#mapprop:hover text{
	text-decoration: none;
}
.streetscapes a{
	cursor: pointer;
}
.streetscapes a:hover{

}
#streetscapes a circle{fill: #F9B116;}
#streetscapes a path{fill: #FFE600;}

path.mappin{
	fill: #feba0e;
}
circle.mappin-inside{
	fill: #f98006;
}

/* Single Property */
.single-properties #single-wrapper{
	padding-top: 0;
}
.single-properties .entry-header {
    padding: 1em 0 0;
}
.single-properties .entry-header .btn-map {
    float: right;
    margin: 20px 0 20px 5px;
}
#featuredimage {
    position: relative;
    display: table;
    height: 97vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-origin: content-box;
    background-position: center 70%;
    margin-top: 15px;
    padding: 0;
    border-right: 15px solid #fff;
    border-left: 15px solid #fff;
}
#featuredimage img {
    width: 100%;
}
#propgal{
	padding: 0;
	margin: 0;
}
#propgal #img-prev {
    position: absolute;
    left: 10px;
    top: 38%;
    font-size: 3em;
    z-index: 1;
}
#propgal #img-next{
    position: absolute;
    right: 10px;
    top: 38%;
    font-size: 3em;
    z-index: 1;
}
#propgal #img-prev:hover, #propgal #img-next:hover{
	color: #6f31cd;
	cursor: pointer;
}
#propgal li.slick-slide{
    height: auto;
}
#propgal .slick-dots{
	padding: 0;
	display: flex !important;
	width: 100%;
	justify-content: center !important;
	list-style: none;
	position: absolute;
	bottom: 15px;
}
#propgal .slick-dots li{}
#propgal .slick-dots li button {
    font-size: 0;
    background: #000;
    border: none;
    padding: 5px;
    margin: 10px 5px 0;
    display: table;
    border-radius: 10px;
}
#propgal .slick-dots li.slick-active button, #propgal .slick-dots li button:hover{
	background-color: #6f31cd;
}
.single-propoverview {
    margin-bottom: 30px;
}
.single-propdetails {
    border-top: 2px solid #dfdfdf;
    display: flex;
    flex-direction: column;
    padding: 50px 0 0 20px;
}
.single-propdetails .entry-content:after{
    border-bottom: 2px solid #dfdfdf;
    content: "";
    width: 100px;
    height: 2px;
    display: table;
    margin: 30px 0 5px;
}
.single-propdetails .entry-content ul {
    list-style-type: none;
    padding-left: 1.5rem;
}

.single-propdetails .entry-content ul li:before {
    content: "\f101";
    font-family: fontawesome;
    color: #666;
    font-size: 1rem;
    display: inline-block;
    margin-right: 0;
    text-indent: -1.5rem;
}

.prop_cat-b .single-propdetails .entry-content ul li:before {
    color: #DB8F00;
}
#floorplans {
    padding-top: 1rem;
    padding-bottom: 3rem;
}
#floorplans h3 {
    padding: 30px 0 10px;
    margin-bottom: 1em;
    color: #fff;
    text-align: center;
}
#propfloorpalns{
	padding: 0;
	list-style: none;
}
#propfloorpalns li {
    width: 50%;
    float: left;
    padding: 0 30px;
}
.single-properties .prop_cat-f #propfloorpalns li {
    border-bottom: 1px solid #eee;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
}
#propfloorpalns li:last-child{
	border-bottom: none;
}
#propfloorpalns span.floorplan-title {
    font-weight: 600;
    font-size: 1.3em;
    margin: 0 auto 35px;
    display: table;
    color: #fff;
}
.footernav {
    padding: 3rem 0;
}
.footernav .btn {
    margin: 0 0.25rem;
}

/* Responsive / Media Queries */
@media (max-width: 1199px) {
    #featuredimage {
        height: 60vh;
        border-left: 15px solid #fff;
        border-right: 15px solid #fff;
        padding: 0;
    }

    #navbar-wrap {
        /*padding-right: 0;*/
    }

    .navbar-brand img {
        max-width: 140px;
    }

    a.navbar-brand {
        padding: 15px;
        height: auto;
    }

    #propinfo {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
    }
}

@media (max-width: 991px) {
    #featuredimage {
        height: 80vh;
    }
}

@media (max-width: 767px) {

}

@media (max-width: 576px) {

}