/* GLOBAL  -------------------------------------------------- */
body{
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 1.6em;
}
#spacer{
    height: 93px;
}
.overlay {
    background: transparent;
    position: relative;
    width: 100%;
    height: 600px;
    top: 600px;
    margin-top: -600px;
    z-index: 999;
  }
.vt-responsive {
    height: 600px;
  }
section{
    margin-top: 10px;
}
.margin-80{
    margin-top: 40px;
}
strong{
    font-weight: 500;

}
.selector-for-some-widget {
    box-sizing: content-box;
}
.logo {
    padding: 15px;
    max-width: 280px;
}
a {
    text-decoration: none;
}
.bg-beige{
    background-color: #f1efe9;
}
.bg-dark{
    background-color: #414042;
}
.bg-dark-wood{
    background-image: url(../img/wood-panel-black-bg.jpg);
    background-size: 100%;
    background-color: #414042;
}
footer{
    background-color: #414042;
}
.bg-wood{
    background-image: url(../img/wood-panel-bg.jpg);
    background-size: 100%;
    width: 400px;
    height: 100%;
    position: absolute;
    right:0;
    top:0;
}

.shortrow{
    max-width: 1600px;
    margin: auto;
}
.mt-150{
    margin-top: 150px;
}

/* TYPOGRAPHY  -------------------------------------------------- */


.icon p {
    font-size: 0.9rem;
    line-height: 1.1rem;
    margin-top:5px;
}

.icon.padding-6 {
    padding-bottom: 0;
    padding-top: 1.5rem;
}

h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 1.1rem;
    letter-spacing: 0.1em;
}

h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 2.7rem;
    margin-top: 10px;
    margin-bottom: 60px;
    letter-spacing: 0.01em;
}

#disclaimer p{
    text-transform: uppercase;
    color: #414042;
}
#disclaimer a{
    color: #414042;
}
/* COLOURS  -------------------------------------------------- */
.bg-green-half {
    background: #ecf3e8;
}
/* LINKS -------------------------------------------------- */
footer a {
    color: #FFF;
}
footer a:hover, #disclaimer a:hover {
    color: #999;
}
/* BUTTONS  -------------------------------------------------- */

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #FFF;
    --bs-btn-border-color: #000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #000;
    --bs-btn-hover-border-color: #000;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #000;
    --bs-btn-disabled-border-color: #000;
    border-radius: 0 !important;
    border: #000 solid 1px !important;
    text-transform: uppercase;
    font-size: 14px !important;
  }
  .btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: #000;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
/* TABLE -------------------------------------------------- */
.total {
    font-weight: 800;
}
/* NAV  -------------------------------------------------- */
.hamburger .hamburger-inner, .hamburger .hamburger-inner::before, .hamburger .hamburger-inner::after {
    background-color: #000000;
}
.fillme .hamburger .hamburger-inner::after, .scrolled .hamburger .hamburger-inner::after {
    background-color: #000000;
}
.fillme .hamburger .hamburger-inner::before, .scrolled .hamburger .hamburger-inner::before {
    background-color: #000000 !important;
}
.fillme .hamburger.is-active .hamburger-inner, .scrolled .hamburger.is-active .hamburger-inner {
    background-color: #000000 !important;
}

.topNav .white {display: inline-block}
.topNav .color {display: none}

.topNav.scrolled .white {display: none}
.topNav.scrolled .color {display: inline-block}

.fillme .white {display: none}
.fillme .color {display: inline-block}


.topNav {
	z-index: 999 !important;
    background-color: #FFF;
}

.fill,
.fillme {
  transition:0.5s ease;
  background:transparent;
  padding-top:10px;
  padding-bottom: 10px
}


.topNav.scrolled .fill {
	background: #FFFFFF !important;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}

.fillme {
	background: #FFFFFF;
}

.hamburger {
	padding-top:20px !important;
}

.hamburger .hamburger-inner,
.hamburger .hamburger-inner::before, 
.hamburger .hamburger-inner::after {
	background-color: #000;
}

.fillme .hamburger .hamburger-inner,
.scrolled .hamburger .hamburger-inner { 
	background-color: #000;
}

.fillme .hamburger .hamburger-inner::after,
.scrolled .hamburger .hamburger-inner::after { 
	background-color: #000000;
}
 
.fillme .hamburger.is-active .hamburger-inner,
.scrolled .hamburger.is-active .hamburger-inner  { 
	background-color: #000000 !important;
}

.fillme .hamburger .hamburger-inner::before,
.scrolled .hamburger .hamburger-inner::before { 
	background-color: #000000 !important;
}


.quicklinks ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}

