/* ==========================================================
   DESKTOP: sidebar left, main content right
   ========================================================== */
@media (min-width: 769px) {
    /* Sidebar block on left */
    .pkp_structure_sidebar {
        float: left !important;
        width: 25% !important;
    }

    /* Main content to the right */
    .pkp_structure_main {
        float: right !important;
        width: 75% !important;
    }

    /* Remove unnecessary pseudo-elements */
    .pkp_structure_main::before,
    .pkp_structure_main::after {
        display: none;
    }
}

/* ==========================================================
   MOBILE: sidebar below content
   ========================================================== */
@media (max-width: 768px) {
    /* Make layout vertical */
    .pkp_structure_main,
    .pkp_structure_sidebar {
        float: none !important;
        width: 100% !important;
    }

    /* Sidebar moves below main content */
    .pkp_structure_sidebar {
        order: 99 !important;
        margin: 20px 0 0 0 !important;
    }
}