/*====================================
  Brand Color Variables — Overrides
  These use CSS variables set from
  Settings via the main layout blade.
  Append this block to end of styles.css
=====================================*/

/* Nav / Header background */
.header,
.navigation-portrait .nav-menus-wrapper,
.navbar-default,
.header.header-fixed,
.header.header-transparent.header-fixed {
    background-color: var(--color-nav-bg) !important;
    background:       var(--color-nav-bg) !important;
}

/* Footer background */
footer.dark-footer,
footer.skin-dark-footer {
    background: var(--color-footer-bg) !important;
}
.skin-dark-footer .footer-bottom {
    border-top-color: color-mix(in srgb, var(--color-footer-bg) 60%, #fff 40%);
}