.page-wrapper .footer,
.page-wrapper .footer .footer-middle {
    background: #33312E;
    color: #FFF;
}

.page-wrapper .footer .widget-title {
    color: #FFF;
}

@media(min-width: 768px) {
    .footer .desktop-hide {
        display: none;
    }
}

@media(max-width: 767px) {
    .footer .mobile-hide {
        display: none;
    }

    .footer .collapsible-mobile .textwidget {
        display: none;
    }

    .footer .collapsible-mobile.opened .textwidget {
        display: revert;
    }
}