@charset "UTF-8";
/* @font-face {
  font-family: "Spectral-Regular";
  src: url("/fonts/Spectral-Regular.ttf") format("truetype");
  font-style: normal;
}

@font-face {
  font-family: "Spectral-Medium";
  src: url("/fonts/Spectral-Medium.ttf") format("truetype");
  font-style: normal;
}

@font-face {
  font-family: "Spectral-Bold";
  src: url("/fonts/Spectral-Bold.ttf") format("truetype");
  font-style: normal;
} */


body {
  /* padding-top: 75px; */
  background-color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  letter-spacing: 0.25px;
  font-weight: 400;
}
p{
  line-height: 30px;
}
a{transition: all 0.15s ease-in-out;}
a:hover{text-decoration: none; transition: all .25s ease-in-out;}

strong{font-weight: 600;}
.semibold{font-weight: 500;}

.img-linked{-webkit-transition: all 0.12s ease-out; -moz-transition: all 0.12s ease-out; -o-transition: all 0.12s ease-out; -ms-transition:  all 0.12s ease-out; transition: all 0.12s ease-out;}
.img-linked:hover{transform: scale(1.1); cursor: pointer;}

.text-linked{transition: all 0.15s ease-in-out;}
.text-linked:hover{color:#AE7946!important;}

.text-regular{ font-weight: 400}
.text-medium{ font-weight: 500}
.text-bold{ font-weight: 600}

.text-brand{color: rgba(11, 60, 93, 1)!important;}
.text-grey{color:#8B8B8B!important;}
.text-y{color:#fcfadc!important;}

.bg-brand{background-color: rgba(11, 60, 93, 1)!important;}
.bg-blue{background-color: #292666!important;}
.bg-light{background-color: #ebebeb!important;}
.text-heading{color:#0b3c5d; font-family: 'Spectral', serif; font-style: normal; font-weight: 600;}
em{ font-family: 'Spectral', serif; font-style: italic;}

.form-error{border: 1px solid #F00!important;}


.h-15{font-size: 15px;}
.h-20{font-size: 20px;}
.h-24{font-size: 24px;}
.h-30{font-size: 30px;}
.h-32{font-size: 32px;}
.h-36{font-size: 36px;}
.h-40{font-size: 40px;}
.h-60{font-size: 60px;}
.h-72{font-size: 72px;}


.explore-link{font-size: 14px; color:#FFF; border: 1px solid #FFF; padding: 7px 20px;}
.explore-link:hover{background-color: #FFF; color:  rgba(11, 60, 93, 1);}

.max-850{max-width: 850px; margin: 0 auto;}
.min-400{min-height: 400px;}
.has-bg{background-position: center; background-size: cover; background-repeat: no-repeat;}

@media screen and (max-width:767px){
  body {font-size: 16px;}
  .h-72{font-size: 52px;}
  .h-36{font-size: 32px;}
  .h-32{font-size: 28px;}
  .h-30{font-size: 26px; }
  .h-24{font-size: 22px; }
  .h-20{font-size: 18px; }
  .explore-link{font-size: 13px; padding: 6px 12px;}
}

@media screen and (max-width:575px){
  body {font-size: 15px;}
  .h-72{font-size: 42px;}
  .h-36{font-size: 30px;}
  .h-32{font-size: 24px;}
  .h-30{font-size: 22px;}
  .h-24{font-size: 20px;}
  .h-20{font-size: 17px; }
}

/* NAVIGATION  */
#mainNav {background-color: rgba(11, 60, 93, .5); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -ms-transition:  all 0.6s ease-out; transition: all 0.6s ease-out;}
#mainNav .navbar-nav .nav-link{color: #FFF; font-size: 12px; text-transform: uppercase; white-space:nowrap;}
#mainNav .navbar-nav .active>.nav-link, #mainNav .navbar-nav .nav-link:hover{color: #fcfadc;}
#mainNav .dropdown-menu{background-color: rgba(11, 60, 93, .5); border:none; border-radius: 0; padding: 0; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -ms-transition:  all 0.6s ease-out; transition: all 0.6s ease-out;}
#mainNav .dropdown-item{ font-size: 12px;  color:#FFF; text-transform: uppercase; padding: 12px 17px;}
#mainNav .dropdown-item:first-child{padding-top: 17px;}
#mainNav .dropdown-item:hover{background-color: rgba(11, 60, 93, 1)}
#mainNav .dropdown-toggle::after {display:none;}
#mainNav .navbar-toggler {border-color: #FFF;} 
#mainNav .navbar-toggler:focus{outline: none !important;}
#mainNav .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.img-logo{width: 180px;}




@media screen and (min-width: 1200px){
  #mainNav { padding-bottom: 2px;}
  
}
@media screen and (max-width: 1199px){
  #mainNav {background-color: rgba(11, 60, 93);}
  body{padding-top: 62px; }
}

@media screen and (min-width: 1200px){
    /* #mainNav  {padding: 0 1rem; height: 75px; border-bottom: 1px solid #292666;} */
    #mainNav .navbar-nav{padding-top: 35px;}
    /* #mainNav .dropdown:hover .dropdown-menu{display: block;} */
    #mainNav.scrolled {
      background: rgb(11, 60, 93); /* IE */
      background: rgba(11, 60, 93, 1); /* NON-IE */
    }
}

@media (min-width: 1199px) and (max-width: 1299px){
  #mainNav .navbar-nav .nav-link{font-size: 10px;}
}


/* NAVIGATION ENDS */

/* FOOTER */
footer{background-color: #262729;}
footer p{font-size: 13px; line-height:1.3em;}

.social-wrapper{
    width: 50px;
    position: fixed;
    right: 0;
    top: 42%;
    background-color: rgba(11, 60, 93, .5);
    padding: 10px 0 0 10px;
    border-radius: 5px 0 0 5px;
}
.social-wrapper a{display: block; margin-bottom: 10px; width: 26px; height: 26px;}
@media screen and (max-width: 768px){
  .social-wrapper{position: relative; width: 100px; margin: 15px auto; background-color: transparent;}
  .social-wrapper a{display: inline-block; margin-right: 15px; }
}  
/* FOOTER ENDS */


/* Welcome Page */
#hero-wrapper{position: relative; min-height: calc(100vh - 80px);}
#hero-wrapper h2{position: absolute; left:50%; bottom:25%; transform: translate(-50%, -50%); width: 100%; text-align: center;text-shadow: 2px 2px 5px #000; }


#hero-wrapper-2{height: calc(100vh - 80px);}
.home-div-wrapper{position: relative;}
.home-text-box{font-size:15px; position: absolute; top: 0;  width: 400px;   padding: 50px 40px 50px; display: inline-block;}

.text-box-left{left:5%;}
.text-box-right{right:5%;}
.home-div-wrapper .close-button {position: absolute; right: 10px; bottom: 5px; color: #FFF; font-size: 14px; }
.home-div-wrapper .close-button:hover{cursor: pointer;}
.home-text-box-text{position: absolute;  bottom: 50px;}
#text-waterside, #text-amenities{left:5%;}
#text-heritage, #text-community{right:5%;}

@media screen and (max-width: 991px){
    .home-text-box{position: relative; width: 100%; left:0; right:0;}
    .home-text-box-text{width: 100%; top: 15%!important; left: 50%!important;  transform: translate(-50%, -50%); right: inherit; bottom: inherit;}
    .home-text-box-text img{max-width: 60%;}
    #text-waterside, #text-heritage,#text-heritage, #text-community{top:30%!important;}
}

@media screen and (max-width:767px){
  #hero-wrapper {background-color:  rgba(11, 60, 93, .5);}
  #hero-wrapper h1{font-size: 24px; padding:25px 15px; position: relative; left: auto; top: auto; transform: none; line-height: 36px;}
  #text-waterside, #text-heritage,#text-heritage, #text-community{top:20%!important;}
}



@media screen and (max-width: 325px){
  .home-text-box-text img{display: none!important;}
}
/* Welcome Page ENDS */

/* INNER PAGES */
.innerHero {height: 100vh; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}

@media screen and (max-width: 767px){
    .innerHero {height: 400px;}
}

/* HIGHLIGHTS */
#highlightsAmenities{background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url('/images/bg-amenities.jpg');}

/* HERITAGE */
#heritage{background-image: url('/images/hero/heritage.jpg');}

/* AMMENITIES  */
#main-level-amenities{background-image: url('/images/hero/hero-main-level-amenities.jpg');}
#garden-marina-level-amenities{background-image: url('/images/hero/garden-marina-level-amenities.jpg');}
#waterside-oasis-and-site-plan{background-image: url('/images/hero/waterside-oasis-and-site-plan.jpg');}


/* FLOORPLANS */
#filters-wrapper select{border-radius: 5px; border: 1px solid #999; margin: 15px; padding: 2px 10px; background-color: #f2f2f2; display: inline-block} 
#btn-clearFilter{background-color:rgb(11, 60, 93); color: #FFF; transition: all .15s ease-in-out; border: 1px solid rgb(11, 60, 93);}
#btn-clearFilter:hover{background-color: #FFF; color: rgb(11, 60, 93);}

@media screen and (max-width: 575px){
    #filters-wrapper select{display: block;}
}


#fp-wrapper{background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url('/images/bg-amenities.jpg');}
.fp-thumb-wrapper{background-position: center; background-repeat: no-repeat; background-size:contain; transition: all .25s ease-in-out;}
.fp-thumb-wrapper:hover{transform: scale(1.05)}
#fp-wrapper .unitType{margin-top: -10px;}
#floorplan .link-button{color: #FFF; max-width: 150px; border: 1px solid #FFF; padding: 8px 10px 6px; line-height: 18px; font-size: 14px; min-height: 53px; margin: 25px; min-width: 125px; }
#floorplan .link-button:hover{background-color: #FFF; color: #0b3c5d;}

#neighbourhood{background-image: url('/images/hero/neighbourhood.jpg');}
.contact-map{height: 600px;}

/*FEATURES */
.features-list li{margin-bottom: 7px; margin-left: -22px;}

/*Interior */
.thumb-wrapper{position: relative; display: inline-block;}
.thumb-wrapper .active{position: absolute; top:0; left:0; background-color: rgba(11, 60, 93, .5); height: calc(100% - .50rem); width: calc(100% - .50rem); margin-left: .25rem; margin-top: .25rem;}
.thumb-wrapper:active .thumb-wrapper.active{display: block!important;}

/*Register */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(11, 60, 93);
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:  rgba(11, 60, 93);
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:  rgba(11, 60, 93);
}

#registration-form .form-control{border: 1px solid  rgba(11, 60, 93, .5);}
#middle_name, #fax_number{display: none!important;}
/* INNER PAGES ENDS */


/* Modal Box Minimum Width Adjust */
.carousel-caption {
    
    padding-bottom: 210px !important;
    
}

@media (min-width: 576px) {
.modal-dialog {
  max-width: 800px;
}
}

@media (max-width: 576px) {

.w-100 {
    width: 200%!important;
}
.carousel-caption {
    
    padding-bottom: 60px !important;

    
}
.h1, h1 {
    font-size: 1.5rem;
}
}

@media screen and (max-width: 767px){
.carousel-caption {
    
    padding-bottom: 20px !important;

    
}
  }


/* Mike Changes July 26 2024 */

#hero-wrapper {
	min-height: calc(100vh - 150px);
	padding: 20px;
}

.harbour-logo {
	max-width: 200px;
}

@media screen and (max-width: 767px){

#hero-wrapper {
	min-height: calc(100vh - 300px);
}
	
.harbour-logo {
	max-width: 120px;
}	

.img-logo {
	width: 140px;
}	
	
#nav-highlights.nav-item {
	margin-bottom: 8px;
}	
	
}

.head-button {
	font-size: 12px;
	letter-spacing: 0;
	border: 0;
}

@media screen and (min-width:1200px){

/* Hide Header Register Button on Desktop */
	
.head-button {
		display:none;
}	
	
}

/* Youtube Responsive */

.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}