.html-layout {
    background-color: #000;
}


.block-layout .button-list .outlined {
    border-color: var(--fl-button-bg-color, var(--panel-color, var(--g-accent-color))) !important;
    background-color: transparent !important;
}
.bts-filled .block-layout .button-list:not(.icon-only) .default-style.outlined {
    background-color: transparent !important;
} 
.block-layout .button-list.filled label, 
.block-layout .button-list .filled label {
    color: var(--fl-button-label-color, #FFF) !important;
} 
.block-layout .button-list.outlined label, 
.block-layout .button-list .outlined label {
    color: var(--fl-button-label-color, #FFF) !important;
} 
.block-layout.inverted .block-column:not(.has-dark-bg).has-bg .box-form .mrp-dynamic-form button.btn, 
.block-layout.accent-bg .block-column:not(.has-dark-bg).has-bg .box-form .mrp-dynamic-form button.btn, 
.block-layout .box-form .mrp-dynamic-form button.btn {
    color: var(--form-button-label-color, #FFF) !important;
} 



.mrp-style-area {
    color: var(--g-accent-color);
    background-color: #000 !important;
}
#listing-results-view#listing-results-view ul.mrp-listing-results li {
	background-color: #FFF !important;
} 
#listing-results-view.mrp-style-area.sm560 .mrp-listing-page-navigation .page-buttons a {
    background-color: Var(--g-accent-color) !important;
    color: #FFF !important;
} 
#listing-details-view.mrp-style-area.xl .large-sidebar > section.inline-contact-form .mrp-listing-form-container, #listing-details-view.mrp-style-area.xl .large-sidebar > section.inline-mortgage-calc-form .mrp-listing-form-container {
    background-color: transparent !important;
}