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

/***COLORS & FONTS

Text:#354b46
Red:#c06a1f
Dark Green:#354b46 
Green:#d9d0a8
BLue Green:#80b5aa
Light Green:#97b1aa
Dark Blue-Grey:#334a52
Light Blue:#7cb4c5
Gold Beige:#cec6a1
Light Beige:#f3eada
Light Grey:#e4ecee

Roboto Bold- font-family: roboto, sans-serif; font-weight: 700; font-style: normal;
Roboto Regular- font-family: roboto, sans-serif; font-weight: 400; font-style: normal;

Essones Italic- font-family: essonnes-display, serif; font-weight: 400; font-style: italic;
Essones Bold Italic- font-family: essonnes-display, serif; font-weight: 700; font-style: italic;

***/

:root {
    
    --default-error: #4F0600;

    --sb-error: #4F0600;
    --sb-error-rgb: 79,6,0;
    --sb-red: #9A4A33; /* before SW  9c4500 */ /*#c06a1f; #9b4722;*/
    --sb-red-rgb: 154, 74, 51;
	
	--sb-accent1: #CBC1A3;  /* before SW #cec6a1 */
	--sb-accent1-rgb: 203,193,163;
	
    --sb-dark-green: #354b46; /* before SW, 354b46 */
	--sb-dark-green-rgb: 59, 87, 67;
	
    --sb-light-green: #9BACA4; /* before SW 97b1aa */
	--sb-light-green-rgb: 155, 172, 164;
	
	--sb-green:#596f6a;
	
	--sb-medium-green: #80b5aa;
	--sb-medium-green-rgb: 128, 181, 170;
	
	--sb-navy: #112b44;
	
	--sb-light-blue: #7cb4c5;
	
    --sb-light-yellow: #f3eada;
    
    --sb-light-color-1: #e4ecee;
	
	--sb-beige: #CBC1A3;
    --sb-beige-rgb: 203,193,163;
    
    --sb-default-text-color: #5B605F;
	
	--sb-caution-rgb: 255,161,122;
	--sb-danger-rgb: 79,6,0; 
	
	--default-text-color: var(--sb-default-text-color);
    
    
    --sp-panel-margin: 30px;
    
}





html, body { height: 100%; }

