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

.header-logo {
    background-color: #006ca3;
}

.header-top {
    background-color: #004162}

.header-bottom {
    background-color: #005783}
div#nbp-filter-options {
    background-color: #b3d3e4;
    border-color: #b3d3e4;
}
div#nbp-filter-options {
    background-color: #e6f1f6;
    border-color: #e6f1f6;
}

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

li.footer-menu-item a.menu-item-link, h2.luxury-life-heading, 
.flp-slider .floorplan-slide-details h2, 
.single-floorplan .floorplan-inner .flp-swaps span,
body .flp-hdr h2, a.nb-map-filter, .flex-direction-nav a:before, h3.contact-title, .menu-panel-contact a, .floorplan-inner a.download-flp {
    color: #006ca3;
}
.footer-contact span, h3.luxury-life-subheading {
    color: #004162}
.flp-slider .floorplan-slide-details h2:after, .col-6.amenity-list-col, ul.ct-tabs li, ul.ct-tabs li.current, 
section.form-section.bg-color-default .col-12,
section.form-section.bg-color-primary .col-12, .single-floorplan .floorplan-inner .flp-swaps span.active, .single-floorplan .floorplan-inner .flp-swaps span:hover,
a.nb-map-filter.active, body.page-template-page-gallery ul.ct-tabs li.tab-link.current,
.gm-style-iw.gm-style-iw-c, .resident-section-content:before, .single-resource:before, li.footer-menu-item a.menu-item-link:after, .floorplan-inner a.download-flp:hover {
    background-color: #006ca3;
}
.single-floorplan .floorplan-inner .flp-swaps span.active, .single-floorplan .floorplan-inner .flp-swaps span:hover, .floorplan-inner a.download-flp {
    border-color: #006ca3;
}



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

ul.ct-tabs li {
    background-color: #a1bfd2;
}
section.form-section.bg-color-secondary .col-12, button.formmangr-button.formmangr-button-submit {
    background-color: #a1bfd2;
}
ul.nb-places-ul li.active, ul.nb-places-ul li:hover {
    color: #a1bfd2;
}







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

section.form-section.bg-color-primary .col-12 {
    background-color: #9cc165;
}








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

section.form-section.bg-color-light .col-12 {
    background-color: #9cc065;
}






/*===============================
         Dark Color
===============================*/

section.form-section.bg-color-dark .col-12 {
    background-dark: #b5d18b;
}












/*===============================
  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-hover-color-light.active h1,
.text-hover-color-light.active h3,
.flp-slider a.flp-details-btn
{
    color:  #ffffff;
}
.text-color-light .menu-section .menu-trigger {
    border-color:  #ffffff;
}
.text-color-light .menu-section .menu-trigger span.burger {
    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 .text-color-dark h4,
body .text-color-dark h5,
body .text-color-dark h6,
body .text-color-dark span,
.text-hover-color-dark.active h1,
.text-hover-color-dark.active h3,
section.floorplan-filters h4, h2.resident-section-title,
.accordion dt a, .single-resource-header h4, .main-menu-panel a.menu-item-link,
.footer-cta h2.luxury-life-heading,
.footer-cta p  {
    color:  #073f60;
}


.text-color-dark .menu-section .menu-trigger {
    border-color:  #073f60;
}
.text-color-dark .menu-section .menu-trigger span.burger {
    background:  #073f60;
}







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

a.cb-btn, a.flp-filters-trigger, .footer-right, section.instagram-section {
background-color: #006ca3;
}
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 {
background-color: #9cc165;
}

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

a.cb-btn.type-5:hover {
background-color: #fff;
color: #006ca3;
}

a.cb-btn.type-2, .theme-2 a.flp-details-trigger, a.flp-leasing-btn, .multipurpose-boxes h3, a.flp-more-details,
a.flexi-resource-link, a.flp-details-btn  {
background-color: #a1bfd2;
}
a.cb-btn.type-2:hover, .multipurpose-boxes .mp-box-content:hover  h3, a.flp-more-details:hover, a.flexi-resource-link:hover,
button.formmangr-button.formmangr-button-submit:hover {
background-color: #b0c9d9;
}

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

a.cb-btn.type-8 {
background-color: #b5d18b;
}
a.cb-btn.type-8:hover {
background-color: #c1d89d;
}



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

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

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

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

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

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

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

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

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

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


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

a.cb-btn.type-11 {
    background: transparent;
    border-color: #006ca3; 
    color: #006ca3; 
}
a.cb-btn.type-12 {
    background: transparent;
    border-color: #a1bfd2; 
    color: #a1bfd2; 
}
a.cb-btn.type-13 {
    background: transparent;
    border-color: #9cc165; 
    color: #9cc165; 
}

a.cb-btn.type-11:hover, a.cb-btn.type-11.active {
    background: #006ca3; 
}
a.cb-btn.type-12:hover, a.cb-btn.type-12.active {
    background: #a1bfd2; 
}
a.cb-btn.type-13:hover, a.cb-btn.type-13.active {
    background: #9cc165; 
}

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

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