Bottom Bar to Overlap Footer

Hi 🙂

Try:

.site-footer {
	position: relative;
}

.site-footer .bottom-bar {
    background: transparent;
    bottom: 0;
    color: #fff;
    position: absolute;
    width: 100%;
}

.site-footer .bottom-bar a {
    color: #fff;
}

.site-footer .bottom-bar a:hover {
    color: #fff;
}

.bottom-bar-menu .menu li a:before {
    color: #fff;
}

.site-footer .bottom-bar a:hover {
    color: #fff;
}

I included the hover colors for you to customise.