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

.header-bottom {
background-color: #6a828d;
}
div#property-slider .slides:after {
background-color: #905c68;
}




/*===============================
         Primary Color
===============================*/
.bg-primary, .hero-image-slider .wrapper-overlay, .home-floorplans .pull-right, .gm-style-iw.gm-style-iw-c, .social-bar ul.social-links li.social-icon,
.inner-wrapper-overlay, .middle-wrapper-overlay, .prpty-sldr-col .col-bg:after, section.floorplan-filters, .nb-scores, section.contact-page-intro .pull-left, .multipurpose-boxes .box-bg:after, .amenities-outer-wrapper:after, section.gallery-intro:after, .form-section .form-sec-bg:after, .walk-score-section h2:after, section.gallery-section ul.ct-tabs, .bg-primary-hover:hover, .bg-primary-active.active {
    background-color: #601626;    
} 

.border-primary {
    color: #c6c6c6;    
    border-color: #601626;    
}

.text-color-primary, .nb-map-filter.active:hover ul.nb-places-ul li.active,
body.page-template-page-gallery section.gallery-section ul.ct-tabs li:hover, a.scroll-trigger, .directions a{
    color: #601626; 
}
.gm-style .gm-style-iw-t::after {
    background: #601626;    
} 



/*===============================
         Secondary Color
===============================*/
.bg-secondary, .luxury-life-stripe, div#nbp-filter-options, .gallery-tabs-header h2.luxury-life-heading:after, .nb-headings h2.luxury-life-heading:after, .form-section h2.luxury-life-heading:after, .home-gallery-title h2.luxury-life-heading:after, .floorplan-slide-img:after, .floorplan-slide-details:after,.text-color-dark h2.luxury-life-heading:after, .bg-secondary-hover:hover, .bg-secondary-hover:hover, .bg-secondary-active.active {
    background-color: #2a4c5b;    
} 

.text-color-secondary {
    color: #2a4c5b;    
}

.border-secondary{
    border-color: #2a4c5b;
}





/*===============================
         Accent Color
===============================*/
.bg-accent, .flp-slider-wrapper .floorplan-slide-details, .theme-2 .flp-header, body.home section.gallery-section ul.ct-tabs li a, .bg-accent-hover:hover, .bg-accent-active.active {
        background-color: #c6c6c6;
}

.text-color-accent, a.flp-more-details, .nbp-fliter-dropdown, section.gallery-section .mobile-dropdown, .nbp-fliter-dropdown .nbp-mobile-filters, section.gallery-section .mobile-dropdown .gallery-tabs-dropdown {
    color: #c6c6c6;
}

.border-secondary{
    border-color: #c6c6c6;
}






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








/*===============================
         Dark Color
===============================*/
section.gallery-ctas.text-color-dark h2:after,
.header-menu li.main-menu-item a.menu-item-link.text-color-dark:after{
    background-color: #2b2b2b;
}





