/* 3-column layout — override main.css `.col-* { width: 100% }` */

body.theme-soicauvn .site-main > .container > .layout-3col {
    display: grid !important;
    grid-template-columns: minmax(220px, 23%) minmax(0, 1fr) minmax(240px, 26%);
    gap: 16px;
    align-items: start;
    flex-wrap: nowrap !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.theme-soicauvn .site-main > .container > .layout-3col > .l-sidebar,
body.theme-soicauvn .site-main > .container > .layout-3col > .site-content,
body.theme-soicauvn .site-main > .container > .layout-3col > .r-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative;
    min-width: 0;
}

body.theme-soicauvn .site-content .col-l,
body.theme-soicauvn .site-content .col-xl-610,
body.theme-soicauvn .site-content .box {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

body.theme-soicauvn .l-sidebar .datepicker,
body.theme-soicauvn .l-sidebar .datepicker-inline,
body.theme-soicauvn .l-sidebar table {
    max-width: 100%;
}

body.theme-soicauvn .site-content table {
    max-width: 100%;
}

@media (max-width: 991.98px) {
    body.theme-soicauvn .site-main > .container > .layout-3col {
        grid-template-columns: 1fr !important;
    }

    body.theme-soicauvn .site-main > .container > .layout-3col > .site-content {
        order: -1;
    }
}