#main-content .container:before {
    background: none;
}

/*** Hide Sidebar ***/
#sidebar {
    display: none;
}

footer#main-footer .container {
    width: 100%;
    max-width: 100%;
    padding: 0 30px;
}

/*** Expand the content area to fullwidth ***/
@media all and (min-width: 981px) {
    #left-area {
        width: 100%;
        padding: 23px 0px 0px !important;
        float: none !important;
    }

    #et-main-area {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }

    footer#main-footer {
        margin-top: auto;
    }
}