/*===============================
  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,
.text-color-light, .floorplan-slide-img,
button.formmangr-button.formmangr-button-submit,
.flp-slider-wrapper .floorplan-slide-details a.flp-details-btn:hover,
.gm-style .gm-style-iw-d,
.info-W-content, .info-W-content p,
.gm-style button.gm-ui-hover-effect:after,
.theme-2 .flp-header,
.video-controls,
a.menu-item-link.text-color-light,
.text-color-light span.sf-range-values-seperator,
.text-color-light,
.text-color-light-hover:hover,
.resident-section-title.text-color-light,
.resident-section-title.text-color-light-hover:hover
.resident-section-subtitle.text-color-light,
.resident-section-subtitle.text-color-light-hover:hover
{
    color:  #ffffff;
}
.text-color-light .menu-section .menu-trigger {
    border-color:  #ffffff;
}
.text-color-light .menu-section .menu-trigger span.burger,
.text-color-light h2.luxury-life-heading:after, a.flp-details-btn, body .home-3-ctas .mp-box-content h2:before, ul.amenities-grid > li:after, section.gallery-ctas.text-color-light h2:after, a.flp-more-details, .text-color-light .nb-map-filter.active:before, .walk-score-section:before, .directions a, .menu-section .menu-trigger span.burger, .hero-image-slider ul.slick-dots li.slick-active button, .slick-home-intro ul.slick-dots li.slick-active button, img.mfp-img, section.gallery-section .mobile-dropdown .gallery-tabs-dropdown, .nbp-fliter-dropdown .nbp-mobile-filters {
    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,
.text-hover-color-dark.active h1,
.text-hover-color-dark.active h3,
.main-menu-panel a.menu-item-link, .accordion dt a:before, .accordion dt a:after,
.walk-score-section h2,
a.cb-logo-link, 
.text-color-dark span.sf-range-values-seperator,
a.menu-item-link.text-color-dark,
body .text-color-dark h3.luxury-life-subheading,
.text-color-dark,
.text-color-dark-hover:hover,
.resident-section-title.text-color-dark,
.resident-section-title.text-color-dark-hover:hover,
.resident-section-subtitle.text-color-dark,
.resident-section-subtitle.text-color-dark-hover:hover
{
    color:  #2b2b2b;
}

.single-resource-header h4, .nb-scores .score-inner .score-number, .formmangr-row .formmangr-input, .formmangr-row select.formmangr-form-dd, .formmangr-row textarea, .score-desc, .nb-scores .score-inner, .slick-home-gallery .slick-next:before, .slick-home-gallery .slick-prev:before, .gallery-grid-carousel .slick-next:before, .gallery-grid-carousel .slick-prev:before, .gallery-grid-carousel .slick-next:before,  .gallery-grid-carousel .slick-prev:before {
    color: #2a4c5b;
}


.text-color-dark .menu-section .menu-trigger, section.gallery-section .mobile-dropdown .gallery-tabs-dropdown, .nbp-fliter-dropdown .nbp-mobile-filters {
    border-color:  #2b2b2b;
}
.text-color-dark .menu-section .menu-trigger span.burger,
.text-color-dark .nb-map-filter.active:before{
    background:  #2b2b2b;
}
.contact-page-desc .directions a, ul.nb-places-ul li:hover{
    color:  #601626;
}


.active.text-color-light-active,
.text-color-light-hover:hover {
    color:  #ffffff;
}


.active.text-color-dark-active,
.text-color-dark-hover:hover {
    color:  #2b2b2b;
}


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

a.cb-btn, a.flp-filters-trigger, section.instagram-section {
background-color: #601626;
}
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: #c6c6c6;
}

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

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

a.cb-btn.type-2, .theme-2 a.flp-details-trigger, a.flp-leasing-btn,
a.flexi-resource-link  {
background-color: #2a4c5b;
}
a.cb-btn.type-2.active, a.cb-btn.type-2:hover, a.cb-btn.type-1:hover, a.flexi-resource-link:hover {
background-color: #4a6774;
}

a.cb-btn.type-7 {
background-color: #601626;
}
a.cb-btn.type-7:hover {
background-color: #783947;
}

a.cb-btn.type-8 {
background-color: #c6c6c6;
}
a.cb-btn.type-8:hover {
background-color: #cfcfcf;
}



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

a.cb-btn.type-11 {
    background: transparent;
    border-color: #601626; 
    color: #601626; 
}
a.cb-btn.type-12 {
    background: transparent;
    border-color: #2a4c5b; 
    color: #2a4c5b; 
}
a.cb-btn.type-13 {
    background: transparent;
    border-color: #c6c6c6; 
    color: #c6c6c6; 
}

a.cb-btn.type-11:hover, a.cb-btn.type-11.active {
    background: #601626; 
}
a.cb-btn.type-12:hover, a.cb-btn.type-12.active {
    background: #2a4c5b; 
}
a.cb-btn.type-13:hover, a.cb-btn.type-13.active {
    background: #c6c6c6; 
}

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

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

.container-full.text-color-dark .forminator-row div#submit button.formmangr-button.formmangr-button-submit{
    background: #c6c6c6;
    color: #ffffff;
}

.container-full.text-color-light .forminator-row div#submit button.formmangr-button.formmangr-button-submit,
.sab-btn-wrap button.sab-vr-load-more-btn.more{
    background: #c6c6c6;
    color: #2b2b2b;
}










