/* Change Header Background */
header, 
.header-container,
.header-area {
    background-color: #111111 !important;
}

/* Change Footer Background */
footer, 
.footer-container, 
.footer-top, 
.footer-bottom {
    background-color: #111111 !important;
}

/* Optional: Ensure text is readable (white) */
header a, footer p, footer a, footer .widget-title {
    color: #ffffff !important;
}