html,body{
  background-color:#1d2b27;
  font-family: "acumin-pro", sans-serif;
  overflow-x: hidden;
}
h4{
    font-weight:800;
    text-transform: uppercase;
    font-size: 16px;
    margin-top:1rem;
}
.btn{
    font-family: "acumin-pro", sans-serif;
}
#cover{
  top:0px;
  left:0px;
  z-index:2;
}
.abs-center{
  bottom:10%;
  left:15%;
  /*transform:translate(-50%,-50%);*/
}
.text-gold{
    color:#f6b446;
}
.text-green{
  color:#8c9b88;
}
.btn-green{
  color:#FFF;
  background-color:#8c9b88;
}
.btn-green:hover{
  color:#8c9b88;
  background-color:#333;
}
#contact p.text-gold, #contact h4{
  line-height: 1rem;
  margin-bottom:0px;
}
.left{
  width:150px;
  left:0%;
  top:0px;
}
.right{
  width:calc(100% - 150px);
  left:150px;
  top:0px;
}
.navbar li, .l-spaced{
  letter-spacing: 2px;
}
.background-image-cover-featured{
  background-image: url('https://sunsetwilcox.com/wp-content/uploads/2024/04/SH_180_PENTHOUSE_TERRACE_HIGHRES.jpg');
  background-size: cover;
  background-position: center center;
}
.form-control{
  background-color: rgba(255,255,255,0.3);
  color:#FFF;
  margin-bottom:10px;
  border:none !important;
  border-radius: 0px !important
}
::placeholder {
  color: white !important;
  opacity: 0.8 !important; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: white !important;
}
.text-logo img{
  max-height: 325px;
}
.callout{
  color:#a6ae9f;
  letter-spacing: 2px;
}
.bg-green{
  background-color:rgba(34,42,39, 0.8);
}
#floorplates,#gallery,#neighborhood {
  scroll-margin-top: 66px;
}
.map-btn, .floorplan-btn{
  opacity: 0.5;
}
.map-btn-selected, .floorplan-btn-selected{
  opacity: 1;
}
.map-btn:hover, .floorplan-btn:hover{
  opacity: 1;
  cursor: pointer;
}
.flag .content, .flag .spacer{
  background-color: rgba(255,255,255,0.8) !important;
}
.flag .content, .flag .spacer{
  opacity: 0;
}
.g-title{
  transform:translateY(-50%);
  margin-left:80px;
}
@media(max-width:991px){
    .mobile-footer-logo{
        max-width:300px;
    }
    .dropdown-nav{
      top:56px !important
    }
    .mobile-logo{
      width:175px;
    }
    .mobile-logo2{
      width:110px;
      padding-left:25px;
    }
    .g-title{
      margin-left:30px;
    }
    .floorplan-btn{
      width:100% !important;
    }
    .i-mobile{
      background-image:url('img/sky-mobile.jpg') !important;
    }
    .s-mobile{
      background-image:url('img/sustain-sky-mobile.jpg') !important;
      background-size:cover !important;
    }
}