body{background-image:url("../images/paper.png");background-size:350px 415px; background-repeat:repeat; padding-top:70px; background-color:#fff; font-family: 'roboto', sans-serif;}
body.scroll-off{overflow: hidden;}

h1,h2,h4,h5{color:var(--sb-dark-green); font-size:26px; font-family: 'essonnes-display', serif; font-weight: 400; font-style: italic; letter-spacing:1px;}
h3, .card-row li span, td, p>span{font-family: 'roboto', sans-serif; font-size:13px; letter-spacing:1.5px; color:var(--sb-light-green); text-transform:uppercase; font-weight:700; margin-bottom:20px;}
h3{color:var(--sb-red)}
h4{font-size:20px;}
h5{font-size:16px; color: var(--sb-light-green); text-transform: capitalize}
h5.side-bar{color: #fff; }
h6{font-size: 12px; letter-spacing: 2px; margin-bottom:0px; text-transform:uppercase;}
p, li{font-size:14px; line-height: 28px; color:var(--sb-default-text-color); font-family: 'roboto', sans-serif; font-weight: 400;}
p.lead{font-size: 18px; line-height: 32px;}

a{text-decoration:none; font-size:14px; letter-spacing:1.5px; color:var(--sb-light-green); text-transform:uppercase; font-weight:700;}
a:hover{text-decoration:none; opacity:.8; color:var(--sb-light-green); cursor: pointer; }

h1.big, h2.big, .swiper-caption h1, .swiper-caption h2{font-size:30px;}
h3.big, .swiper-caption h3{font-size:14px;}
h1.small, h2.small{font-size:24px;}
.green-paper-bg, .green-paper-bg h1, .green-paper-bg h2, .green-paper-bg h3, .green-paper-bg h4, .green-paper-bg h5, .green-paper-bg h6, .green-paper-bg p{color:#fff;}
.dark-green-bg p{color:var(--sb-light-green)}

ul, li{list-style: none;}
ul.no-inline-start{padding-inline-start:0px !important; margin-bottom:0px;}
.reversed{color:#fff !important;}

/*.page-content ul, .page-content li { list-style: square; }
.page-content ul, .page-content li ul li { list-style:decimal; }*/

.hoa-page .page-content ul, .hoa-page .page-content li { list-style: square; }
.hoa-page .page-content ul ul{padding-left:20px !important;}
.hoa-page .page-content ul ul, .hoa-page .page-content li ul li { list-style:none; }
.hoa-page .page-content li ul li{padding-left: 22px; position: relative;}
.hoa-page .page-content li ul li:before{/*content:'-'; font-family: 'roboto', sans-serif;*/ content:'\f068'; font-family:"Font Awesome 6 Pro"; color:var(--sb-red); position: absolute; left:0;}

.page-content li::marker {
  color: var(--sb-red);
}

/***BACKGROUNDS AND BORDERS***/
.paper-bg, .green-paper-bg, .gold-paper-bg, .beige-paper-bg, .lowerlevel .child-thumbs + section, .lowerlevel .child-thumbs + div{background-image:url("../images/paper.png"); background-size:350px 415px; background-repeat:repeat; background-color:#fff; }
.green-paper-bg{background-image:url("../images/paper-green.png");}
.gold-paper-bg{background-image:url("../images/paper-gold.png");}
.beige-paper-bg, .lowerlevel .child-thumbs + section, .lowerlevel .child-thumbs + div{background-color:var(--sb-beige);}
.beige-paper-bg .container{position:relative; z-index: 1;}

.dark-green-bg{background-color:var(--sb-dark-green);}
.light-green-bg{background-color:var(--sb-light-green);}
.gold-bg{background-color:var(--sb-accent1);}
.beige-bg{background-color:var(--sb-beige);}

.bottom-border-feature:after, .top-border-feature:after{content:''; height:3px; background-color:#ffffff; width:100%; display:block; position:absolute; bottom:-6px; left:0; right:0; -webkit-box-shadow: rgb(0, 0, 0, 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgba(0, 0, 0, 50%) 0px 0px 5px -1px;}
.top-border-feature:after{bottom:auto; top: -6px;  z-index: 1;}
.dark-green-bg.top-border-feature:after{background-color:var(--sb-dark-green);}
.right-border-feature, .left-border-feature{position:relative;}
.right-border-feature:after, .left-border-feature:after{content:''; height: 3px; background-color: #ffffff; width: 100%; display: block; position: absolute; bottom: -7px;}
.gold-bg.right-border-feature:after{background-color:var(--sb-accent1);}

.border-right{border-right:2px solid rgba(255, 255, 255, .4);}
.border-bottom{border-bottom:2px solid rgba(255, 255, 255, .4);}
.border-middle{display:block; margin:0 auto; width: 100%; height: 2px; margin-top: 30px; margin-bottom: 30px; background-color: rgba(53, 75, 70, .25);}

.white-box{background-color: #fff; padding: 30px; -webkit-box-shadow: rgb(0, 0, 0, 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgba(0, 0, 0, 50%) 0px 0px 5px -1px; position: relative; z-index: 1;}
.white-box.green-paper-bg{padding:30px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 1; text-align: center;}

.vertical-line{height:100%; width:2px; background-color:var(--sb-light-color-1); display:block;}

.border-none{border:none !important;}

.light-green-bg.col-title-top:after{background-color:var(--sb-light-green)}




/****** FANCYBOX ******/

.fancybox__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--fancybox-bg, rgba(var(--sb-dark-green-rgb), 0.95));
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-width: 5px;
    border-style: solid;
    border-color: var(--sb-red);
    opacity: 0;
    transition: opacity .15s ease;
    border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__content {
    -webkit-box-shadow: rgb(0, 0, 0, 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgba(0, 0, 0, 50%) 0px 0px 5px -1px;
}

.fancybox__thumb {
    position: relative;
    width: 100%;
    padding-top: calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));
    background-size: cover;
    background-position: center center;
    background-color: rgba(255,255,255,.1);
    background-repeat: no-repeat;
    border-radius: 0;
}




/***PADDING***/
.padding-top-bottom{padding-top:65px; padding-bottom:65px;}
.padding-top{padding-top:65px;}
.padding-bottom{padding-bottom:65px;}

.padding-top-bottom-xs{padding-top:25px; padding-bottom:25px;}
.padding-top-xs{padding-top:25px;}
.padding-bottom-xs{ padding-bottom:25px;}

.padding-top-bottom-sm{padding-top:35px; padding-bottom:35px;}
.padding-top-sm{padding-top:35px;}
.padding-bottom-sm{padding-bottom:35px;}

.padding-top-bottom-xl{padding-top:80px; padding-bottom:80px;}

.page-title-section + .padding-top-bottom-sm, .page-title-section + .padding-top-bottom{padding-top:0px;}

.row.sm-gutter{margin-left:-5px; margin-right:-5px;}
.sm-gutter [class*=col-]{padding-left:5px; padding-right:5px;}
.no-gutter [class*=col-]{padding-left:0px; padding-right:0px;}

.no-margin{margin:0px !important;}
.margin-bottom, .margin-bottom-xl{margin-bottom:30px;}
.margin-top{margin-top:30px;}

.hide-break{display:none;}

/***GRAPHICS***/
.double-bars{position: relative; display: flex; width: 100%; justify-content: center; align-items: center; text-align: center;}
.double-bars:after, .double-bars:before{content: ''; border-top: 1.25px solid var(--sb-dark-green); margin: 0 12px 0 0; flex: 1 0 12px; max-width: 50px;}
.double-bars:after {margin: 0 0 0 12px; border-bottom: none;}

.top-bar, .side-bar{position: relative;}
.top-bar:before{content:''; display:block; background-color:var(--sb-light-green); height:100px; width:1.5px; position: absolute; top: -135px; left: 50%; transform: translateX(-50%); z-index: 1;}
.side-bar:before{content:''; display:block; background-color:#fff; height:1.5px; width:50px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-top: 3px; z-index: 1;}

.pillar-graphic{position:relative; text-align:center;}
.pillar-graphic:before{content:url("../images/sayebrook-pillar.svg"); display: block; width:80px; height:auto; /*position:absolute; left:50%; transform:translateX(-50%); top: -75px;*/ margin: 0 auto;}
.pillar-reversed:before{content:url("../images/sayebrook-pillar-rev.svg");}
.pillar-bottom:after{content:url("../images/sayebrook-pillar.svg"); display: block; width:80px; height:auto; /*position:absolute; left:50%; transform:translateX(-50%); top: -75px;*/ margin: 0 auto; margin-top: 30px;}

.double-palm-left{position: relative; overflow:hidden;}
.double-palm-left:before{content:url("../images/SB-palm-double-med.svg"); display:block; opacity:.1; position:absolute; height: auto; width: 550px; bottom: -30px; left: -180px;}
.double-palm-right{position:relative; overflow:hidden;}
.double-palm-right:after{content:url("../images/SB-palm-double-tall.svg"); display:block; opacity:.1; position:absolute; height:auto; width: 500px; bottom: -20px; right: -200px;}

.small-palm-left{position: relative;}
.small-palm-left:before{content:url("../images/SB-small-palm.svg"); display:block; opacity:.1; position:absolute; height: auto; width: 350px;  bottom: -140px; left: -140px; transform: scaleX(-1) rotate(-25deg);}
.small-palm-right, .architecture-page .pagebody.small-palm-left{position: relative; overflow:hidden;}
.small-palm-right:after, .architecture-page .pagebody.small-palm-left:before{content:url("../images/SB-small-palm.svg"); display:block; opacity:.1; position:absolute; height: auto; width: 350px;  bottom: -140px; right: -140px; transform: rotate(-30deg);}
.architecture-page .pagebody.small-palm-left:before{left:auto!important;}

.med-palm-right, .med-palm-left{position: relative; overflow:hidden;}
.med-palm-right:before, .med-palm-left:before{content:url("../images/SB-med-palm.svg"); display:block; opacity:.1; position:absolute; height: auto; width: 500px; bottom: -30px; right: -180px;}
.med-palm-left:before{right:auto; left:-180px;}

/***BTNS***/
.btn{background-color:transparent; border:none; box-shadow: none; transition: all .3s; padding-left:0px; padding-right:0px; transform-origin: center left;}
.btn:hover, .btn:focus, .btn:target, .btn:visited, .btn:focus-within, .btn:active, .btn-close:focus{ background-color:transparent; border:none; box-shadow: none; color:var(--sb-red)}
.btn:hover{transform: scale(1.05);}

.btn-primary{position:relative; display: flex; align-items: center; font-family: 'essonnes-display', serif; font-weight: 700; text-transform:uppercase; letter-spacing: 3px; font-size:16px; color:var(--sb-red); font-style:italic;}
.btn-primary:before{content:''; display:block; width:50px; height:1.5px; background-color:var(--sb-red); margin-right:15px;-webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; transform-origin: center left;}
/*.btn-primary:hover:before{-webkit-transform: translateX(-5px); transform: translateX(-5px);}*/
.btn-primary:after{content:url("../images/sb-arrow.svg"); display:block; width:25px; height:auto; margin-left:15px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; transform-origin: center left;}
.btn-primary:hover:after{-webkit-transform: translateX(5px); transform: translateX(5px);}

.btn-reversed{color:#fff !important;}
.btn-reversed:before{background-color:#fff;}
.btn-reversed:after{content:url("../images/sb-arrow-rev.svg");}

.btn-dark{color:var(--sb-dark-green) !important;}
.btn-dark:before{background-color:var(--sb-dark-green);}
.btn-dark:after{content:url("../images/sb-arrow-dark.svg");}

.btn-secondary{background-color:var(--sb-light-green); padding:12px 20px; font-family: 'essonnes-display', serif; font-weight: 400; text-transform:uppercase; letter-spacing: 2px; font-size:16px; color:#fff !important; border-radius:0px; font-style:italic; position:relative;}
.btn-secondary:hover{background-color:var(--sb-light-green); opacity:1;}
.btn-secondary:after {content:'';display: block; position: absolute; top: 3px; bottom: 3px; left: 3px; right: 3px; border-radius: 0px; border: 1px solid white;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:target, .btn-secondary:visited, .btn-secondary:focus-within, .btn-secondary:active{background-color:var(--sb-light-green);}

.hover-btn{background-color:var(--sb-accent1);padding:5px 20px; position: absolute; top:0; left:0; right:0; text-align: center; height:55px; transition:all .3s; display: flex; align-items: center; justify-content: center;}
.hover-btn.bottom-border-feature:after{background-color:var(--sb-accent1);}
.hover-btn .btn{font-family: 'essonnes-display', serif; font-weight: 400; font-style: italic; letter-spacing:1px; font-size:16px; color:#fff; position: relative; padding-left: 70px; transition:all .3s; text-transform: capitalize;}
.hover-btn .btn:before{content:''; display:block; width:50px; height:1.5px; background-color:#fff; position: absolute; top: 50%; transform: translateY(-50%); left: 0; transition:all .3s;}
.hover-btn .btn span{opacity:1; visibility: visible; width:auto; transition: opacity .3s;}
a.card:hover, a.card-row:hover{opacity:1;}
a.card:hover .hover-btn{height:120px;}
a.card:hover .hover-btn .btn{padding-left: 0px; padding-top: 70px; transform:scale(1);}
a.card:hover .hover-btn .btn:before{left: 50%; top: 35px; transform: translateX(-50%) rotate(90deg);}
a.card:hover .hover-btn .btn:after{content:'Learn More';}
a.card:hover .hover-btn .btn span {opacity:0; visibility: hidden; width:0px; font-size:0px; line-height: 0px;}
a .card-body h4, a .card-body p, a .card-body li, a.card-row h5{text-transform:none;}
a .card-body p, a .card-body li{letter-spacing: 0px;}

.btn-row{margin-top:50px;}
.btn-row .btn-primary{justify-content: center;}
.btn-row .btn, .btn-row.btn {transform-origin: center center;}

.btn-check:active+.btn-dark:focus, .btn-check:checked+.btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show>.btn-dark.dropdown-toggle:focus {box-shadow: none; outline: none;}


.btn-scroll { position: fixed; bottom: 30px; right: 30px; 
    display: flex;
    flex-direction: column;
    justify-content: center; 
    align-content: center;
    font-size: 32px; padding: 4px 12px; color: #fff; 
    opacity: 1; 
    background-color: var(--sb-red); 
    -webkit-box-shadow: rgb(0, 0, 0, 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgba(0, 0, 0, 50%) 0px 0px 5px -1px; 
    z-index: 10000; transition:all .3s; }

.btn-scroll i { font-size: 32px; font-weight: 400; text-align: center; }
.btn-scroll small { display: block; font-size: 9px; text-transform: uppercase; }

.scrolling .btn-scroll { opacity: 0; }

.btn-back { font-size: 12px; }


.siteplan-holder .btn-scroll { display: none; position: absolute; z-index: 10000; }


:focus-visible {outline: none; outline-color: transparent; outline-style: auto; outline-width: 0;}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: none;
    outline: 0;
    box-shadow: none;
}


/***NAV***/
.navbar{padding:0px; background-color:#fff; height:70px; -webkit-box-shadow: rgb(0, 0, 0, 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgba(0, 0, 0, 50%) 0px 0px 5px -1px;}
.navbar-nav{width: 100%; padding-bottom: 75px;}
a.navbar-brand{opacity:1; padding: 20px; /*position:absolute; top: 0; left:25px; margin:0 auto;*/ margin-left:20px; z-index: 1; -webkit-box-shadow: rgb(0, 0, 0, 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgba(0, 0, 0, 50%) 0px 0px 5px -1px;}
.navbar-brand img {max-width:150px; margin-bottom:7px;}
.navbar-brand svg { width: 100%; max-width:150px; margin-bottom:7px; fill: #ffffff; }

.navbar-brand h3{font-size:10px; color:var(--sb-dark-green); font-weight:500; margin-bottom:0px;}

.nav-item { position: relative; }

nav li{width:100%;}
.nav-link, nav li a{font-family: 'essonnes-display', serif; font-weight: 400; font-style: italic; color:var(--sb-dark-green); font-size:20px; letter-spacing:1.5px; transition: color .4s; padding-left:20px; padding-right:20px; height: 65px; display: flex; align-items: center; position:relative; text-transform:none; justify-content: center;}



.nav-link:hover, nav li a:hover, .nav-link:focus, .nav-link.show{color:var(--sb-red); opacity:1; outline: none; }

.scrolled-down{transform:translateY(-150%); transition: all 0.3s ease-in-out;}
.scrolled-up{transform:translateY(0); transition: all 0.3s ease-in-out;}

.open-overlay{z-index: 10001; /*width: 35px;*/ position: absolute; top: 20px; right: 5px; display:flex; transition:all .5s;}
.nav-open .open-overlay{right:-10px;}
.open-overlay .bars{width:40px}
.open-overlay p{margin-top: 5px; font-family: 'roboto', sans-serif; font-size: 10px; letter-spacing: 1px; font-weight: 600; color: var(--sb-dark-green); margin-bottom: 5px; line-height: 1; z-index: 10001; transition:all .5s; transform: rotate(270deg); opacity:1;}
.nav-open .open-overlay .bar-middle{transition:all .5s;}
.nav-open .open-overlay p, .nav-open .open-overlay .bar-middle{opacity:0;}
div.open-overlay span { display: block; height: 3px; background-color: var(--sb-dark-green); cursor: pointer; margin-top: 10px;}
div.open-overlay span:first-child{margin-top:0px;}

.overlay-navigation{position: fixed; z-index: 1050; top: 0; left: 0; width: 100%; height: 100%; background-image:url("../images/paper.png");background-size:350px 415px; background-repeat:repeat; background-color:#fff; transform: translateX(-150%);display: flex; align-items: center;}
.overlay-navigation.med-palm-right:before{right: -240px;}
.overlay-navigation.small-palm-left:before{width: 400px; bottom: -30px; left: -140px;}
.overlay-slide-in {transition: all .4s ease-in-out;transform: translateX(0); }
.overlay-slide-out {transition: all .8s ease-in-out;transform: translateX(-150%)}

.animate-top-bar {animation: animate-top-bar .5s linear 1 both;}
.animate-bottom-bar {animation: animate-bottom-bar .5s linear 1 both;}
.animate-out-top-bar { animation: animate-out-top-bar .5s linear 1 both}
.animate-out-bottom-bar { animation: animate-out-bottom-bar .5s linear 1 both}

@keyframes animate-top-bar {
  0% { -webkit-transform: rotate(0) translate(0px, 0px); transform: rotate(0) translate(0px, 0px);}
  100% { -webkit-transform: rotate(45deg) translate(2px, 2px); transform: rotate(45deg) translate(13px, 13px);}
}

@keyframes animate-bottom-bar {
  0% { -webkit-transform: rotate(0) translate(0px, 0px); transform: rotate(0) translate(0px, 0px);}
  100% { -webkit-transform: rotate(-45deg) translate(5px, -5px); transform: rotate(-45deg) translate(5px, -5px);}
}

@keyframes animate-out-top-bar {
  0% { -webkit-transform: rotate(45deg) translate(2px, 2px); transform: rotate(45deg) translate(13px, 13px);}
  100% { -webkit-transform: rotate(0) translate(0px, 0px); transform: rotate(0) translate(0px, 0px);}
}

@keyframes animate-out-bottom-bar {
  0% {-webkit-transform: rotate(-45deg) translate(5px, -5px); transform: rotate(-45deg) translate(5px, -5px);}
  100% { -webkit-transform: rotate(0) translate(0px, 0px); transform: rotate(0) translate(0px, 0px);}
}

/***DROPDOWN***/
.dropdown-menu{border-radius: 0px; border: none; padding: 0px; -webkit-box-shadow: rgb(0, 0, 0, 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgba(0, 0, 0, 50%) 0px 0px 5px -1px; /*display:block!important;*/ opacity:0; height:0px; visibility: hidden; z-index: -1; transition: all .3s;}

.dropdown-menu:before{content:''; background-color:var(--sb-red); height:3px; width:100%; display:block;}
.dropdown-menu[data-bs-popper]{margin-top: 0;}
.dropdown-menu.show{opacity:1; height:auto; visibility: visible; z-index: 2;}
.dropdown-menu .d-flex{padding:20px; align-items: center;}
.dropdown-menu ul{padding-inline-start:0px !important; width:100%;}
.dropdown-menu .nav-item, .dropdown-menu li{padding:0px 10px;}
.dropdown-menu .nav-link, .dropdown-menu li a{font-size:14px; letter-spacing:2px; color:var(--sb-light-green); text-transform:uppercase; font-weight:500; font-family: 'roboto', sans-serif; font-style:normal; height: auto; padding:10px; padding-right:0px !important; padding-left:0px !important; border-bottom: 2px solid rgba(151, 177, 170, .2); line-height:18px;}
.dropdown-menu .nav-item:last-child .nav-link, .dropdown-menu li:last-child a{border-bottom:none;}
.dropdown-img, .dropdown-img img{display:none;}

.dropdown-toggle:after{content:none;}

/***EMAIL SIGNUP***/
.email-signup{background:var(--sb-red); position: absolute; right:0; left:0; bottom:0; height:75px; width:100%; display:flex; align-items:center; justify-content: center; padding-inline-start:10px !important; padding-left:10px; padding-right: 10px; transition: background .3s; margin-bottom:0px;}
.email-signup:hover{background:var(--sb-dark-green);}
.email-signup li{display:block; position:relative;}
.email-signup li:before{content:''; position:absolute; display:block; background-color: var(--sb-accent1); z-index: 10000; top: -35px; transform: translateX(-50%); left: 50%; height: 50px; width: 1px;}
.email-signup li a{color:#fff; font-size:20px; justify-content: center;}
.email-signup li a:hover{color:var(--sb-accent1);}

.signup-container{position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; -webkit-box-shadow: rgb(0, 0, 0, 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgba(0, 0, 0, 50%) 0px 0px 5px -1px; -webkit-transform: translateX(150%); transform: translateX(150%); transition: box-shadow 0.7s ease,-webkit-transform 0.7s cubic-bezier(0.75, 0, 0.4, 1) 0s; transition: transform 0.7s cubic-bezier(0.75, 0, 0.4, 1) 0s,box-shadow 0.7s ease; transition: transform 0.7s cubic-bezier(0.75, 0, 0.4, 1) 0s,box-shadow 0.7s ease, -webkit-transform 0.7s cubic-bezier(0.75, 0, 0.4, 1) 0s;height: 100%; display: flex; align-items: center;}
.signup-container.open {-webkit-transform: translateX(0); transform: translateX(0);}
.signup-container h3, .signup-container h4{margin-bottom:10px;} 

.signup-container h4 { color: #fff; }

.signup-container h3{line-height: 21px;}
.signup-container h3, .signup-container p a{color:var(--sb-dark-green); font-weight:500;}
.signup-container p, .signup-container a, .signup-container .right-side h3{color:var(--sb-dark-green);}
.signup-container p{text-transform:uppercase; font-weight:700; letter-spacing: 1.5px; margin-bottom:10px; line-height: 18px;}
.signup-container .d-flex{margin-top:20px;}
.signup-container i{font-size:22px;}
.signup-container .d-flex a:first-child{margin-right:15px;}
.signup-container .d-flex a:last-child{margin-left:15px;}
.signup-container .input-group{margin-top:10px;}
.signup-container .btn-row{margin-top:15px; z-index: 10000;}
.signup-container.small-palm-right:after{width: 325px; bottom: -160px; right: -130px;}
.close-signup, .btn-close {position: absolute; top:30px; right:30px; transform:scale(1); transition:transform .3s; z-index: 100;}
.close-signup:hover, .btn-close:hover {transform:scale(1.25);}
.close-signup i, .btn-close i {font-size:32px;}

.signup-container .light-green-bg label { color: #fff; }

.signup-container .btn{z-index: 10000;}

.signup-container label { color: #fff; }


/***SWIPER***/
.swiper {width: 100%; height: 100%;}
.mainSwiper{height:calc(100vh - 75px);}
.swiper-slide {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-slide img, .swiper-slide video {display: block; width: 100%; height: 100%; object-fit: cover;}

.swiper-caption{position: absolute; bottom: 0px; text-align: center; padding:30px; max-width: 90%;}
.swiper-caption:before, .breadcrumb:before{content:url("../images/sayebrook-pillar.svg"); display: block; width:90px; height:auto; position:absolute; left:50%; transform:translateX(-50%); top: -36px; z-index: 1;}
.swiper-caption:after, .breadcrumb:after{content: ''; display: block; position: absolute; left: 50%; transform: translate(-50%); border-width: 0 1px 1px 1px; border-radius: 100%; transition: all .3s; background-image:url("../images/paper.png");background-size:350px 415px; background-repeat:repeat; background-color:#fff; top: -44px; height: 90px; width: 108px;}
.swiper-caption h1, .swiper-caption h3{position: relative; z-index: 1;}
.swiper-caption h3{margin-bottom:0px;}
.caption-separator{height:2px; background-color:var(--sb-light-green); opacity: .3; position: absolute; bottom: 0; left: 50px; right: 50px;}

.mainSwiper .position-absolute{display:none;bottom: 0px; right: 0px; z-index: 1; transition: transform .5s ease-in-out;}
.mainSwiper .position-absolute:hover{opacity: 1; transform:scale(1.15)}
.mainSwiper .position-absolute i{font-size: 28px; color: #fff; background-color: var(--sb-red); padding: 5px 12px; -webkit-box-shadow: rgb(0, 0, 0, 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgba(0, 0, 0, 50%) 0px 0px 5px -1px;}

.swiper-button-next, .swiper-button-prev, .homesSwiper-button-next, .homesSwiper-button-prev, .cardSwiper-button-prev, .cardSwiper-button-next {width: 40px !important; opacity:.6; }
.swiper-button-next:hover, .swiper-button-prev:hover, .homesSwiper-button-next, .homesSwiper-button-prev, .cardSwiper-button-prev, .cardSwiper-button-next {opacity:1;}
.homesSwiper-button-next, .homesSwiper-button-prev, .cardSwiper-button-prev, .cardSwiper-button-next{position: relative; z-index: 2;}
.swiper-button-prev:after, .swiper-button-next:after, .homesSwiper-button-next:after, .homesSwiper-button-prev:after, .cardSwiper-button-prev:after, .cardSwiper-button-next:after {content: url("../images/sb-arrow-rev.svg") !important; display: block; width: 40px;}
.swiper-button-prev:after {content: url("../images/sb-arrow-rev-prev.svg") !important;}

.swiper-notification{position: absolute; top:0; width:100%; background-color:rgba(206, 198, 161, .9); z-index: 1000; left:0; right:0;}
.swiper-notification h6{padding:10px 15px; color:#fff; text-align: center;}

.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: rgba( var(--sb-medium-green-rgb),1 ) !important;
}

.lowerlevel .mainSwiper{height:calc(100vh - 225px)}
.lowerlevel .mainSwiper .swiper-caption{background-image:none; background-color:transparent; text-align:center; padding:0px; left: 50%; transform: translateX(-50%); top: 0; top: 35px; width: 90%;}
.lowerlevel .mainSwiper .swiper-caption:before, .lowerlevel .mainSwiper .swiper-caption:after{content:none;}
.lowerlevel .mainSwiper .swiper-caption h4 {font-size: 21px; margin-bottom:0px;}
.lowerlevel .mainSwiper .swiper-caption p {font-size:14px;text-transform:uppercase; letter-spacing: 1px; margin-bottom:0px;}
.lowerlevel .mainSwiper .swiper-caption .caption-separator{display:none;}

.swiper-slide .caption { position: absolute; bottom: 10px; right: 10px; color: #cccccc; font-size: 10px; }


/***PAGE TITLE***/
.page-title{height: 300px; background-size: cover; background-repeat: no-repeat; position: relative; background-position: center;}
.page-title-container{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80%;}
.breadcrumb{padding: 20px; padding-top: 35px; margin-bottom: 0px; position:relative; justify-content: center;}
.breadcrumb-item{position: relative; z-index: 1; line-height: 1; }
.breadcrumb-item a { font-size: 12px; }

.page-title video { width: 100% !important; height: 100%; object-fit: cover; }
.page-title img { width: 100% !important; height: 100%; object-fit: cover; }

.breadcrumb-item+.breadcrumb-item::before { float: left; padding-right: 0.5rem; color: var(--sb-medium-green); content: var(--bs-breadcrumb-divider, "/"); }

.breadcrumb-item { display: none; }
.breadcrumb-item:nth-last-of-type(-n+2) { display: inline-block; }

.breadcrumb-item:nth-last-child(2) { padding-left: 0; }
/*.breadcrumb-item:nth-last-child(2)::before { content: '.. /'; }*/


.page-title-plain-section .page-title{height:auto;}
.page-title-plain-section .page-title-container{position: static; transform:none;}
.page-title-plain-section + section{padding-top:0px;}

.page-title-plain-section.small-palm-right:after{bottom: 5px; right: -140px; transform: rotate(225deg);}

.page-title-breadcrumb .breadcrumb{padding:0px; justify-content: flex-start}
.page-title-breadcrumb .breadcrumb:before, .page-title-breadcrumb .breadcrumb:after{content:none;}

.lowerlevel .mainSwiper + script + .page-title-plain-section{padding-top: 0px; margin-top: -69px; overflow:visible; padding-bottom: 40px;}
.lowerlevel .mainSwiper + script + .page-title-plain-section:after{content:none;}
.lowerlevel .mainSwiper + script + .page-title-plain-section .breadcrumb{background-image: url(../images/paper.png); background-size: 350px 415px; background-repeat: repeat; background-color: #fff; z-index: 1;}
.lowerlevel .mainSwiper + script + .page-title-plain-section .breadcrumb:after {content: ''; display: block; position: absolute; left: 50%; transform: translate(-50%); border-width: 0 1px 1px 1px; border-radius: 100%; transition: all .3s; background-image: url(../images/paper.png); background-size: 350px 415px; background-repeat: repeat; background-color: #fff; top: -44px; height: 90px; width: 108px;}
.lowerlevel .mainSwiper + script + .page-title-plain-section h2{padding-top:50px;}
.lowerlevel .mainSwiper + script + .page-title-plain-section h3{margin-bottom:0px;}

/***CARDS***/
.card{background-color:transparent; border:none; /*margin-bottom:30px;*/ height:100%; border-radius:0px;}
.card-img, .card-img-top{border-radius: 0px !important;}
.card .card-img-top{height:225px; width:100%; object-fit: cover;}
.card-body{background-color:#fff; padding:25px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.card-body p{font-size: 13px;}
.card .card-body h3, .card .card-body p{margin-bottom:0px; line-height:24px;}
.card .card-body h3{color: var(--sb-light-green);}

.card-row{background-color:#fff; -webkit-box-shadow: rgb(0, 0, 0, 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgba(0, 0, 0, 50%) 0px 0px 5px -1px; height:100%; position:relative; overflow: hidden; z-index: 1; display: block;}
.card-row .card-img-top{width: 100%; height: 200px;object-fit: cover; transition:transform .5s ease-in-out; margin-top: 50px;}

/*
.card-row:hover { cursor: pointer; }

.card-row:hover .card-img-top{transform:scale(1.1);}
*/

.card-row .card-body{display:flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; position: relative;}
.card-row ul{padding-inline-start:0px !important; margin-bottom:0px;}
.card-row .col-title{background-color:var(--sb-medium-green);}
.card-row .left-border-feature:after{background-color:var(--sb-medium-green);}
.forest-card .col-title{background-color:var(--sb-medium-green) !important;}
.park-card .col-title{background-color:var(--sb-light-blue) !important;}
.center-card .col-title{background-color:var(--sb-navy) !important;}
.card-row .col-title h5.side-bar {width: 205px; padding-left: 70px;}
.card-row .col-title .side-bar:before{left: 0; right:auto; margin-top: 1px;}
.forest-card .left-border-feature:after{background-color:var(--sb-medium-green);}
.park-card .left-border-feature:after{background-color:var(--sb-light-blue);}
.center-card .left-border-feature:after{background-color:var(--sb-navy);}

/*.lowerlevel .card-row .card-body h4{margin-bottom:0px;}
.card-row-section .card-body p{margin-bottom:0px;}*/
.card-row-section .col-title h5.side-bar {width: 190px;}
.card-row-section ul li{line-height: 21px; margin-bottom:7px;}
.card-row-section ul li:last-child{margin-bottom:0px;}
.card-row-section ul li a{text-transform:none; color:var(--sb-dark-green); letter-spacing: normal;}

.child-thumbs .card{overflow: hidden}
.child-thumbs .card video{height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

/***TABS***/
.tab-row{display: flex; padding: 30px; align-items: center; position: relative; z-index: 1; flex-direction: column-reverse;}
.tab-row .tab-body{padding: 0px;}
.tab-row .card-img{height: 175px; object-fit: cover; -webkit-box-shadow: rgb(0, 0, 0, 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgba(0, 0, 0, 50%) 0px 0px 5px -1px; margin-bottom:20px;}

.swiper_tab{height: 175px; position: relative; -webkit-box-shadow: rgb(0, 0, 0, 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgba(0, 0, 0, 50%) 0px 0px 5px -1px; margin-bottom:20px;}
.swiper_tab .card-img {max-width:none !important; height:100% !important; width:100%; flex:auto !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom:0px;}

/***ROLLOVER CARD***/
.rollover-card{position:relative; opacity:1; display:block;}
.rollover-card:hover{opacity:1;}
.rollover-card .card-body{position:absolute; background: rgba(53, 75, 70, .4); top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index: 1; display: flex; align-items: center; justify-content: center; padding: 25px; transition:background .5s ease-in-out; overflow:hidden;}
.rollover-card:hover .card-body{/*background:var(--sb-light-blue);*/ background:var(--sb-light-blue)}
.rollover-card .card-body img{opacity:0; width:0px; height:0px; visibility: hidden; -webkit-transform: translateY(-200%); transform: translateY(-200%); transition:opacity .2s ease-in-out .2s, transform .4s ease-in-out; /*transition:all .3s;*/ }
.rollover-card:hover .card-body img{opacity:1; width:65px; height:auto; visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); margin-bottom:10px;}
.rollover-card h2{transform:scale(1);transition:all .4s; margin-bottom:15px;}
.rollover-card:hover h2{transform:scale(1.1);}
.rollover-card .card-body p{letter-spacing: 0px; color:#fff; height:0px; /*max-height:0px;*/ opacity:0; visibility: hidden; -webkit-transform: translateY(200%); transform: translateY(200%); transition: all .3s; margin-bottom:0px;}
.rollover-card:hover .card-body p{height:auto; /*max-height:115px;*/ opacity:1; visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%);}
.rollover-card>*{text-transform:none;}

/***COLLAPSE BUTTONS/LIST GROUP***/
/*.collapse-row{margin-top:45px;}*/
.list-group, .nav-tabs{flex-direction: row; justify-content:space-between; /*margin-top:25px;*/ flex-wrap:wrap;}
.nav-tabs .nav-item{width:25%; flex: 0 0 auto}
.list-group-item, .nav-tabs .nav-link{font-size:14px; letter-spacing:1.5px; color:var(--sb-dark-green); text-transform:uppercase; font-weight:700; position: relative; display: flex; align-items: center; justify-content:center; transition: all .3s; /*max-width: 250px;*/ text-align: center; background-color: transparent; border: none; border-radius: 0px !important; padding: 20px; line-height: 21px; font-family: 'roboto', sans-serif; font-style:normal; height:auto; z-index: 1;}
.list-group-item:visited, .nav-tabs .nav-link:visited{color:var(--sb-dark-green);}

.lifestyle-tabs .nav-link i{font-size: 32px; line-height: 32px; color:var(--sb-red)}
.lifestyle-tabs .nav-link i:before, .lifestyle-tabs .nav-link.park-icon i:before{content: "\f1bb"; }
.lifestyle-tabs .nav-link.shop-icon i:before{content: "\f290";}
.lifestyle-tabs .nav-link.amenity-icon i:before{content: "\f5c5";}
.lifestyle-tabs .nav-link.school-icon i:before{content: "\f549";}
.lifestyle-tabs .nav-link.health-icon i:before{content: "\f21e";}
.lifestyle-tabs .nav-link.beach-icon i:before{content: "\f5ca";}
.lifestyle-tabs .nav-link.golf-icon i:before{content: "\f451";}

.list-group-item.active, .nav-tabs .nav-link.active{background-image:url("../images/paper-green.png"); background-size:350px 415px; background-repeat:repeat; color:#fff;}
.nav-tabs .nav-link.active i{color:#fff;}
.nav-tabs .nav-item:nth-child(n+5) .nav-link.active:after{content:''; height:2px; /*width:100%;*/ position:absolute; bottom: 0; left:15px; right:15px; background-color:rgba(250, 250 ,250, .75);}

.tab-content h4{margin-bottom:15px;}

/***FORMS***/
.input-group, textarea.form-control{/*align-items:center; border-bottom: 2px solid rgba(255, 255, 255, .4); margin-bottom: 15px; */}

/*label,*/ 
/*::placeholder{text-transform:uppercase; letter-spacing: 1.5px; font-size:14px; color:#fff !important; font-weight:700; min-height:40px; display: flex; align-items: center; padding-right: 10px; padding-left:0px !important;}*/
label { font-size: 14px; }

/*** center placeholder text vertically in safari ***/
/*input::-webkit-input-placeholder {line-height:normal!important;}*/

.form-control{border-radius: 0px; box-shadow: none; border: none; background: transparent; min-height:40px; color:var(--sb-dark-green); font-size: 14px; font-family: 'roboto', sans-serif;}
.input-group>.form-control:focus, .input-group>.form-select:focus {background-color: transparent; box-shadow: 0 0 0 1px var(--sb-accent1);}

.form-check .form-check-input{border-radius: 0px; box-shadow: none; border: none;}
.form-check label{margin-left: 4px;}
.form-check-input:checked{background-color:var(--sb-dark-green);}

p.required-asterisk{position: relative; font-size: 12px; padding-left: 20px; margin-bottom:0px; display: flex; justify-content: flex-end;}
p.required-asterisk:before{content: "\f069"; /*position: absolute; top: 0; left: -0px;*/ display: block; font-family: 'Font Awesome\ 5 Pro'; font-size: 10px; color: #fff; text-align: center; margin-right: 4px;}
p.required-asterisk.left{position: relative; padding-left: 0; margin-bottom:0px; display: flex; justify-content: flex-start;}


.form-reversed .input-group{border-bottom:none;}
.form-reversed .form-control{border-bottom:none; background-color:rgba(255, 255, 255, .25); color: var(--sb-beige);}

.formResults { background-color: #fff; padding: 30px; color: var(--default-text-color); }
.formResults p { font-weight: 400; letter-spacing: 0; text-transform: none; margin-bottom: 0; color: var(--default-text-color); }

.form-floating { border-bottom: 1px solid rgba(255, 255, 255, .5); margin-bottom: 15px; }
        
.form-floating .form-control { background-color: transparent; padding-left: 0; padding-right: 0;  }
        
.form-floating>label { padding: 1rem 0; transform: scale(1); border: none; }
        
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #fff !important;}


/***LOGIN***/
.login-box { margin-bottom: 50px; }

.login_form_wrapper .form-control { width: 100%; }


.login_form_wrapper { background:#fff; margin:0 auto; width:auto; max-width: 350px; font-size:16px; padding: 0; -webkit-box-shadow: rgb(0, 0, 0, 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgba(0, 0, 0, 50%) 0px 0px 5px -1px; position: relative; z-index: 1; }
.login_form_wrapper form{ display:none; background:#fff; }
.login_form_wrapper form > div { padding: 20px; }
          
.login_form_wrapper form.active { display:block; }
.login_form_wrapper form.login { width:350px; }
.login_form_wrapper form.register { width:auto; }
.login_form_wrapper form.forgot_password { width:350px; }
         
.login_form_wrapper a.linkform { font-size: 11px; }
.login_form_wrapper a.forgot { float:none; font-size: 11px; line-height:24px; }
.login_form_wrapper a.forgot:hover{ color:#000; }
.login_form_wrapper div.remember { float:none; width:140px; margin:20px 0px 20px 30px; font-size:11px; }
           
.login_form_wrapper label { display: block; }
         
.login_form_wrapper .form-control { width: 100%; border-bottom: 2px solid var(--sb-red); padding-left: 0; padding-right: 0; color: var(--default-text-color) !important;  }


.login_form_wrapper  ::placeholder{ text-transform:uppercase; letter-spacing: 1.5px; font-size:14px; font-weight:700; min-height:40px; display: flex; align-items: center; padding-right: 10px; padding-left:0px !important; color: var(--sb-red) !important; }

::-webkit-input-placeholder {
  padding-top: 10px;
}





            
.login_form_wrapper .form-group { margin-bottom: 15px; }
            
.login_form_wrapper input:-webkit-autofill,
.login_form_wrapper input:-webkit-autofill:hover, 
.login_form_wrapper input:-webkit-autofill:focus, 
.login_form_wrapper input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.login_form_wrapper input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color:  var(--default-text-color) !important;
}


 .login_form_wrapper .btn-primary::before { display: none; }

/***TABLE***/
td{padding-top:12px; padding-bottom:12px; border-bottom:2px solid var(--sb-light-color-1); }
tr:first-child td{padding-top:0px;}
tr:last-child td{padding-bottom:0px; border-bottom:none; }
td:first-child{width:50%; color:var(--sb-dark-green);}
td:last-child{width:50%; text-align: right;}

/***ABOUT***/
.about-section h2{margin-bottom:20px;}
.about-section i{font-size:36px; margin-top:20px; color:var(--sb-dark-green);}
.about-section .btn-row{margin-top:20px;}


/***PHOTO AS BACKGROUND***/
.photo-bg-section [class*=col-], .map-section [class*=col-]{position:relative;}
.photo-bg, .child-carousel-section .swiper{height: 275px; overflow: hidden;}
.photo-bg img, .map-holder img{height:100%; width:100%; object-fit: cover;}

.photo-bg + .row [class*=col-], .map-holder + .row [class*=col-]{display: flex; align-items: center;}

.white-box h2 {margin-bottom:20px;}

.lowerlevel .map-section{padding-top:65px; padding-bottom:65px;}
.lowerlevel .photo-bg-section .photo-row {margin-bottom:50px; position: relative; z-index: 1;}
.lowerlevel .photo-bg-section .photo-row:nth-child(even) .row{justify-content: flex-end;}
.lowerlevel .photo-bg-section .photo-row:last-child {margin-bottom:0px;}
.lowerlevel .pagebody + .photo-bg-section, .pagebody + .card-row-section, .lowerlevel .child-carousel-section{padding-top:0px !important;}

.architecture-page .photo-bg + .row{display:none;}

.child-carousel-section .photo-row{margin-bottom:30px;}
.child-carousel-section .photo-row:last-child{margin-bottom:0px;}


/***LIFESTYLE***/
.lifestyle-section .tab-body { padding-left: 0; }

/***GOLF CAR TEASER***/
.golf-friendly-bug { position: relative; transform: scale(.8) rotate(-15deg); opacity: .7; }
.teaser { padding-top: 40px; padding-bottom: 40px; }
.map-section + .teaser{padding-top:0px; margin-top: -40px;}
.teaser .right { padding: 0 40px 0px 40px; }

/***DISTRICTS***/
.district-section, .photo-tiles{position:relative;}
.district-section .container-fluid, .photo-tiles .container-fluid{padding-left: 0px; padding-right: 0px;}
.col-title{display:flex; align-items: center; justify-content: center; position:absolute; top:0; z-index: 2; width:100%; height:50px;}
.full-img img{height:375px; width:100%; object-fit: cover; overflow: hidden;}
h5.side-bar{width:170px; margin-bottom:0px;}

.district-section .row.g-0 [class*=col-]:first-child .rollover-card, .photo-tiles .row.g-0 [class*=col-]:first-child .rollover-card{margin-top:50px;}
.district-section .row.g-0 [class*=col-]:first-child .rollover-card:hover .card-body, .photo-tiles .row.g-0 [class*=col-]:first-child .rollover-card:hover .card-body{background:var(--sb-navy);}
.district-section .row.g-0 [class*=col-]:nth-child(2) .rollover-card:hover .card-body, .photo-tiles .row.g-0 [class*=col-]:nth-child(2) .rollover-card:hover .card-body{background:var(--sb-medium-green);}

.col-title-top{width: 100%; top: 0px; left: 0px; right: 0px; height: 60px; position:relative}
.col-title-top h5.side-bar{width:auto; margin-left: 65px;}
.col-title-top h5.side-bar:before{right:auto; left:-65px; margin-top: 1px;}

/***HOMES***/
.homes-section{position:relative}
.homes-section .left-side{display:flex; flex-direction: column; justify-content: center; margin-bottom:30px;}
.homes-section .left-side p{margin-bottom:30px;}
.homes-section .left-side .d-flex div:first-child{margin-right:15px;}
.homes-section .left-side .d-flex div:last-child{margin-left:15px;}

.homesSwiper{position:relative;}
.homesSwiper .swiper-slide {width: 75%; max-width:760px;}
.homesSwiper-button-next:after, .cardSwiper-button-next:after{content: url("../images/sb-arrow.svg") !important;} 
.homesSwiper-button-prev:after, .cardSwiper-button-prev:after{content: url("../images/sb-arrow-prev.svg") !important;}

.homes-section .card-row .card-body{position:relative;}
.homes-section .card-row .card-body:before{content:''; background-image:url("../images/SB-house.jpg"); background-size:contain; display:block; position:absolute; bottom:0px; right:0px; width:175px; height:178px; opacity:.25; background-repeat:no-repeat}
.homes-section .card-row .card-body h4, .homes-section .card-row .card-body p, .homes-section .card-row .card-body ul{position: relative; z-index: 1;}
.homes-section .card-row.lowcountry-classical .card-body:before{background-image: url("https://s3.amazonaws.com/sayebrook/uploads/thumb_LC_Classical_06.jpg"); bottom: -50px;}
.homes-section .card-row.lowcountry-colonial .card-body:before {background-image: url(https://s3.amazonaws.com/sayebrook/uploads/thumb_LC_Colonial_06.jpg); bottom: -55px;}
.homes-section .card-row.coastal-vernacular .card-body:before {background-image: url(https://s3.amazonaws.com/sayebrook/uploads/thumb_Coastal_Vern_06.jpg); bottom: -65px;}
.homes-section .card-row.coastal-arts-and-crafts .card-body:before {background-image: url(https://s3.amazonaws.com/sayebrook/uploads/thumb_Arts_Crafts_06.jpg); bottom: -65px;}


/***NEWS AND EVENTS***/
.cardSwiper{overflow: hidden; height:auto; }
.cardSwiper .card{height:auto;}

.news-section .swiper-pagination{position: relative;}
.news-section .swiper-pagination-bullet{width: 50px;height: 3px;margin-bottom: 30px; background:var(--sb-accent1); border-radius:0px; opacity:1;}
.news-section .swiper-pagination-bullet-active{background:var(--sb-red);}
.news-section .btn-row{margin-top:80px;}

.cardSwiper-button-prev, .cardSwiper-button-next{position:absolute; z-index:1; left: calc(50% - 35px); transform: translateX(-50%); margin-top: 30px;}
.cardSwiper-button-next{left: calc(50% + 35px);}

.no-events{column-count: auto !important; text-align: center; font-size: 18px; letter-spacing: .5px;}

/***CONTACT***/
.contact-form{position: relative;}
.contact-form.green-paper-bg h3{color:var(--sb-dark-green);}
.contact-form .right-side{height: 350px;}
.contact-form .right-side img{width: 100%; height: 100%; object-fit: cover;}
.contact-form .btn-row{margin-top:30px;}

.photo-tiles + .contact-form{/*border-top:3px solid var(--sb-dark-green); padding-top:4px;*/ margin-top:4px;}

/***FORM***/
label { margin-bottom: 6px; }
label.error {position: absolute; width: auto; height: auto; background-color: var(--sb-error); color: #fff; bottom: -24px; top: auto; padding: 4px 8px; font-size: 10px; border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important;}
/*label.error::before {content: ''; position: absolute; width: 100%; height: 100%; border: red solid 1px; font-size: 10px; text-align: right; margin-right: 60px; color: red;}*/

.form-select:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}



/***CHILDREN AS THUMBNAILS***/
.pagebody + .child-thumbs{margin-top:-30px; padding-top:0px !important;}
.child-thumbs.double-palm-left:before{left: auto; right: -180px; transform: scaleX(-1);}
.child-thumbs .hover-btn .btn{font-size:18px;}
.child-thumbs .card .card-img-top{margin-top: 50px;}
.child-thumbs .hover-btn{background-color:var(--sb-light-green);}
.child-thumbs .hover-btn.bottom-border-feature:after{background-color:var(--sb-light-green);}

/***MAP***/
.map-row { position: relative; min-height: 400px; height: 400px; }
.map-holder { height: 400px; overflow: hidden; }
.map_canvas { height: 100%; width: 100%; }
.mapPopup, .mapPopup h5 { color: var(--sb-red); text-align: center;}
.mapPopup h5 { font-size: 18px; margin: 0 0 5px 0; padding: 0;  text-align: center;}
.mapPopup h6 { font-size: 12px; color: #354b46; font-weight: 300;  text-align: center;}

.mapPopup img { max-height: 100px; padding: 10px; filter: grayscale(1); object-fit: contain !important;}

.gm-style .gm-style-iw-c {position: absolute; box-sizing: border-box; overflow: hidden; top: 0; left: 0; transform: translate3d(-50%,-100%,0); background-color: white; border-radius: 0; padding: 12px; box-shadow: 0 2px 7px 1px rgb(0 0 0 / 30%); }

.gm-style iframe + div { border:none!important; }

.lowerlevel .child-thumbs + .map-section{background-color:var(--sb-dark-green);}

.map-key { position: relative; left: auto; /*transform: translateY(-50%);*/ }

.map-key.white-box{background-color:var(--sb-dark-green); padding:25px; width:100%;}
.map-key h4{color:var(--sb-accent1);}

.map-key .list-group-item::before { display: none; }
.map-key .list-group-item {width: 100%; padding-right: 0px; color: #ffffff; }
.map-key .list-group-item i{ font-size:28px;}

.map-key .list-group-item {padding: 6px 12px; height: auto; font-size: 13px;}
.map-key .list-group-item i { width: 40px; margin-right: 10px; }


/***PAGEBODY***/

.pagebody h2, .pagebody h3 { text-align: center; }
.pagebody .btn-row, .pagebody-aside .btn-row{margin-top:30px;}

.pagebody-small-img [class*=col-] .row{align-items:center; margin-bottom:50px; padding-bottom:30px; border-bottom: 0px solid rgba(255, 255, 255, .4);}
.pagebody-small-img [class*=col-] .row:last-child{margin-bottom:0px; padding-bottom:0px; border-bottom:none;}
.pagebody-small-img [class*=col-] .row p{margin-bottom:30px;}
.pagebody-small-img [class*=col-] .row:nth-child(even){flex-direction: row-reverse;}
.pagebody-small-img img{width:100%; height: 300px; object-fit: cover;}
.pagebody-small-img .swiper-slide { width:100%; height: auto; object-fit: cover;} 
.pagebody-small-img.whiteboxes img{width:100%; height: 350px; object-fit: cover; border: 20px solid #fff;}

.pagebody-small-img.whiteboxes img
{position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.pagebody-small-img.whiteboxes img:before, .pagebody-small-img.whiteboxes img:after{ content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:50%; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px;}

.pagebody-aside .left-side{margin-bottom:30px;}
.pagebody-aside .white-box.green-paper-bg a{opacity:1;}
.pagebody-aside .white-box.green-paper-bg img{width:100%; max-width:180px;}
.pagebody-aside .white-box.green-paper-bg h3{font-size: 18px; margin-top:20px; margin-bottom:5px; color:var(--sb-dark-green);}
.pagebody-aside .white-box.green-paper-bg p{line-height: 24px; color:var(--sb-dark-green); margin-bottom:0px;}
.pagebody-aside [class*=col-] .row{align-items: center;}

.call-out{padding:30px; margin-top:30px; text-align: center; font-size: 18px; line-height: 32px;}
.green-paper-bg a{color:#fff;}
.call-out a{font-size: 18px; letter-spacing: 0px;}

/***IMAGE GALLERY***/
.image-gallery [class*=col-] .row{margin-bottom:30px; position:relative;}
.image-gallery [class*=col-] .row:last-child{margin-bottom:0px;}
.image-gallery [class*=col-] .row:nth-child(even){flex-direction:row-reverse;}
.image-gallery [class*=col-] .row a{width:50%; flex: 0 0 50%;  display:block; height:400px; }
.image-gallery [class*=col-] .row a:nth-child(n+2){width:25%; flex: 0 0 25%; }
.image-gallery [class*=col-] .row a img{height:100%; width:100%; object-fit: cover; transition: transform .5s ease-in-out;}
.image-gallery [class*=col-] .row a div{-webkit-box-shadow: rgb(0, 0, 0, 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgba(0, 0, 0, 50%) 0px 0px 5px -1px; overflow: hidden; height:100%;}
.image-gallery [class*=col-] .row a:hover img{transform: scale(1.1);}
.image-gallery .col-title{height: 100%; position: absolute; background-color: var(--sb-dark-green); left: 12px;}
.image-gallery .col-title h5.side-bar {width: 190px;}
.image-gallery .col-title.right-border-feature:after{background-color: var(--sb-dark-green);}

.image-gallery [class*=col-] .row:nth-child(even) .col-title{left:auto; right:12px;}
.image-gallery [class*=col-] .row:nth-child(even) .col-title .rotate-270{transform:rotate(90deg)}
.image-gallery [class*=col-] .row:nth-child(even) .col-title.right-border-feature:after{left: -7px; right:auto;}
.image-gallery [class*=col-] .row:nth-child(even) .col-title .side-bar:before {left: 0; right: auto; margin-top: 1px;}
.image-gallery [class*=col-] .row:nth-child(even) .col-title h5.side-bar {padding-left: 70px; width: 200px;}

/***LOWERLEVEL***/
.amenities .photo-bg-section .white-box p{margin-bottom:0px;}

.child-pages h2{margin-bottom:50px;}
.white-box.green-paper-bg li{color:var(--sb-dark-green);}
.tenant-logo{/*width:100%;*/ max-width: 200px; max-height:140px; filter: brightness(0) invert(1); margin-bottom:15px;}
.tenant-logo.prof-page{max-width:320px;}

/*.contact-page .pagebody{padding-top:0px;}*/
.builder-contact [class*=col-]{text-align: center; margin-bottom:30px;}
.builder-contact [class*=col-]:last-child{margin-bottom:0px;}
.builder-contact p{margin-bottom:0px;}
.builder-contact p>span{font-size: 15px; margin-right: 7px;}

.pagebody + .photo-tiles{margin-top:-30px;}

.architecture-page .card-row .col-title h5.side-bar {width: 225px;}
.architecture-page .card-row .card-body p{margin-bottom:0px;}

/***FLOOR PLANS***/
.floor-plans .card-row{ display: flex; flex-direction: column; }
.floor-plans .card-row .card-img-top{width:100%; height:250px;}
.floor-plans .card-row ul{display: flex; justify-content: space-between; width:100%;}
/*.floor-plans .card-row .col-title{transition:all .3s;}
.floor-plans .card-row:hover .col-title{width:230px;}
.floor-plans .card-row:hover .col-title .rotate-90{transform: rotate(0deg);}
.floor-plans .card-row .col-title h5.side-bar{transition:transform .3s;}
.floor-plans .card-row:hover .col-title h5.side-bar{transform: scale(1.1)}*/
.floor-plans .card-row .col-title{transition:all .3s;}

.floor-plans .card-row .card-img-top .carousel__dots .carousel__dot { width: 16px; }

/*.floor-plans .card-row:hover .col-title{height:60px;}*/

.floor-plans .card-row .col-title h5.side-bar {width: 165px;}

.floorplan {transition: all 1s ease-out;}
    
/*.floorplan .card-row .col-title {display: flex; align-items: center; justify-content: center; position: absolute; top: auto; bottom: 0; z-index: 2; width: 100%; height: 20px;}
.floorplan .left-border-feature:after {content: ''; height: 3px; background-color: var(--sb-medium-green); width: 100%; display: block; position: absolute; bottom: 24px;}*/
    
.floorplan .btn-close { display: none; }
    
.floor-plans .fullscreen .card-row:hover .col-title { height: 100%; width: 20px;} 

.floor-plans .card-row .card-img-top { margin-top: 0; height: auto; }
.floor-plans .card-row .card-img-top a { display: block; width: 100%; height: 100%; }
.floor-plans .card-row:hover .card-img-top{transform:scale(1);}
.floor-plans .card-row .card-img-top img { transition: all .5s ease-out; }
.floor-plans .card-row:hover .card-img-top img {transform: none;}

/*.floor-plans .card-row .card-body { padding-left: 30px; padding-right: 30px; padding-bottom: 50px; padding-top: 30px; justify-content: flex-start; width:100%;}*/
.floor-plans .card-row .card-body span { color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; }
    
.swiper.card-img-top { position: relative; } 
    
.floorplan-specs { margin-top: 15px; margin-bottom: 15px !important; }
.floorplan-specs i { color: var(--sb-red); margin-right: 5px; }
.floorplan-specs small { text-transform: uppercase; font-size: 70%; }
.floorplan-download { color: var(--sb-red);}
.floorplan-download i { font-size: 20px; margin-right: 10px; }
    
    
.fancybox__caption {align-self: center; max-width: 100%; margin: 0; padding: 1rem 0 0 0; line-height: 1.375; color: var(--fancybox-color, currentColor); visibility: visible; cursor: auto; flex-shrink: 0; text-align: center;} 
   
.floor-plans .carousel__slide {width: 100%; padding: 0;}
    
.floor-plans .carousel__caption { position: absolute; top: 10px; left: 10px; color: #fff; font-size: 10px; padding: 4px 20px; background-color: rgba(255,255,255, 1); }
.floor-plans .carousel__caption p { font-size: 10px; margin: 0; padding: 0; }   

.floor-plans .carousel__slide img, .floor-plans .carousel__slide video {display: block; width: 100%; height: 100%; object-fit: cover;}

.floor-plans .carousel__button.is-prev,
.floor-plans .carousel__button.is-next { color: #ffffff;}
    
.floor-plans .carousel__button.is-prev { left: 10px; }

.floor-plans .carousel__button.is-next { right: 10px; }
    
.floor-plans .carousel__nav { display: none; position: absolute; width: 100%; height: 100%; top: 0; z-index: 10000; }
    
.floor-plans .carousel__dots {margin: 0 auto; padding: 0; position: absolute; top: auto; bottom: 10px;  left: 0; right: 0; display: flex; justify-content: center; list-style: none; user-select: none;}  
    
.carousel__dots .carousel__dot:after {content: ""; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; opacity: .5; transition: opacity .15s ease-in-out;}
    
.floor-plans .has-dots { margin-bottom: 0;}
    
.floorplan-pdfs { display: block !important; }
.floorplan-pdfs li a { display: flex; align-items: center; }

.floor-plans .card-row .card-img-top {margin-top: 0; height: auto; height: 300px;}
        
.floor-plans .card-row .card-img-top a:hover .floor-plan-img { transform: scale(1.1)}
.floor-plans .margin-bottom.floorplan:last-child, .floor-plans .margin-bottom.floorplan:last-of-type{margin-bottom:0px;}
        
.homesearch-stats li { font-size: 13px; line-height: 1.2; }

.homes-section.updated .card-row .card-img-top{width:100% !important; height:100% !important;}

@media (min-width: 576px) {  }

@media (min-width: 768px) { 
    /*.floor-plans .card-row .card-body { padding-left: 40px; padding-right: 85px; padding-bottom: 40px; padding-top: 40px; justify-content: flex-start; }
    .floor-plans .card-row .col-title {width: 30px; background-color: var(--sb-medium-green); position: absolute; top: 0; bottom: 0; right: 0; height: 100%;}*/
    .floorplan .left-border-feature:after {content: ''; background-color: var(--sb-medium-green); width: 3px; height: 100%; display: block; position: absolute; bottom: 0;}
	.floor-plans .card-row:hover .col-title{width:60px;}
	.floor-plans .margin-bottom.floorplan:last-child, .floor-plans .margin-bottom.floorplan:last-of-type{margin-bottom:30px;}
}

 


/***AVAILABLE HOMES***/
.homes-page .page-title{height: 350px;}

.homesearch-homes .card{overflow:hidden;}
.homesearch-homes .card .card-img-top{padding-top:55px; transition: transform .5s ease-in-out;}
.homesearch-homes a.card:hover .card-img-top{transform: scale(1.1);}
.homesearch-homes .card .card-body{align-items: baseline; text-align: left; background-color:#fff; position: relative; z-index: 1;}
.homesearch-homes .card .card-body h4>span{/*display:block;*/ font-size: 16px;}
/*.homesearch-homes .card .card-body h5{display: flex; flex-direction: column; align-items: flex-end}*/
.homesearch-homes .card .card-body h5{ color:var(--sb-medium-green)}
.homesearch-stats{padding-left: 0px; text-align: left; display: flex; justify-content: space-between; width: 100%; margin-bottom: 0px; margin-top: 15px;}
.homesearch-stats li{/*display: flex; flex-direction: column;*/ text-align: center;}
.homesearch-stats li i{font-size: 21px; margin-bottom: 10px; color:var(--sb-light-green);}
.homesearch-stats li span, .homesearch-stats li small{text-transform: uppercase; letter-spacing: 1px; font-size:12px;}
.homesearch-stats-icon:before{content:"\f61c"; font-family: "Font Awesome 5 Pro"; font-size:21px; color:var(--sb-light-green); display: block; margin: 0 auto; font-weight: 300; margin-bottom: 7px;}
.homesearch-stats-icon.bed:before{content:"\f236";}
.homesearch-stats-icon.bath:before{content:"\f2cd";}
.homesearch-stats-icon.sqft:before{content:"\f61c";}
.homesearch-stats-icon.half-bath:before{content:"\e06d";}

.card.pulte-homes .hover-btn{background-color:var(--sb-navy) !important;}
.card.saussy-burbank .hover-btn{background-color:var(--sb-medium-green) !important;}
.card.toll-brothers .hover-btn{background-color:var(--sb-light-blue) !important;}
.card.pulte-homes .bottom-border-feature:after{background-color:var(--sb-navy);}
.card.saussy-burbank .bottom-border-feature:after{background-color:var(--sb-medium-green);}
.card.toll-brothers .bottom-border-feature:after{background-color:var(--sb-light-blue);}

.homesearch-banner{display: flex; width: 100%;}
.homesearch-banner div{padding:7px; background-color:var(--sb-accent1); width: 100%; display: flex; align-items: center; justify-content: center;}
.homesearch-banner .model-home{background-color:var(--sb-green)}
.homesearch-banner .plan{}
.homesearch-banner .move-in, 
.homesearch-banner .quick_move_in{background-color:var(--sb-red)}

.homesearch-banner .model{background-color:var(--sb-green)}
.homesearch-banner .for_sale_under_construction{background-color:var(--sb-light-blue)}



.model{background-color:var(--sb-green)}
.quick_move_in{background-color:var(--sb-red)}
.unreleased{background-color:var(--sb-dark-green)}

.homesearch-details{overflow:visible;}
.homesearch-details .container{position: relative; z-index: 1;}
.homesearch-details .swiper, .detailsSwiper{height:500px; position: relative; -webkit-box-shadow:rgb(0, 0, 0, .5) 0px 0px 5px -1px; box-shadow:rgb(0, 0, 0, .5) 0px 0px 5px -1px;}
.homesearch-details .left-side .border-top{padding-top:40px; margin-top:40px; border-top:2px solid rgba(0, 0, 0, .1) !important;}
.homesearch-details .left-side h4{margin-bottom:20px;}
.homesearch-details .left-side .details-list{padding-left:0px; display: flex; justify-content: space-between; flex-wrap:wrap;}
/*.homesearch-details .left-side .details-list li{width:25%;}
.homesearch-details .left-side .details-list li:last-child{width:100%;}*/
/*.homesearch-details .left-side .details-list li{display:flex; flex-direction: column; align-items:center;}*/
.homesearch-details .left-side .details-list li>span{text-transform:uppercase; color:var(--sb-light-green); letter-spacing: 2px; font-weight:600;}

.homesearch-details .left-side .detail-section { padding-top: 45px; }
.homesearch-details .left-side .detail-section .floor-plan { display: block; background-color: var(--sb-light-green); padding: 15px; -webkit-box-shadow:rgb(0, 0, 0, .5) 0px 0px 5px -1px; box-shadow:rgb(0, 0, 0, .5) 0px 0px 5px -1px; transition: transform .3s ease-in-out; margin-top:15px;  }
.homesearch-details .left-side .detail-section .floor-plan:hover{opacity:1; transform:scale(1.025);}

.homesearch-details .left-side .detail-section .floor-plan:last-child{margin-right:0;}

/*.homesearch-details .left-side .detail-section .floor-plan :nth-child(odd){margin-right:0;}
.homesearch-details .left-side .detail-section .floor-plan :nth-child(even){margin-left:0;}*/

.homesearch-details .left-side .detail-section .floor-plan h3{margin-bottom:0px; padding-top:20px; padding-bottom:5px; color:#fff; text-align: center;}
.homesearch-details .left-side .detail-section img{width:100%;}

.homesearch-details .right-side{margin-top:30px;}
.homesearch-details .right-side .position-sticky{top: 90px; -webkit-box-shadow:rgb(0, 0, 0, .5) 0px 0px 5px -1px; box-shadow:rgb(0, 0, 0, .5) 0px 0px 5px -1px;}
.homesearch-details .right-side .green-paper-bg, .homesearch-details .right-side .gold-paper-bg{ padding: 30px; padding-bottom:65px;}
.homesearch-details .right-side a.dark-green-bg{text-align:center; padding:10px 15px; transition:all .3s; height:40px; position: absolute; width: 100%; bottom: 0; display:flex; align-items:center; justify-content: center;}
.homesearch-details .right-side a.dark-green-bg:hover{opacity:1; height:50px;}
.homesearch-details .right-side h3{margin-bottom: 20px; opacity: .75;}
.homesearch-details .right-side h4{color: var(--sb-dark-green);}
.homesearch-details .right-side .homesearch-stats-icon{color: var(--sb-dark-green); font-size: 18px; display: flex; flex-direction: column;}
.homesearch-details .right-side .homesearch-stats-icon:before{color: rgba(255, 255, 255, .6)}
.homesearch-details .right-side .homesearch-stats .vertical-line{height:auto; background-color:rgba(0, 0, 0, .1)}

.homesearch-details + .map-section .map-holder{height:400px; position: static;}
.homesearch-details .floor-plans .carousel__caption { position: absolute; top: auto; bottom: 10px; left: 10px; color: #fff; font-size: 10px; padding: 4px 20px; background-color: rgba(255,255,255, 1); }

.available-homes .page-title-section h2{margin-bottom:0px;}

/********** available homes filter ***********/

.home-filters { box-shadow: none !important; margin-bottom: 20px; height: auto; padding-left: 0; padding-right: 0; }
.home-filters .navbar-nav { padding-left: 0; padding-right: 0; padding-bottom: 0; }
.home-filters .nav-link { height: 50px; font-size: 16px; padding-left: 30px !important; padding-right: 30px !important;  }
.home-filters .nav-item { border-right: none; }
.home-filters .navbar-toggler { border: none; }
.home-filters .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: none; }
.home-filters .dropdown-menu { background-color: rgba(var(--sb-light-green-rgb),.2); padding: 20px; min-width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-align: center; }
					 
.home-filters .dropdown-menu::before { display: none; }
.home-filters .dropdown-toggle:after { content: ''; position: absolute; border: none; display: block; margin-left: 0px; margin-top: 3px; background-color: var(--sb-light-green); opacity: .75; z-index: 1; transition: all .3s; height: 10px; width: 1px; right: auto; left: 50%; transform: translateX(-50%); bottom: 2px; }
.home-filters .dropdown-menu label { margin-bottom: 5px; }
					 
.home-filters .range { display: flex; flex-direction: row; align-content: center; align-items: center; justify-content: center; }
.home-filters .select-range { display: flex; flex-direction: column; align-content: center; align-items: center; }
.home-filters .select-range .arrow { width: 30px; display: inline; margin-left: 4px; margin-right: 4px; margin-top: 5px; margin-bottom: 5px; } 
					 
.home-filters .btn-row { margin-top: 10px; text-align: center; display: flex; justify-content: center; }
.home-filters .btn-primary { font-size: 14px; border: var(--sb-red) solid 1px; border-radius: 0; padding-left: 10px; padding-right: 10px; }
.home-filters .btn-primary::before, .home-filters .btn-primary::after { display: none; }
.home-filters .form-check-input { background-color: var(--sb-light-green); }
.home-filters .dropdown-menu label.form-check-label { margin-bottom: 0; margin-left: 0; }
.home-filters .btn-reset { margin: 6px; font-size: 13px; padding: 10px 18px; }

.home-filters .builder-list { min-width: 200px; text-align: left; }
.home-filters .builder-list .form-check-label { text-align: left; }

/***** nice select *****/

.nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 0; border: solid 1px var(--sb-light-green); box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 32px; line-height: 30px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; }

.nice-select .list { background-color: #fff; border-radius: 4px; box-shadow: 0 0 0 1px rgb(68 68 68 / 11%); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 900; width: auto; }

.input-group-append .nice-select { border-top-left-radius: 0; border-bottom-left-radius: 0; height: 100%; display: flex; justify-content: center; line-height: normal; align-content: center; align-items: center; }
.input-group-append .nice-select span { height: auto; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: rgba(var(--sb-accent1-rgb),.3); }
.nice-select label { color: var(--default-text-color);}
.nice-select .option.selected { font-weight: bold; }
.nice-select.small_select { background-color: #fff; border-radius: 4px; border: solid 1px var(--sb-light-green); float: none; display: block; font-size: 12px; height: 22px; line-height: 20px; padding-left: 8px; padding-right: 30px; }
.nice-select .option { line-height: 30px; min-height: 30px; }
.nice-select.small_select .list { background-color: #fff; border-radius: 4px; box-shadow: 0 0 5px 0px rgb(68 68 68 / 41%); }
					 
.alert-warning { background-color: var(--sb-accent1); border-color: var(--sb-accent1); color: #ffffff; border-radius: 0; }
					 
.none-found { display: none; }

.grand-opening .page-title{height: 350px;}
.grand-opening .page-title-section h2{/*margin-top:-20px;*/ margin-top:-35px;}
.grand-opening .page-title-section h3{margin-bottom:20px;}
.grand-opening .rsvp-form h2, .grand-opening .rsvp-form h3{text-align: center;}
.grand-opening .rsvp-form form button{margin:0 auto;}
.grand-opening .photo-bg-section{padding:30px;}
.grand-opening .photo-bg-section .photo-bg{position: static;}
.grand-opening .photo-bg-section .btn-row{margin-top:30px;}
.grand-opening .formResults p {text-align: center; font-size: 18px;}
					 
@media (min-width: 768px){
	.home-filters { padding-left: 0; padding-right: 0; height: auto !important; }
	.home-filters .dropdown-menu { background-color: rgba(255,255,255,1); padding: 20px; min-width: 100%; }
	.home-filters .range { display: flex; flex-direction: row; align-content: center; align-items: center; }
	.home-filters .select-range { display: flex; flex-direction: row; align-content: center; align-items: center; }
	.home-filters .dropdown-menu { padding: 20px; min-width: 100%; -webkit-box-shadow: rgb(0 0 0 / 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgb(0 0 0 / 50%) 0px 0px 5px -1px; }

	.home-filters .nav-item { border-right: #ccc solid 1px; }
						 
}/* min 768 */
					 


/***FOOTER***/
footer{position: relative; margin-top: 6px;}
footer img{display:block; margin:0 auto; width:200px; margin-bottom:20px;}
footer ul{display:flex; flex-wrap: wrap; padding-inline-start:0px !important; margin-top: 15px;}
footer li{width:50%; flex: 0 0 50%;}
footer .nav-link{color:#fff; padding-left:0px; height:auto; justify-content: center; padding-right: 0px; font-size: 16px;}
footer .nav-link:hover{color:#fff; opacity:.6}

footer h3{margin-bottom:0px; padding-top:0.5rem; line-height: 28px;}
footer p{font-size:13px; margin-bottom:10px; line-height:21px;}
footer ::placeholder{color:rgba(255,255,255,1) !important; font-weight:500 !important;}
footer :focus::placeholder{color:rgba(255,255,255,.2) !important; font-weight:500 !important;}
footer .border-bottom{padding-bottom: 10px;}

footer .btn-row{margin-top:0px;}
footer .btn-reversed{min-height:40px; display:flex; align-items:center; background-color:rgba(255, 255, 255, .25); border-radius:0px; padding: 0.375rem 0.75rem;}
footer .btn-reversed img{width:25px; margin-bottom: 0px;}
footer .btn-reversed:before, footer .btn-reversed:after{content:none;}

footer .d-flex{margin-top: 25px; flex-wrap:wrap; text-align: center;}
footer .d-flex p, footer .d-flex a, .credit-row a, .credit-row span{text-transform:uppercase; letter-spacing:1px; color:#fff; font-weight:500; font-size:14px; margin-bottom: 10px;}
footer .pillar-graphic:before {margin-top: 15px; margin-bottom: 15px; width: 100px;}
.credit-row a, .credit-row span{font-size:12px; color:var(--sb-light-green);}
.credit-row span:after {content: '|'; display: inline-block; position: relative; margin-left: 10px; margin-right: 10px;}
.credit-row span:last-child:after {content: ''; display: none;}

footer .form-check label { color: #ffffff; }

/***PLACEHOLDER PAGE***/
.navbar-brand{opacity:1; padding: 25px 20px 20px 20px; margin: -5px auto -20px auto; z-index: 1; -webkit-box-shadow: rgb(0, 0, 0, 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgba(0, 0, 0, 50%) 0px 0px 5px -1px;}
.placeholder-page .position-relative{height: calc(100vh - 70px);}
.placeholder-page .mainSwiper {height: 50%;}
.placeholder-page .navbar-brand img{max-width:175px; margin-bottom: 10px;}
.placeholder-page .swiper-caption{height:50%; left:50%; transform:translateX(-50%); z-index: 1; -webkit-box-shadow: rgb(0, 0, 0, 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgba(0, 0, 0, 50%) 0px 0px 5px -1px; width: 100%; max-width: 100%; padding: 30px 25px 25px 25px;}
.placeholder-page .swiper-caption h1{font-size:26px;}
.placeholder-page .swiper-caption h3{margin-bottom:15px;}
.placeholder-page .swiper-caption p{margin-bottom:0px; line-height: 26px;}

/***MEDIA QUERIES***/

@media (min-width: 576px){
	.card-row .card-body{display:flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; padding-right: 70px;}
	.floor-plans .card-row .card-body{padding-right:25px;}
	
	.dropdown-menu ul{width: 50%; flex: 0 0 50%; padding-right: 20px;}
	.dropdown-img{width: 50%; flex: 0 0 50%; display:block;}
	.dropdown-img img{display:block; height: 100%; min-height: 215px; width: 100%; object-fit: cover; -webkit-box-shadow: rgb(0, 0, 0, 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgba(0, 0, 0, 50%) 0px 0px 5px -1px;}
	
	a.navbar-brand {margin: 0 auto;}
	.navbar-brand img{max-width:175px;}
    .navbar-brand svg {max-width:175px; }
	
	.placeholder-page .position-relative{height: calc(100vh - 75px);}
	.placeholder-page .mainSwiper {height: 100%;}
	.placeholder-page .swiper-caption{height:auto; max-width:80%; top:50%; left:50%; transform:translate(-50%, -50%); bottom: auto;}
	
	.map-row {min-height: 400px; height: 550px; }
	.map-holder { height: 550px; }
}

@media (min-width: 768px){
	
	body{padding-top:75px;}
	h1.small, h2.small{font-size:28px;}
	h3, .card-row li span{font-size:14px;  margin-bottom:30px;}
	
	/*.container .col-lg-10>p{column-count: 2; column-gap: 40px;}*/
    
    .columns { column-count: 2; column-gap: 40px; }
	
	.no-margin-md{margin:0px !important;}
	.margin-top{margin-top:50px;}
	.margin-bottom-xl{margin-bottom:50px;}
	
	.navbar{height:75px;}
	.email-signup{height: 75px;}
	.nav-link, nav li a{font-size: 26px; height: 75px;}
	.email-signup li a{font-size: 26px;}
	.open-overlay {top: 23px;}
	
	.signup-container p{display:inline;}
	.signup-container p:first-of-type{margin-right:25px;}
	
	/***EFFECTS***/
	.rotate-90{transform: rotate(90deg);}
	.rotate-270{transform:rotate(270deg)}
	
	.pillar-graphic:before{width:90px;}
	.pillar-bottom:after{width:90px;}
	.right-border-feature:after{height:100%; width:3px; right:-7px; top :0; bottom:0;}
	.left-border-feature:after{height:100%; width:3px; left:-7px; top :0; bottom:0; z-index:2;}
	.small-palm-left:before{width: 475px; bottom: -200px; left: -185px;}
	.small-palm-right:after, .architecture-page .pagebody.small-palm-left:before{width: 450px; bottom: -160px; right: -180px;}
	.double-palm-right:after{right: -150px;}
	
	.page-title{height: 450px;}
	.page-title-container{width:auto;}
	
	.swiper-caption:before{width:105px;}
	.swiper-caption:after{top: -47px;height: 95px; width: 130px;}
	.mainSwiper .position-absolute{display:block; bottom: 30px; right: 30px;}
	
	.card-body p{font-size: 14px; line-height: 26px;}
	.card-row .card-img-top{height: 275px; margin-top: 0px;}
	.card-row .col-title{width:40px;background-color:var(--sb-medium-green); position:absolute; top:0; bottom:0; right:0;}
	.tab-row{flex-direction: row;}
	.tab-row .tab-body{padding-right: 30px; max-width: 50%; flex: 1 1 50%;}
	.tab-row .card-img{max-width: 50%; height: 275px; flex: 1 1 50%; object-fit: cover; margin-bottom:0px;}
	.swiper_tab{width: 50%; height: 275px; flex: 1 1 50%; margin-bottom:0px;}
	.swiper_tab img{margin-bottom:0px;}
	
	.pagebody-aside .left-side{margin-bottom:0px;}
	.pagebody-small-img [class*=col-] .row p{margin-bottom:0px;}
	.pagebody-small-img img{height: 400px;}
	
	.about-section h2{margin-bottom:40px;}
	.about-section .btn-row{margin-top:40px;}
	
	.photo-bg{height:550px; overflow: hidden; position:absolute; top:0; left:0; right:0; bottom:0; }
	.architecture-page .photo-bg{position: relative; margin-top: -30px; height:550px !important}
	.photo-bg-section + .homes-section {margin-top:90px;} 
    
    .map-holder{height:100%; overflow: hidden; position:absolute; top:0; left:0; right:0; bottom:0; }
    
	.lowerlevel .photo-bg, .lowerlevel .photo-bg + .row, .child-carousel-section .swiper, .child-carousel-section [class*=col-]{height:500px;}
	.photo-bg + .row, .map-holder + .row{height:550px;}
	.photo-bg + .row [class*=col-], .map-holder + .row [class*=col-]{margin-left:50px;}
	.lowerlevel .photo-bg-section .photo-row:nth-child(even) .row [class*=col-]{margin-left:0px; margin-right:50px;}
	.child-carousel-section [class*=col-] .white-box{height: 100%; display: flex; flex-direction: column; justify-content: center;}
	.child-carousel-section [class*=col-] .white-box p:last-child{margin-bottom:0px;}
	
	/*.list-group li, .nav-tabs .nav-item{margin-top:25px;}*/
	.list-group-item, .nav-tabs .nav-link{padding: 20px; text-align: left; justify-content:flex-start; height: 90px;}
	/*.nav-tabs .nav-item:nth-child(4) .nav-link.active:after{content:''; height:2px; position:absolute; bottom: 0; left:30px; right:30px; background-color:rgba(250, 250 ,250, .75);}*/
	.nav-tabs .nav-item{width:auto}
	.nav-tabs .nav-item .nav-link.active:after{content:''; height:2px; /*width:100%;*/ position:absolute; bottom: 0; left:15px; right:15px; background-color:rgba(250, 250 ,250, .75);}
	
	.lifestyle-section .tab-body {padding-right: 30px; }
	
	.col-title{width:60px; display:flex; align-items: center; justify-content: center; position:relative; height:auto;}
	.district-section, .photo-tiles{height:400px;}
	.district-section .row.g-0 [class*=col-]:first-child .rollover-card, .photo-tiles .row.g-0 [class*=col-]:first-child .rollover-card{margin-top:0px;}
	.full-img img{height:400px;}
	.rollover-card:hover .card-body img{display:none;}
	.rollover-card .card-body {border-right: 4px solid white;}
	[class*=col-]:last-child .rollover-card .card-body {border-right: none;}
	
	.col-title-top{width: 100%; top: 0px; left: 0px; right: 0px; height: 60px;}
	.col-title-top h5.side-bar{width:auto; margin-left: 65px; font-size:20px;}
	.col-title-top h5.side-bar:before{right:auto; left:-65px; margin-top: 1px;}
	
	td:first-child{width:70%; padding-right: 10px;}
	td:last-child{width:30%;}
	
	.directory [class*=col-].margin-bottom .white-box{height: 100%; margin-top: -60px; padding-top: 95px; display: flex; /*align-items: center;*/}
	
	.homes-section .left-side{margin-bottom:0px;}
	.homes-section .card-row.lowcountry-classical .card-body:before, .homes-section .card-row.lowcountry-colonial .card-body:before, .homes-section .card-row.coastal-vernacular .card-body:before, .homes-section .card-row.coastal-arts-and-crafts .card-body:before{right: 25px;}
	.homesearch-details .right-side{margin-top:0px;}
	
	.contact-form .btn-row{margin-top:40px;}
	.contact-form .right-side{height: auto;}
	.contact-form .right-side img{position: absolute; top: 0; bottom: 0; right: 0; width: 33.333%; height: 100%; object-fit: cover;}
	
    .map-key { position: absolute; left: 100px; top: 50%; transform: translateY(-50%); }

	.map-key.white-box {width: 300px; padding:30px 50px;}
	.map-key tbody {display: table-row-group;}
	.map-key tr{width: 100%; padding-right: 0px;}
	.map-key td:first-child{width:25%; padding-top:0px; padding-bottom:0px; margin-right:15px;}
	.map-key td:last-child{width:75%;}
	.map-key td i{font-size:28px;}
	
	.pagebody-small-img.whiteboxes img{height:400px;}
	
	.floor-plans .card-row .card-body{padding-right: 75px;}
	/*.floor-plans .card-row:hover .col-title{height:100%; width:55px;}*/
	
	footer img{margin-bottom:30px;}
	footer .nav-link{justify-content: flex-start; padding-right: 20px; font-size: 16px;}
	footer .pillar-graphic:before {margin-top: 20px; margin-bottom: 20px; width: 120px;}
	footer ul{ margin-top: 0px;}
	
	.placeholder-page .navbar-brand img{max-width:215px;}
	.placeholder-page .swiper-caption{max-width:75%; padding: 30px}
	.placeholder-page .swiper-caption h1{font-size:32px; margin-top:10px;}
    
    .breadcrumb-item { display: inline-block; }
    .breadcrumb-item:nth-last-child(2) { padding-left: 0.5rem; }
    .breadcrumb-item:nth-last-child(2)::before { content: var(--bs-breadcrumb-divider, "/") }
	
	.grand-opening .page-title-section h2{margin-top:-45px;}
	.grand-opening .page-title-section h3{margin-bottom:25px;}
	.grand-opening .photo-bg-section{padding:50px 0px;}
	
	.child-carousel-section .photo-row{margin-bottom:50px;}
	.child-carousel-section .photo-row:last-child{margin-bottom:0px;}
	.child-carousel-section .photo-row:nth-child(even) .row{flex-direction: row-reverse}
	.child-carousel-section .photo-row .row [class*=col-]:first-child {padding-right:0px}
	.child-carousel-section .photo-row .row [class*=col-]:last-child {padding-left:0px}
	.child-carousel-section .photo-row:nth-child(even) .row [class*=col-]:first-child{padding-right:calc(var(--bs-gutter-x) * .5); padding-left:0px;}
	.child-carousel-section .photo-row:nth-child(even) .row [class*=col-]:last-child{padding-left:calc(var(--bs-gutter-x) * .5); padding-right:0px;}
}

@media (min-width: 768px) and (max-width:991px){
	
	/*.floor-plans .card-row {flex-direction: row;}*/
	/*.floor-plans .card-row .card-img-top {width: 50%; height: 100%;}
	.floor-plans .card-row ul{display: block;}*/
	
	.nav-tabs{margin-top:15px;}
	
	.lowerlevel .mainSwiper {height: calc(100vh - 350px);}
	
}

@media (min-width: 991px){
	
	h1,h2{font-size:32px;}
	h1.big, h2.big, .swiper-caption h1, .swiper-caption h2{font-size:36px;}
	h3.big, .swiper-caption h3{font-size:16px;}
	
	.padding-top-bottom{padding-top:90px; padding-bottom:90px;}
	.padding-top{padding-top:90px;}
	.padding-bottom{padding-bottom:90px;}
	.padding-top-bottom-xs{padding-top:30px; padding-bottom:30px;}
	.padding-top-xs{padding-top:30px;}
	.padding-bottom-xs{padding-bottom:30px;}
	.padding-top-bottom-sm{padding-top:60px; padding-bottom:60px;}
	.padding-top-sm{padding-top:60px;}
	.padding-bottom-sm{padding-bottom:60px;}
	.padding-top-xl{padding-top:115px;}
	.ex-padding{padding-left:30px; padding-right:30px;}
	
	.white-box{padding: 40px;}
	
	.navbar-nav{padding-bottom: 0px; padding-left: 10px; padding-right: 10px;}
	nav li{width:auto;}
	.nav-link, nav li a{justify-content:flex-start; font-size:16px; height:75px; letter-spacing: 1px;}
	a.navbar-brand {margin: -10px 0px -20px 20px; padding: 20px 15px;}
	.navbar-brand img {max-width: 150px;}
    .navbar-brand svg {max-width:150px; }
	.overlay-navigation{display: block; transform: none; position: static; background-color: transparent; /*padding-right: 145px;*/ background-image:none;}
	.overlay-navigation.med-palm-right, .overlay-navigation.small-palm-left{overflow:visible;}
	.overlay-navigation.med-palm-right:before, .overlay-navigation.small-palm-left:before{content:none;}
	.overlay-navigation .overflow-y-scroll{padding-right: 115px;}
	.open-overlay{display:none;}
	.dropdown-menu {min-width: 415px;}
	.dropdown-toggle:after{content:'';position: absolute; border: none; display: block; margin-left: 0px; margin-top: 3px; background-color: var(--sb-light-green); opacity: .75; z-index:-1; transition: all .3s; height: 15px; width: 1px; right: auto; left: 50%; transform: translateX(-50%); bottom: 10px;}
	.dropdown-toggle.show:after{/*opacity:0;*/ background-color: var(--sb-red);}
	.dropdown-toggle:hover:after{background-color:var(--sb-accent1)}
	.scrolled-down .dropdown-menu.show{opacity:0; visibility: hidden; height:0px; z-index: -1;}
	.scrolled-up .dropdown-menu.show{opacity:1; visibility: visible; height:auto; z-index: 100;}
	
	.lowerlevel .mainSwiper + script + .page-title-plain-section h2{padding-top:75px;}
	
	.email-signup{ right:0; top:0; bottom:0; height:100%; left:auto; width:auto; padding-left: 0px; padding-right: 0px;}
	.email-signup li a{font-size:16px; }
	.email-signup li:before{top:50%; transform: translateY(-50%); left: -30px; height: 1px; width: 40px;}
	.signup-container p{display:block;}
	.signup-container p:first-of-type{margin-right:0px;}
	
	.signup-container{height: auto; display: block; -webkit-transform: translateY(-150%); transform: translateY(-150%);}
	.border-middle{margin-top:0px; margin-bottom:0px; width:2px; background-color:rgba(255, 255, 255, .4);height:100%;}
	.signup-container.open {-webkit-transform: translateY(0); transform: translateY(0);}
	
	.swiper-caption{position: absolute; bottom: 0px; text-align: center; padding:40px 50px; max-width: none}
	
	.list-group-item, .nav-tabs .nav-link{padding: 30px; height: 110px;}
	.nav-tabs, .list-group li, .nav-tabs .nav-item{margin-top:10px;}
	.nav-tabs .nav-item .nav-link.active:after{left:20px !important; right:20px !important;}
	.nav-tabs .nav-link i{font-size: 42px; line-height: 42px;}
	
	.lowerlevel .map-section{padding-top:90px; padding-bottom:90px;}
	
	.district-section, .photo-tiles{height:500px;}
	.full-img img{height:500px;}
	.rollover-card .card-body{padding: 40px;}
	.rollover-card:hover .card-body img{width:75px; margin-bottom:15px; display:block;}
	
	.homes-section .left-side{padding-right:25px;}
	.homes-section .right-side{padding-left:25px; /*position: absolute; right: 0; top: 50%; transform: translateY(-50%);*/}
	.homes-section .card-row .card-body:before{bottom:-15px; right:-20px;}
	
	.cardSwiper-button-prev, .cardSwiper-button-next{top:50%; transform:translateY(-50%); left:-60px; margin-top:0px;}
	.cardSwiper-button-next{right:-60px; left:auto;}
	.news-section .btn-row{margin-top:50px;}
	
	.contact-form .right-side img{width: 50%;}
	
	.placeholder-page .swiper-caption{max-width:50%; padding: 50px}
	.placeholder-page .swiper-caption h1{margin-top:0px;}
    
    /***LIFESTYLE***/

    .lifestyle-section .tab-body { padding-left: 30px; padding-right: 60px; }
	
	.directory [class*=col-].margin-bottom .white-box{padding-top: 100px;}  
    
    .siteplan-holder .btn-scroll { display: flex; position: absolute; z-index: 10000; opacity: 1; }
	
}

@media (min-width: 991px) and (max-width:1200px){
	td:first-child{width:50%; padding-right:0px;}
	td:last-child{width:50%;}
}

@media (min-width: 1024px){
	.lowerlevel .mainSwiper .swiper-caption{left:20px; bottom:30px; transform:none; top:auto; width:auto; text-align:left;}
	
	
}

@media (min-width: 1100px){
	a.navbar-brand {margin: -7px 0px -20px 20px; padding: 20px;}
	.navbar-brand img {max-width: 175px;}
    .navbar-brand svg {max-width:175px; }
	.overlay-navigation .overflow-y-scroll{padding-right: 145px;}
	.navbar-nav{padding-left: 20px; padding-right: 20px;}
	.nav-link, nav li a{letter-spacing: 1.5px;}
	.dropdown-toggle:after{}
	.email-signup{padding-left: 10px; padding-right: 10px;}
	.email-signup li:before{width: 50px; left: -45px;}
	.dropdown-menu{min-width: 460px;}
}

@media (min-width: 1200px){
	h1,h2{color:var(--sb-dark-green); font-size:36px;}
	h4{font-size:24px;}
	p, li{font-size:15px;}
	h1.big, h2.big, .swiper-caption h1, .swiper-caption h2{font-size:40px;}
	
	.hide-break{display:inline;}
	
	/*.dropdown-toggle:after{content:'';position: absolute; right: -30px; width: 30px; bottom:auto; left:auto; transform:none; height: 1px;}*/
	.dropdown-menu{min-width: 500px;}
	
	.hover-btn{background-color:var(--sb-accent1);padding:8px 30px; position: absolute; top:0; left:0; right:0; text-align: center;}
	
	.white-box{padding: 50px;}
	
	.card-body{padding:30px;}
	.card .card-img-top{height:275px;}
	.card-row{display: flex; /*position:static;*/}
	.card-row .card-img-top{/*height:100%; width:50%;*/ width:40%; height:350px}
	.card-row .card-body{padding-left:20px; width: 60%;}
	/*.lowerlevel .card-row-section .card-row .card-img-top{width:40%; height:100%;}*/
	.floor-plans .card-row .card-body{padding-left:30px;}
	
	.mainSwiper .position-absolute i{font-size: 32px; padding: 7px 15px;}
	.homesSwiper .swiper-slide {width: 90%;}
	
	/*.list-group-item, .nav-tabs .nav-link{height: auto;}*/
	
	.pagebody.small-palm-right:after, .pagebody.small-palm-left:before, .architecture-page .pagebody.small-palm-left:before {width: 400px; bottom: -180px; right: -140px;}
	.pagebody.small-palm-left:before {right:auto; left: -140px;}
	
	.directory [class*=col-].margin-bottom .white-box{padding-top: 110px;}
	
	.floor-plans .card-row .card-img-top{max-height:325px;}
	.floorplan .card-row .card-img-top {max-height: 275px;}
	.floor-plans .card-row .card-body{width:100%;}
    
    .breadcrumb{padding: 30px; padding-top: 35px; padding-bottom: 20px; }
	
}

@media (min-width: 1200px) and (max-width:1300px){
	.homesearch-stats {flex-wrap:wrap; justify-content: flex-start;}
	.homesearch-stats li.homesearch-stats-icon{width: calc(50% - 2px); text-align: left; margin-bottom:15px;}
	.homesearch-stats .vertical-line{display: none;}
	.floor-plans .card-row .card-body {padding-right: 25px;}
}

@media (min-width: 1350px){
	.nav-link, nav li a, .email-signup li a{font-size:18px;}	
	
	.homesSwiper .swiper-slide {width: 90%;}
	/*.card-row .card-img-top {height: 400px; width: 375px;}*/
	
	.architecture-page .card-row .card-img-top{height:100%;}
	/*.architecture-page .card-row .card-img-top{width:450px;}
	.architecture-page .card-row .card-body{padding-right:0px}*/
}

@media (min-width: 1400px){
	.list-group-item, .nav-tabs .nav-link{height: auto;}
	
	.builder-contact [class*=col-]{margin-bottom:0px;}
}

@media (min-width: 1500px){
	.homes-section.updated .card-row .card-img-top{height:350px !important;}
}

@media (min-width: 1655px){
	.floor-plans .lg-desktop [class*=col-]:not(.col-title){width:33.3333%}
}

@media (min-width: 1859px){
	.contact-form .col-md-8.form-check{display: flex; align-items: center;}
	.contact-form .col-md-8.form-check .form-check-input{margin-top:0px;}
}

@media (max-width: 1000px){
	.grand-opening h4 + img{margin-bottom:-75px !important;}
}

@media (max-width: 576px){
	.container, .container-fluid{padding-left:25px; padding-right:25px;}
	.photo-bg-section .container-fluid{padding-left:0px; padding-right:0px;}
	.container-fluid .row{margin-left:0px; margin-right:0px;}
	.container-fluid .row>*{padding-left:0px; padding-right:0px;}
	
	.overlay-navigation .overflow-y-scroll{width:100%; height:100%; padding-top:50px; overflow-y: scroll;}
	
	.lifestyle-section.double-palm-left:before{content:none;}
	
	.contact-form .container-fluid{padding-left: 0px; padding-right: 0px;}
	.contact-form .left-side{padding-left: 25px; padding-right: 25px;}
}

@media (max-width: 375px){
	.placeholder-page .swiper-caption p{font-size:13px;}
	
	.tab-content .green-paper-bg .btn-primary{letter-spacing: 2px; font-size: 15px;}
	
	.grand-opening .page-title{height: 250px;}
}


@media (max-width: 450px) and (min-height:800px){
	.placeholder-page .mainSwiper {height: 60%;}
	.placeholder-page .swiper-caption{height:40%;}
}

@media (max-width: 350px){
	
}

@media (max-width: 991px) and (min-height:1100px){
	.nav-link, nav li a, .email-signup{height: 115px;}
}

@media (min-width: 991px) and (max-height:800px){
.grand-opening .page-title{height: 300px;}
}


.-lucee-dump th, .-lucee-dump td { font-size: 10px; text-transform: none; letter-spacing: normal; }