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

header.header {
    background: #ffffff;
}

header.header.fixed {
    background: #ffffff;
}



/*===============================
         Primary Color
===============================*/

.slides.slick-home-slider .slick-dots li.slick-active, a.flp-slider-trigger.active, a.flp-slider-trigger:hover, body .bg-primary, body .gm-style .gm-style-iw-c, .inner-page-banner .multiply-overlay, .flp-swaps a.active, .single-resident-section:hover {
    background: #007c8f;
}

body .text-color-primary, .text-color-primary span {
    color: #007c8f;
}

.floorplan-filters select.flp-bedrooms, .floorplan-filters select, .single-resident-section, body.home a.scroll-trigger {
    border-color: #007c8f;
}

/*===============================
         Secondary Color
===============================*/
 



.text-color-secondary, .text-color-secondary span {
    color: #af5918;
}
.multipurpose-boxes .box-link-wrapper:hover, body .bg-secondary, .gallery-tabs-outer ul.ct-tabs li.tab-link.current:after {
    background-color: #af5918;
}

.formmangr-row .formmangr-input, .formmangr-row select.formmangr-form-dd, .formmangr-row textarea, span.sf-range-values-seperator,
div#nbp-filter-options .container a.nb-map-filter.active {
border-color: #af5918;
}



/*===============================
         Tertiary Color
===============================*/




.text-color-accent, .text-color-accent span {
    color: #34657f}





/*===============================
         Light Color
===============================*/








/*===============================
         Dark 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,
.text-color-light .gallery-expand,
.text-color-light, 
.text-hover-color-light:hover, 
.text-hover-color-light:hover *, 
.text-hover-color-light.current, 
.text-hover-color-light.active, 
.current .text-hover-color-light, 
.active .text-hover-color-light
{
    color:  #ffffff;
}
.text-color-light .menu-section .menu-trigger, .text-color-light button:after {
    border-color:  #ffffff !important;
}
.text-color-light .menu-section .menu-trigger span.burger,
.text-color-light h2.luxury-life-heading:after {
    background:  #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 h3.text-color-dark,
body .text-color-dark h4,
body .text-color-dark h5,
body .text-color-dark h6,
body .text-color-dark span,
.text-color-dark .gallery-expand, 
.text-color-dark, 
.text-hover-color-dark:hover, 
.text-hover-color-dark:hover *, 
.text-hover-color-dark.current, 
.text-hover-color-dark.active, 
.current .text-hover-color-dark, 
.active .text-hover-color-dark,
.floorplans-slick button.slide-arrow
{
    color:  #565656;
}


.text-color-dark .menu-section .menu-trigger,
.sticky-text-color-dark.fixed .menu-section .menu-trigger, .text-color-dark button:after {
    border-color:  #565656 !important;
}
.text-color-dark .menu-section .menu-trigger span.burger,
.sticky-text-color-dark.fixed .menu-section .menu-trigger span.burger{
    background:  #565656;
}
.sticky-text-color-dark.fixed  .menu-section .menu-trigger span.burger {
    background:  #565656;
}






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

a.cb-btn, a.flp-details-btn,section.instagram-section, button.formmangr-button.formmangr-button-submit,
body .alm-btn-wrap .alm-load-more-btn, body .alm-btn-wrap .alm-load-more-btn.done, body .alm-btn-wrap .alm-load-more-btn.loading {
background-color: #007c8f;
}
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,
body .alm-btn-wrap .alm-load-more-btn:hover, body .alm-btn-wrap .alm-load-more-btn.done:hover, body .alm-btn-wrap .alm-load-more-btn.loading:hover {
background-color: #006473;
}

a.cb-btn.type-5, a.cb-btn.type-5.active {
background-color: #34657f;
}

a.cb-btn.type-5:hover {
background-color: #2a5166;
}

a.cb-btn.type-2, .theme-2 a.flp-details-trigger, a.flp-leasing-btn  {
background-color: #af5918;
}
a.cb-btn.type-2:hover {
background-color: #8c4814;
}

a.cb-btn.type-7 {
background-color: #b05a17;
}
a.cb-btn.type-7:hover {
background-color: #bc733a;
}

a.cb-btn.type-8 {
background-color: #32aaba;
}
a.cb-btn.type-8:hover {
background-color: #51b7c5;
}



a.cb-btn.flp-slider-trigger.type-1 {
    border-color: #007c8f;
    color: #007c8f;
    background: transparent;
}

a.cb-btn.flp-slider-trigger.type-2 {
    border-color: #af5918;
    color: #af5918;
    background: transparent;
}

a.cb-btn.flp-slider-trigger.type-5 {
    border-color: #34657f;
    color: #34657f;
    background: transparent;
}

a.cb-btn.flp-slider-trigger.type-7 {
    border-color: #b05a17;
    color: #b05a17;
    background: transparent;
}

a.cb-btn.flp-slider-trigger.type-8 {
    border-color: #32aaba;
    color: #32aaba;
    background: transparent;
}

a.cb-btn.flp-slider-trigger.type-1:hover,
a.cb-btn.flp-slider-trigger.type-1.active, .nbp-fliter-dropdown, .mobile-dropdown,
a.flp-details-btn.cb-btn:hover{
    color: #fff;
    background: #007c8f;
}

a.cb-btn.flp-slider-trigger.type-2:hover,
a.cb-btn.flp-slider-trigger.type-2.active {
    color: #fff;
    background: #af5918;
}

a.cb-btn.flp-slider-trigger.type-5:hover,
a.cb-btn.flp-slider-trigger.type-5.active {
    color: #fff;
    background: #34657f;
}

a.cb-btn.flp-slider-trigger.type-7:hover,
a.cb-btn.flp-slider-trigger.type-7.active {
    color: #fff;
    background: #b05a17;
}

a.cb-btn.flp-slider-trigger.type-8:hover,
a.cb-btn.flp-slider-trigger.type-8.active {
    color: #000;
    background: #32aaba;
}

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

a.cb-btn.type-11 {
    background: transparent;
    border-color: #007c8f; 
    color: #007c8f; 
}
a.cb-btn.type-12 {
    background: transparent;
    border-color: #af5918; 
    color: #af5918; 
}
a.cb-btn.type-13 {
    background: transparent;
    border-color: #34657f; 
    color: #34657f; 
}

a.cb-btn.type-11:hover, a.cb-btn.type-11.active {
    background: #007c8f; 
}
a.cb-btn.type-12:hover, a.cb-btn.type-12.active {
    background: #af5918; 
}
a.cb-btn.type-13:hover, a.cb-btn.type-13.active {
    background: #34657f; 
}

a.cb-btn.type-11.text-color-dark:hover,
a.cb-btn.type-11.text-color-dark.active {
    background: #565656; 
}
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: #565656; 
}

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; 
}