/*

Theme Name: Legacy

Description: WordPress Legacy RE Developers

Version: 1.0.1

*/



@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url(https://fonts.googleapis.com/css2?family=Montagu+Slab:opsz,wght@16..144,100..700&display=swap);


      

/** {margin: 0px;padding: 0px;}*/

img {max-width: 100%}

a {text-decoration: none; color:#262626}

a img {border: none}

li {list-style-position: inside;}



body {height: 100%; width: 100%; margin:0; padding:0;color:#333; font-family: 'Montagu Slab', serif; font-weight: 500; line-height:1.8}

.large-wrapper {margin: 0px auto; position: relative}

.wrapper {box-sizing: border-box;    margin: 0 auto;    max-width: 1200px;    padding: 0 10px;    position: relative;}



header {width:100%;position: absolute; display:block; z-index:1000; top:0; left:0; height:120px;}





#logo {max-width: 140px;display: block; margin: 0 auto 0; vertical-align: top; padding: 10px;}

#logo a {display: block;}

#logo img{max-width:460px; width:100%;height:auto}


.header-support{display:inline-block; float:right; color:#fff; padding: 20px 0 20px;}
.header-text{font-size:16px;display: inline-block;}
.header-phone{font-size:24px; font-weight:bold; padding: 5px; display: inline-block;}
.header-phone a{color:#fff; text-decoration:none;}
	
/*social*/
.social{width:90px;float:right;display:inline-block; margin-top:5px; height: 32px;overflow: hidden;}
.sicons{width:32px; float:right; display:inline-block;margin:3px 0 0 0; padding:0;}
.dashicons{font-size:28px!important}


.pdf{background:url(images/Adobe_PDF_Icon.png)no-repeat; padding:5px 0 10px 26px; color:#000!important;line-height:26px; font-weight:600; margin-top:20px; display:block;}



/*NAV*/

   header nav {display: none!important}
   
   #main_nav ul{margin:0; padding:0;}
   #main_nav li{list-style:none;}
   
   .legacy-menu{ color: #fff;
    font-size: 24px;
    cursor: pointer;
	position:absolute;
    right: 25px;
	 width: 40px;
        height: 18px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
		top: 50%;
    transform: translateY(-50%);}
   
   .legacy-menu span {
        display: block;
        width: 100%;
        height: 1px;
        background-color: #FFF;
        border-radius: 1px;
        transition: all 0.3s ease-in-out; /* For animation */
    }
   
   
    /* The Overlay (background) */
.menu-overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
    height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.95);
  overflow-y: hidden;
  transition: 0.5s;
}

/* Position the content inside the overlay */
.menu-overlay-content {
  width: 100%;
    text-align: center;
    margin-top: 30px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

/* The navigation links inside the overlay */
.menu-overlay a {
  padding: 0;
  text-decoration: none;
  font-size: 3.5vh;
  color: #818181;
  line-height: 1.5;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.menu-overlay a:hover, .menu-overlay a:focus {
  color: #f1f1f1;
}

/* Position the close button (top right corner) */
.menu-overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 60px;
}


 #mobile_menu {display: block !important;
    float: right;
    position: absolute;
    right: 0;
    top: 25px;}
	
	#mobile_menu .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  font-family:Arial, Helvetica, sans-serif;
}







/*featured image*/

#feature-img{position:relative;width:100%;display: block; margin:0 auto 0; text-align:center;overflow: hidden; background-color:#000; padding:120px 0 0 0;}

#feature-img {background-size: cover; background-repeat: no-repeat; background-position: center center;}

#feature-img img{width:100%; height:auto;display: block;}

.page-template-page-homepage #feature-img{padding:0px 0 0 0;}


/*HOME*/

#home-featured{position:relative; min-height: 400px; width:100%;display: block; margin:0 auto 0; text-align:center;overflow: hidden; background-color:#000; padding:120px 0 0 0;}

#home-featured {background-size: cover; background-repeat: no-repeat; background-position: center center;}

#home-featured .header-content{position:absolute; width:100%;top: 50%;transform: translateY(-40%);}

#home-featured .headerline{position: relative; width: 100%;text-align: center; text-transform:uppercase; margin: 0 auto 50px;font-size: 32px;font-weight: 500;line-height: 1.8;color: #339999;
text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.65);letter-spacing:0.2em}

#home-featured img{width:100%; height:auto;display: block;}

.page-template-page-homepage #home-featured{padding:0px 0 0 0;}



/*headers*/

.header-content{position:relative; width:100%;padding: 25px 0;}

.custom-page-title{color:#fff; font-size:18px; font-weight:400; text-transform:uppercase; margin:30px auto 30px;letter-spacing:0.2em}

.headerline{position: relative; width: 100%;text-align: center; text-transform:uppercase; margin: 0 auto 50px;font-size: 24px;font-weight: 500;line-height: 1.8;color: #339999;
text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.65);letter-spacing:0.2em}

.top-header-copy{color:#339999; font-size:20px; font-weight:400; margin:30px auto 30px;letter-spacing:0.1em}

#slider-full{width:100%; margin:0px auto 0; display:block; position:relative;}

#content {padding-top: 5vh; padding-bottom: 5vh}

/*#content.columns-1 #main {width: 100%; padding-right: 180px} */

#text ul li{ list-style-position:outside; list-style:none; margin-bottom:10px;}

#main {display: block; width:100%; vertical-align: top; box-sizing: border-box;}

#title {padding-bottom: 0px}

#title span.top {width: 107px; height: 7px; display: block; background-color: #41b649;}

#title h1 {font-weight: normal; font-size: 24px; line-height: 32px; color:#333; padding: 20px 0 20px 0}

/*#title span.bottom{ width: 87px; height: 5px; background-image: url(images/title-bottom.gif); background-repeat: no-repeat; background-position: center center ; display: block}*/

#title span.bottom{display:none;}

.short-title #title {float: left; width: 150px; padding-right: 30px}

.short-title #text {float: right; width: -webkit-calc(100% - 180px);

width: -moz-calc(100% - 180px);

width: calc(100% - 180px);}



#text {}

#text img {height: auto !important}

#main p {padding-bottom: 20px; line-height:1.8; font-size:16px; font-weight:500;}

#main ul {padding-left: 10px}

#main li {list-style-position: inside; line-height:1.8 ;}

.support-block{position:relative; display:block; overflow:hidden; width:100%; max-width:1000px; margin:0 auto 0;}

.support-block .su-row{margin-bottom:0;}

.support-copy{position: absolute;
    top: 45%;
    transform: translateY(-50%);}


/*---Heading Typo---*/
body h1, body h2, body h3, body h4, body h5, body h6 { color: #000000; font-style: normal; font-weight: 500; line-height: 1.25; margin: 0px 0px 8px 0px; }


.blacktop{width:50%; background:#000 url(images/top_black.gif) no-repeat left; height:48px; position:absolute; top:0; right:0; z-index:5000}

h1 {font-size: 32px}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #000000;}
p a {color: #000000;}

.highlighted-text{color:#339999}


#text .content-column {box-sizing: border-box}

.content-column.one_half + .content-column.one_half {padding-left: 50px; border-left: 1px solid #b1b1b1}



hr { border: 0; border-bottom: 1px solid #339999; background: #339999; margin: 25px 0 50px}

.row-spacer{height:25px; width:100%; display:block;}

#sidebar {float: right; width: 420px}

#footer{margin-top:0px;background-color:#000; padding:25px; box-sizing:border-box;}
#footer p{padding-left:10px; color:#ccc; font-size:11px;    text-align: center;}

.clickable {cursor: pointer !important;}

.aligleft {float: left; margin: 0px 25px 5px 0px}

.aligright {float: right; margin: 0px 0px 5px 25px}

.clear {clear: both;}


.contact-cat{text-align:center; padding-left:20px; border-left:1px solid #999;}

.contact-cat ul{margin-bottom:30px;}
.contact-cat ul li{text-align:left;}

h3.contact-type{color:#7e7148!important; font-weight:bold}


.su-gmap {
    margin: 0!important;
}
#mapshadow{width:100%}
#mapshadow img{width:100%; height: auto;}


/* ------ Contact Form ------ */

.wpcf7{ margin:0; padding:0; font-family:'Open Sans', sans-serif; font-size:15px; font-weight:400; color:#222222;}

.wpcf7 form{ margin:0; padding:0;}

.wpcf7 form span.last{ float:none !important;}

.wpcf7-form p{
    color: #333;
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    margin-top: 5px;
    display: block;}

.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select, .leftdiv input[type="text"], .leftdiv input [type="url"], .leftdiv input[type="email"], .leftdiv input[type="tel"], .wpcf7 form textarea, .rightdiv textarea{ width:99%; background-color:#f8f8f8; border:1px solid #e6e5e5; padding:10px; margin:5px 0 5px 0; color:#777777; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; }

.wpcf7 form textarea, .rightdiv textarea{height:40px}

span.wpcf7-not-valid-tip {font-size: 0.8em; margin-bottom:5px;}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}


.wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}

span.wpcf7-list-item{ margin:0 15px 0 0 !important;}

.wpcf7 form input[type="submit"], #contact input[type="submit"], #contactform_main input[type='submit']{font-family: 'Montagu Slab', serif;font-size:15px; font-weight:400; margin:5px 0 0 0; padding:15px 50px; border:none; color:#000; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; text-transform:uppercase;background-color:#339a99;}






/*home properties*/

.home-featured-property{width:100%; display:block; margin:25px auto 25px;position:relative;overflow:hidden; background-image:url(images/bg_home-featured.jpg); background-repeat:no-repeat; background-position:top center; background-size:100%}

.home-props{width:95%; margin:0 auto 0; display:flex; flex-wrap: wrap; align-content:center; gap: 10px;}

.homefeat{flex: 1 0 31%;}

/**** Properties Isotope Filtering ****/


#portfolio-container{overflow:hidden; width:100%; background-color:#000; margin:0px auto 0px; padding:25px 0 25px; box-sizing:border-box;}

.portfolio-header{color:#339999;font-size:18px; font-weight:600; text-align:center; display:block; width:100%; padding:25px 0 25px}

#portfolio {
	max-width:1400px;
    margin: 40px auto 0;
	width:100%;
}

.portfolio-item {
   width: 48.5%;
   margin:0 1.5% 2% 0;
   overflow:hidden;
   display: inline-block;
   box-sizing:border-box;
}
.portfolio-item img {
    width: 100%;
    height: auto;
	margin:0;
	
}

.portfolio-item .prop-img{
	  -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.portfolio-item:hover .prop-img{
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
	 
}

.portfolio-item a{text-decoration:none;}

.prop-grid{position:relative; width:100%; background-color:#000; color:#fff; overflow:hidden; display:block; padding:10px 0; text-align:center;}

.prop-grid h2{width:98%;color:#fff!important; font-size:16px; line-height:20px; font-weight:600; margin:0 0 0 20px; padding:0;}
.prop-grid p{color:#036!important; font-size:13px; line-height:15px; font-weight:400; padding:0; margin:0 0 5px 20px; letter-spacing: 0.02em;}
.propview{position:absolute; right:2px; top:10px; color:#FFF; background-color:#900; padding:3px 15px; font-size:11px; line-height:20px;}
.propview:hover{background-color:#036;}

.prop-grid h2:hover{
	/*bottom:10px;
-moz-transition: 0.2s ease-in;
	-webkit-transition: 0.2s ease-in; 
	-o-transition: 0.2s ease-in;*/}

.prop-grid a{text-decoration:none!important;}


#filters{margin:0 0 0 -25px; padding:0;}

#filters li{ list-style:none;display: inline-block; margin: 0 10px 0 10px; text-transform:uppercase}

#filters a {
    background-color:#000;
    border: none;
    color: #fff;
	 padding:10px 10px; 
	 border-radius:5px;
	 -moz-border-radius:5px;
	 -webkit-border-radius:5px;
	 font-weight:700;
	 font-size:20px;
}

#filters a:hover{
    background-color: #000;
    color:#CCC;
}
#filters a.active {
    background-color: #000;
    color:#339999;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height;
     -moz-transition-property: height;
      -ms-transition-property: height;
       -o-transition-property: height;
          transition-property: height;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}



/* Single Property page*/

.proplocation{text-align:center}

.propdetails{font-size:16px; color:#000; font-weight:500;line-height:1.8; text-align:center; margin:0 0 20px 0}

.propname{color:#036!important}

.propcopy{width:75%; margin:0 auto 0; 
font-family:'Frank Ruhl Libre', serif; font-size:22px; font-weight:300; line-height:1.6; text-align:center;}


/*.propimages{width:100%; margin:0 auto 25px; padding:0; 
display: flex;
  justify-content: space-between;
  overflow: hidden;}

.supportimages{width:98%; margin:0 10px 25px 0; text-align:center; box-sizing:border-box; position:relative;
display: flex;
flex-wrap: wrap;}*/

.propimages{width:100%; margin:0 auto 25px; padding:0; 
display: block;
  overflow: hidden;
      text-align: center;}

.supportimages{width: 32.5%;
    margin: 0 0.3% 25px auto;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    display: inline-grid;}

.supportimages img{display: inline-block;margin: 0 auto 0;}

.supportimages:last-child{margin-right:0;}



.propfeatures{width:100%; margin:0 auto 25px; max-width:1100px; padding:0; overflow: hidden;
display: flex;
justify-content: space-between;}

.feature{width:300px; height:300px;border-radius:50%;  background-color:#036; text-align:center; box-sizing:border-box; position:relative;}

.feature p{font-size:20px; font-weight:800; color:#FFF;text-align:center; width:100%;box-sizing:border-box; padding:0 10%; text-transform: uppercase; 
position: absolute;
    top: 50%;
    transform: translateY(-50%);}
	
/*services*/

.services{border-left:1px solid #339999; padding-left:35px}
	
	/*news-main*/
.news-list{display:block; width:100%; position:relative;}
.news-list ul{margin:0; padding:0; }
.news-list ul li{list-style:none; width:33.3%; height:210px; float:left; display:inline-block;  margin:10px 0; padding: 0; background-color:#e1f4f7; position:relative; }

.news-list ul li:nth-child(6n-6){ background-color:#FFF;}
.news-list ul li:nth-child(6n-7){ background-color:#FFF;}
.news-list ul li:nth-child(6n-8){ background-color:#FFF;}

.newscontent{padding: 20px 30px 10px; border-left:1px solid #CCC!important;display:block;    position: absolute;
    top: 50%;
    transform: translateY(-50%);}

.news-list ul li:nth-child(3n+1) > .newscontent{border-left:none!important;}

.news-list h2{font-size:16px; line-height:20px; margin:0 0 20px 0; letter-spacing:0;}
.news-list a{color:#333;font-weight:400!important; text-decoration:none;}
.news-list a:hover{color:#000;}
.news-list .date{font-size:15px; line-height:20px; margin:0 0 10px 0; font-weight:700;color:#339999}

.newsheader{position:relative; min-height: 200px; width:100%;display: block; margin:0 auto 0; text-align:center;overflow: hidden; background-color:#000; padding:120px 0 0 0;}
/*head-news-post*/

.newsheader{position:relative; display:block; clear:both; margin: 0px auto 0px; background-image:url(images/bg_newsheader.jpg); background-repeat:no-repeat; background-position:center center; background-size:100%;}
.headfloat{width:100%; max-width:1200px; margin:0 auto 0; text-align:left }
.headnews{width:100%; margin:0; display:block; padding:50px 20px; position:relative;}
.headnews p{font-size:16px; color:#fff; display:inline-block;}
.headnews h1{font-size:36px!important; font-weight:400; color:#339999!important;text-transform:none!important; line-height: 1.2; margin:20px 0 20px!important; display:block}

.pubname p{font-size:16px; font-style:italic; color:#fff; margin:0; border-bottom:none;}