.quicklinks ul li {
	display: inline;
}
.quicklinks ul li a {
	display: inline-block;
	padding: 5px;
	margin: 15px 10px 0;
	color: #FFFFFF;
	font-size: 1.3rem;
	font-weight: 600;
}

.quicklinks ul li a:hover {
	opacity: 0.5;
}

.fillme .quicklinks ul li a.group_primary,
.scrolled .quicklinks ul li a.group_primary {
	color: #333333;
}
.fillme .quicklinks ul li a.commercial_primary,
.scrolled .quicklinks ul li a.commercial_primary {
	color: #004488;
}
.fillme .quicklinks ul li a.land_primary, 
.scrolled .quicklinks ul li a.land_primary {
	color: #88AA11;
}



#navExpand {
	background-color: rgba(35, 35, 35, 0.95);
}


nav h4 {
	font-size: 1.2rem;
	line-height: 1.7rem;
	padding-bottom: 8px;
	border-bottom: solid 3px #FFFFFF;
	color: #FFFFFF;
}

nav h4 {
	margin-bottom: 1.25rem;
}

nav a {
	color: #FFFFFF;
}

nav a:hover {
	color: #777766;
	text-decoration: none;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

nav ul li,
nav p {
	font-weight: 300;
	font-size: 1rem;
}


#navExpand .container-fluid {
	height: calc(100vh - 80px);
	overflow-y: scroll;
	scrollbar-width: none;
}

#navExpand .container-fluid::-webkit-scrollbar {
    display: none;
}

nav .mainNav ul {
	text-align: center;
	padding-bottom: 3rem;
}

nav .mainNav ul li {
	font-size: 1.5rem;
	border-bottom: solid 1px #FFFFFF;
	padding: 1.2rem
}


nav .mainNav ul li:last-child {
	border-bottom: none
}

/* CAROUSEL  -------------------------------------------------- */


#carouselheader .carousel-item img{
    width: 100% !important;
    height: 500px;
    object-fit: cover;
  } 
  #carouselheader .carousel-item video{
    width: 100% !important;
    height: 500px;
    object-fit: cover;
  } 

  #carouselheader .carousel-item {
    height: 500px;
  }

  /* FOOTER  -------------------------------------------------- */
  .agents-logo {
    height: 50px
  }
  #carouselplans .carousel-item img{
    height: 100%;
    width: 100%;
    object-fit: contain;
} 

/* MEDIA QUERIES  -------------------------------------------------- */
/* X-Small devices (portrait phones, less than 576px)*/
/* No media query for `xs` since this is the default in Bootstrap*/

/* `sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 991.98px) {
.spec-gallery img{
    width: 49% !important;
    height: 200px !important;
    padding-top: 10px;
}
.spec-gallery {
    padding-top:0px;
    padding-bottom:10px;
}
.amenities-gallery img{
    width: 49% !important;
    height: 200px !important;
    padding-top: 10px;
}
.amenities-gallery img.last-img {
    width: 100% !important;
}
.amenities-gallery {
    padding-top:0px;
    padding-bottom:10px;
}
     }
/*Small devices (landscape phones, 576px and up)*/

 @media (min-width: 576px) {

 }
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
#spacer{
    height: 135px;
}
section{
    margin-top: 10px;
}
 }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
#spacer{
        height: 135px;
}
.bg-green-half {
    background: linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(236,243,232,1) 40%);
}
#floorplate{
        background-image: url(../img/wh-floorplate.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position-x: 120px; 
}
.logo {
     max-width: 300px
}

#carouselheader .carousel-item video{
    height: 800px;
  } 

#carouselheader .carousel-item {
    height: 800px;
  }
section{
    margin-top: 80px;
}
.margin-80{
    margin-top: 80px;
}
.spec-gallery img{
    position: absolute;
}
.amenities-gallery img{
    position: absolute;
}
.padding-6{
    padding: 6%;
}
#floorplate{
    background-image: url(../img/wh-floorplate.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; 
    min-height: 800px;
    border-left: 100px white solid;
}
.border-bottom-white {
    border-bottom: #FFFFFF solid 66px;
}
 }

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 

}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 

 }