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

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

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

.et-blog-custom-css-grid > div {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    gap: 20px;
}

/*** 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;
    }
}

@media all and (max-width: 767px) {
    .et-blog-custom-css-grid > div {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    }
}