/*===============================
  Dynamic Styling starts here...
===============================*/

.header {
    background: rgba(0, 0, 0,0.8);
}


/*===============================
  For Primary Color...
===============================*/
li.view-selector.active, .virtual-tour-btns span.vr-tour {
    background: #000000;
}





 
/*===============================
  For Secondary Color...
===============================*/

.map-contact .address span, .map-contact .contact a, .floor-circle, a.download-flp i {
    color: #9f662d;
}
.floor-circle:hover, section.instagram-section {
    background: #9f662d;
}


/*===============================
  For Accent Color...
===============================*/




/*===============================
  For Text Color
===============================*/
a.cb-btn.text-color-light,
body .text-color-light a,
body .text-color-light p,
body .text-color-light li,
body .text-color-light h1,
body .text-color-light h2,
body .text-color-light h3,
body .text-color-light h4,
body .text-color-light h5,
body .text-color-light h6,
body .text-color-light span,
body .text-color-light a.cb-btn.type-10,
body .text-color-dark a.cb-btn.type-10:hover,
.text-hover-color-light.active h1,
.text-hover-color-light.active h3
{
    color:  #ffffff;
}


body .text-color-light a.cb-btn.type-10 {
    border-color: #ffffff;
}

body .text-color-light.form-section h2.luxury-life-heading:after,
body .text-color-light h6.luxury-life-heading:after,
.single-cta-box.text-hover-color-light.active h3:after,
.text-color-light h2.luxury-life-heading:after, .text-color-light  ul.amenities-grid > li:after,
.text-color-light .menu-trigger span.burger,
.text-color-light .menu-trigger span.burger:before,
.text-color-light .menu-trigger span.burger:after, body .text-color-light a.cb-btn.type-10:hover
{
    background-color: #ffffff;
}













a.cb-btn.text-color-dark,
body .text-color-dark a,
body .text-color-dark p,
body .text-color-dark li,
body .text-color-dark h1,
body .text-color-dark h2,
body .text-color-dark h3,
body .text-color-dark h4,
body .text-color-dark h5,
body .text-color-dark h6,
body .text-color-dark span,
body .text-color-dark a.cb-btn.type-10,
body .text-color-light a.cb-btn.type-10:hover,
.text-hover-color-dark.active h1,
.text-hover-color-dark.active h3 {
    color:  #502c1e;
}


body .text-color-dark a.cb-btn.type-10 {
    border-color: #502c1e;
}


body .text-color-dark.form-section h2.luxury-life-heading:after,
body .text-color-dark h6.luxury-life-heading:after, 
.single-cta-box.text-hover-color-dark.active h3:after,
.text-color-dark h2.luxury-life-heading:after, .text-color-dark  ul.amenities-grid > li:after,
.text-color-dark .menu-trigger span.burger,
.text-color-dark .menu-trigger span.burger:before,
.text-color-dark .menu-trigger span.burger:after, body .text-color-dark a.cb-btn.type-10:hover 
{
    background-color: #502c1e;
}

li.main-menu-item a.menu-item-link:hover, li.main-menu-item a.menu-item-link:hover, li.main-menu-item.current-page a.menu-item-link {
    color: #9f662d;
}



/*===============================
  For Buttons Color
===============================*/

a.cb-btn, a.flp-filters-trigger, .footer-right, a.flp-details-btn, button.formmangr-button.formmangr-button-submit {
background-color: #000000;
}
a.cb-btn:hover, a.flp-filters-trigger:hover, a.flp-details-btn:hover, 
.theme-2 a.flp-details-trigger:hover, a.flp-leasing-btn:hover, a.cb-btn.active, button.formmangr-button.formmangr-button-submit:hover {
background-color: #e2ded5;
}

a.cb-btn.type-5, a.cb-btn.type-5.active {
background-color: #e2ded5;
}
section#luxury-life-2 .property-btn a.cb-btn:hover,
section#luxury-life-2 .property-btn a.cb-btn.active {
color: #e2ded5;
}
a.cb-btn.type-5:hover {
background-color: #fff;
color: #000000;
}

a.cb-btn.type-2, .theme-2 a.flp-details-trigger, a.flp-leasing-btn {
background-color: #9f662d;
}
a.cb-btn.type-2:hover {
background-color: #ae7d4d;
}

a.cb-btn.type-7 {
background-color: #9f662d;
}
a.cb-btn.type-7:hover {
background-color: #ae7d4d;
}

a.cb-btn.type-8 {
background-color: #502c1e;
}
a.cb-btn.type-8:hover {
background-color: #6b4c40;
}

/*----- Outline Buttons ---*/

a.cb-btn.type-11 {
    background: transparent;
    border-color: #000000; 
    color: #000000; 
}
a.cb-btn.type-12 {
    background: transparent;
    border-color: #9f662d; 
    color: #9f662d; 
}
a.cb-btn.type-13 {
    background: transparent;
    border-color: #e2ded5; 
    color: #e2ded5; 
}

a.cb-btn.type-11:hover, a.cb-btn.type-11.active {
    background: #000000; 
}
a.cb-btn.type-12:hover, a.cb-btn.type-12.active {
    background: #9f662d; 
}
a.cb-btn.type-13:hover, a.cb-btn.type-13.active {
    background: #e2ded5; 
}

a.cb-btn.type-11.text-color-dark:hover,
a.cb-btn.type-11.text-color-dark.active {
    background: #502c1e; 
}
a.cb-btn.type-12.text-color-dark:hover,
a.cb-btn.type-12.text-color-dark.active {
    background: ; 
}
a.cb-btn.type-13.text-color-dark:hover,
a.cb-btn.type-13.text-color-dark.active {
    background: #502c1e; 
}

a.cb-btn.type-11.text-color-light:hover,
a.cb-btn.type-11.text-color-light.active {
    color: #ffffff; 
}
a.cb-btn.type-12.text-color-light:hover,
a.cb-btn.type-12.text-color-light.active {
    color: #ffffff; 
}
a.cb-btn.type-13.text-color-light:hover,
a.cb-btn.type-13.text-color-light.active {
    color: #ffffff; 
}