:root{--qwdm-width:270px;--qwdm-topbar:48px;--qwdm-header:90px;--qwdm-item-font-size:13px;--qwdm-section-font-size:10px;--qwdm-accent:#098ce9;--qwdm-theme-color:var(--thim-body-primary-color,var(--thim-primary-color,var(--e-global-color-primary,var(--qwdm-accent))))} html,body{max-width:100%;overflow-x:clip} .qwdm-sidebar{position:fixed;top:0;bottom:0;left:0;width:var(--qwdm-width);height:100dvh;background:#fff;border-right:1px solid #e2e8f0;box-shadow:2px 0 10px rgba(15,23,42,.08);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;transition:transform .28s cubic-bezier(.22,.61,.36,1);will-change:transform;z-index:99998} body.qwdm-side-right .qwdm-sidebar{left:auto;right:0;border-right:0;border-left:1px solid #e2e8f0} .qwdm-template{min-height:100%;width:100%} /* Keep the Eduma/Elementor footer at the bottom on short dashboard pages. */ body.qwdm-active #wrapper-container>.content-pusher{display:flex;min-height:100vh;flex-direction:column} body.qwdm-active #main-content.qwdm-shifted-content{display:flex;flex:1 0 auto;flex-direction:column} body.qwdm-active #main-content.qwdm-shifted-content>.thim-ekit__footer, body.qwdm-active #main-content.qwdm-shifted-content>footer{margin-top:auto} .qwdm-sidebar-topbar{box-sizing:border-box;display:flex;align-items:center;height:var(--qwdm-topbar);padding:0 16px;background:#f1f3f9;color:#172033;font-size:12px;font-weight:500;line-height:1.2}.qwdm-sidebar-topbar span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qwdm-brand{box-sizing:border-box;display:flex;align-items:center;gap:11px;min-height:calc(var(--qwdm-header) + 8px);padding:12px 16px;border-bottom:1px solid #dfe3e8;background:#fff}.qwdm-brand img{display:block;flex:0 0 auto;width:auto;max-width:48px;max-height:46px;object-fit:contain}.qwdm-brand-mark{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:3px solid #d8a72e;border-radius:50%;background:#06234a;box-shadow:inset 0 0 0 2px #fff;color:#fff;font:800 14px/1 Georgia,serif}.qwdm-brand-copy{display:block;min-width:0}.qwdm-brand-copy strong{display:block;overflow:hidden;color:#172033;font-size:15px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.qwdm-brand-copy small{display:block;margin-top:3px;color:#738096;font-size:10px;font-weight:500;line-height:1.2}.qwdm-nav{padding:12px 15px 22px}.qwdm-section-title{margin:17px 10px 7px;color:#7248e8;font-size:var(--qwdm-section-font-size,10px)!important;font-weight:800;line-height:1.35;text-transform:uppercase;letter-spacing:.02em}.qwdm-nav-item{display:flex;align-items:center;gap:9px;min-height:39px;margin:2px 0;padding:8px 11px;border-radius:6px;color:#202636!important;text-decoration:none!important;font-size:13px;font-weight:600;line-height:1.2;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.qwdm-nav-item:hover{background:#eef6ff;color:var(--qwdm-theme-color)!important}.qwdm-nav-item.is-active{background:var(--qwdm-theme-color)!important;color:#fff!important;box-shadow:0 5px 14px rgba(15,23,42,.18)}.qwdm-item-icon{flex:0 0 20px;width:20px;height:20px;font-size:19px;line-height:20px;color:currentColor}.qwdm-item-label{min-width:0}.qwdm-badge{margin-left:auto;padding:4px 8px;border-radius:4px;color:#fff;font-size:9px;font-weight:800;line-height:1}.qwdm-badge-live{background:#f05268}.qwdm-badge-free{background:#20ad52}.qwdm-badge-new{background:#7b4df1}.qwdm-download{margin:12px 10px 18px;padding:10px 12px;text-align:center;border:1px solid #b8ddff;border-radius:9px;background:#f6fbff;color:#172033;font-size:13px}.qwdm-download strong{display:block;margin-bottom:8px}.qwdm-download img{display:block;width:100%;max-width:190px;margin:auto} .qwdm-shifted-content{box-sizing:border-box;transition:margin .25s ease,width .25s ease} body.qwdm-side-left .qwdm-shifted-content{margin-left:var(--qwdm-width)!important;width:calc(100% - var(--qwdm-width))!important} body.qwdm-side-right .qwdm-shifted-content{margin-right:var(--qwdm-width)!important;width:calc(100% - var(--qwdm-width))!important} /* Desktop: reserve the same sidebar space for Eduma's top bar and header. */ body.qwdm-side-left:not(.qwdm-runtime-mobile) #wrapper-container>.content-pusher>.thim-ekit__header, body.qwdm-side-left:not(.qwdm-runtime-mobile) #wrapper-container>.content-pusher>#masthead, body.qwdm-side-left:not(.qwdm-runtime-mobile) #wrapper-container>.content-pusher>.site-header{box-sizing:border-box;margin-left:var(--qwdm-width)!important;width:calc(100% - var(--qwdm-width))!important;max-width:calc(100% - var(--qwdm-width))!important} body.qwdm-side-right:not(.qwdm-runtime-mobile) #wrapper-container>.content-pusher>.thim-ekit__header, body.qwdm-side-right:not(.qwdm-runtime-mobile) #wrapper-container>.content-pusher>#masthead, body.qwdm-side-right:not(.qwdm-runtime-mobile) #wrapper-container>.content-pusher>.site-header{box-sizing:border-box;margin-right:var(--qwdm-width)!important;width:calc(100% - var(--qwdm-width))!important;max-width:calc(100% - var(--qwdm-width))!important} /* Desktop: shift Eduma/Elementor footer the same way as header + main content */ body.qwdm-side-left:not(.qwdm-runtime-mobile) #wrapper-container>.content-pusher>.thim-ekit__footer, body.qwdm-side-left:not(.qwdm-runtime-mobile) #wrapper-container>.content-pusher>footer, body.qwdm-side-left:not(.qwdm-runtime-mobile) #wrapper-container>.content-pusher>.site-footer{ box-sizing:border-box; margin-left:var(--qwdm-width)!important; width:calc(100% - var(--qwdm-width))!important; max-width:calc(100% - var(--qwdm-width))!important; } body.qwdm-side-right:not(.qwdm-runtime-mobile) #wrapper-container>.content-pusher>.thim-ekit__footer, body.qwdm-side-right:not(.qwdm-runtime-mobile) #wrapper-container>.content-pusher>footer, body.qwdm-side-right:not(.qwdm-runtime-mobile) #wrapper-container>.content-pusher>.site-footer{ box-sizing:border-box; margin-right:var(--qwdm-width)!important; width:calc(100% - var(--qwdm-width))!important; max-width:calc(100% - var(--qwdm-width))!important; } /* Also handle footer when it lives inside the shifted main-content */ body.qwdm-side-left:not(.qwdm-runtime-mobile) #main-content.qwdm-shifted-content>.thim-ekit__footer, body.qwdm-side-left:not(.qwdm-runtime-mobile) #main-content.qwdm-shifted-content>footer{ margin-left:0!important; width:100%!important; max-width:100%!important; } body.qwdm-side-right:not(.qwdm-runtime-mobile) #main-content.qwdm-shifted-content>.thim-ekit__footer, body.qwdm-side-right:not(.qwdm-runtime-mobile) #main-content.qwdm-shifted-content>footer{ margin-right:0!important; width:100%!important; max-width:100%!important; } /* Mobile: never offset footer */ body.qwdm-runtime-mobile #wrapper-container>.content-pusher>.thim-ekit__footer, body.qwdm-runtime-mobile #wrapper-container>.content-pusher>footer, body.qwdm-runtime-mobile #wrapper-container>.content-pusher>.site-footer{ margin-left:0!important; margin-right:0!important; width:100%!important; max-width:100%!important; } body.qwdm-runtime-mobile .qwdm-shifted-content{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;transform:none!important} body.qwdm-runtime-mobile:not(.qwdm-drawer-open) .qwdm-overlay{opacity:0!important;visibility:hidden!important;pointer-events:none!important} .qwdm-toggle{display:none;position:fixed;top:72px;left:12px;align-items:center;gap:8px;min-height:42px;padding:9px 13px;border:0;border-radius:8px;background:var(--qwdm-accent);color:#fff;font:600 14px/1.2 inherit;box-shadow:0 5px 18px rgba(15,23,42,.22);cursor:pointer;z-index:99996} .qwdm-toggle:not(.qwdm-ready){display:none!important;visibility:hidden!important} .qwdm-toggle.qwdm-static-topbar{position:absolute!important;top:0!important;left:8px!important;right:auto!important;display:none;align-items:center;justify-content:center;gap:7px;width:auto!important;height:44px!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:0 8px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#111827!important;box-shadow:none!important;font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1!important;white-space:nowrap!important;z-index:99996!important}.qwdm-toggle.qwdm-static-topbar:hover{background:#e8edf5!important}.qwdm-menu-icon{display:flex;flex:0 0 19px;width:19px;flex-direction:column;gap:4px}.qwdm-menu-icon i{display:block;width:100%;height:2px;border-radius:2px;background:currentColor} body.admin-bar .qwdm-toggle.qwdm-static-topbar{top:32px!important} @media(max-width:782px){body.admin-bar .qwdm-toggle.qwdm-static-topbar{top:46px!important}} .qwdm-toggle.qwdm-in-header{position:relative!important;inset:auto!important;display:none;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;width:auto!important;height:var(--qwdm-trigger-size,34px);min-width:0!important;min-height:var(--qwdm-trigger-size,34px);margin:0 7px 0 0!important;padding:0 9px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#111827!important;box-shadow:none!important;font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1!important;white-space:nowrap!important;vertical-align:middle!important;z-index:auto!important}.qwdm-toggle.qwdm-in-header:hover{background:#eef3f8!important}.qwdm-toggle.qwdm-in-header .qwdm-toggle-text{position:static!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;overflow:visible!important;clip:auto!important;white-space:nowrap!important;border:0!important}.qwdm-toggle.qwdm-in-header .qwdm-menu-icon{width:19px;gap:4px}.qwdm-toggle.qwdm-in-header .qwdm-menu-icon i{height:2px} body.qwdm-side-right .qwdm-toggle{left:auto;right:12px} .qwdm-hamburger{display:flex;flex-direction:column;gap:4px;width:19px}.qwdm-hamburger i{display:block;width:100%;height:2px;border-radius:2px;background:currentColor} .qwdm-close{display:none;position:absolute;top:12px;right:12px;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:7px;background:#f1f5f9;color:#172033;font:400 28px/1 Arial,sans-serif;cursor:pointer;z-index:5} body.qwdm-side-right .qwdm-close{right:auto;left:12px} .qwdm-overlay{position:fixed;inset:0;background:rgba(15,23,42,.52);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:99997} body.qwdm-drawer-open .qwdm-overlay{opacity:1;visibility:visible} body.qwdm-drawer-open{overflow:hidden!important;touch-action:none} .qwdm-sidebar::-webkit-scrollbar{width:5px}.qwdm-sidebar::-webkit-scrollbar-track{background:transparent}.qwdm-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px} body.admin-bar .qwdm-sidebar{top:32px;height:calc(100dvh - 32px)} @media(max-width:782px){body.admin-bar .qwdm-sidebar{top:0;height:100dvh}.qwdm-toggle{top:58px}} @media(prefers-reduced-motion:reduce){.qwdm-sidebar,.qwdm-overlay,.qwdm-shifted-content{transition:none!important}} .qwdm-nav-item{font-size:var(--qwdm-item-font-size)!important} /* ===== Eduma / Thim Elementor Kit dark mode (html.thim-ekit-dark-mode) ===== */ html.thim-ekit-dark-mode .qwdm-sidebar{ background:var(--thim-body-bg-color,#051c34)!important; border-color:var(--thim-border-color,#0a4070)!important; box-shadow:2px 0 16px rgba(0,0,0,.45)!important; color:var(--thim-font-body-color,#e2e0db); } html.thim-ekit-dark-mode .qwdm-sidebar-topbar{ background:color-mix(in srgb,var(--thim-body-bg-color,#051c34) 90%,#000)!important; color:var(--thim-font-body-color,#e2e0db)!important; border-color:var(--thim-border-color,#0a4070)!important; } html.thim-ekit-dark-mode .qwdm-brand{ background:var(--thim-body-bg-color,#051c34)!important; border-bottom-color:var(--thim-border-color,#0a4070)!important; } html.thim-ekit-dark-mode .qwdm-brand-copy strong{color:var(--thim-font-title-color,#fff)!important} html.thim-ekit-dark-mode .qwdm-brand-copy small{color:var(--thim-font-body-color,#e2e0db)!important} html.thim-ekit-dark-mode .qwdm-nav-item{color:var(--thim-font-title-color,#fff)!important} html.thim-ekit-dark-mode .qwdm-nav-item:hover{ background:var(--thim-bg-order-cart,#07284a)!important; color:#fff!important; } html.thim-ekit-dark-mode .qwdm-nav-item.is-active{color:#fff!important} html.thim-ekit-dark-mode .qwdm-section-title{color:var(--thim-body-primary-color,#098ce9)!important} html.thim-ekit-dark-mode .qwdm-download{ background:var(--thim-bg-order-cart,#07284a)!important; border-color:var(--thim-border-color,#0a4070)!important; color:var(--thim-font-title-color,#fff)!important; } html.thim-ekit-dark-mode .qwdm-close{ background:var(--thim-bg-order-cart,#07284a)!important; color:var(--thim-font-title-color,#fff)!important; } html.thim-ekit-dark-mode .qwdm-sidebar::-webkit-scrollbar-thumb{background:var(--thim-border-color,#0a4070)} html.thim-ekit-dark-mode .qwdm-toggle.qwdm-in-header, html.thim-ekit-dark-mode .qwdm-toggle.qwdm-static-topbar{ color:var(--menu-text-color,var(--thim-font-title-color,#fff))!important; } html.thim-ekit-dark-mode .qwdm-toggle.qwdm-in-header:hover{ background:var(--thim-bg-order-cart,#07284a)!important; } html.thim-ekit-dark-mode body.qwdm-active #main-content, html.thim-ekit-dark-mode body.qwdm-active .content-pusher, html.thim-ekit-dark-mode body.qwdm-active #wrapper-container{ background-color:var(--thim-body-bg-color,#051c34)!important; color:var(--thim-font-body-color,#e2e0db); } /* Quiz SEO: shift fixed/fullwidth shells when dashboard is open (desktop only) */ body.qwdm-side-left:not(.qwdm-runtime-mobile) #main-content.qwdm-shifted-content.ssc-fullwidth-parent, body.qwdm-side-left:not(.qwdm-runtime-mobile) #main-content.qwdm-shifted-content.eduquity-fullwidth-parent, body.qwdm-side-left:not(.qwdm-runtime-mobile) html.quizSEO_ssc_page #main-content.qwdm-shifted-content, body.qwdm-side-left:not(.qwdm-runtime-mobile) html.quizSEO_eduquity_page #main-content.qwdm-shifted-content{ margin-left:var(--qwdm-width)!important; width:calc(100% - var(--qwdm-width))!important; max-width:calc(100% - var(--qwdm-width))!important; } body.qwdm-side-right:not(.qwdm-runtime-mobile) #main-content.qwdm-shifted-content.ssc-fullwidth-parent, body.qwdm-side-right:not(.qwdm-runtime-mobile) #main-content.qwdm-shifted-content.eduquity-fullwidth-parent{ margin-right:var(--qwdm-width)!important; width:calc(100% - var(--qwdm-width))!important; max-width:calc(100% - var(--qwdm-width))!important; } /* Fixed quiz instruction / exam overlays sit under the sidebar unless offset */ body.qwdm-side-left:not(.qwdm-runtime-mobile) .quizSEO_instrOverlay, body.qwdm-side-left:not(.qwdm-runtime-mobile) .quizSEO_ssc_official.quizSEO_instrOverlay, body.qwdm-side-left:not(.qwdm-runtime-mobile) .quizSEO_eduquity_official.quizSEO_instrOverlay{ left:var(--qwdm-width)!important; width:calc(100% - var(--qwdm-width))!important; max-width:calc(100% - var(--qwdm-width))!important; right:auto!important; box-sizing:border-box!important; } body.qwdm-side-right:not(.qwdm-runtime-mobile) .quizSEO_instrOverlay, body.qwdm-side-right:not(.qwdm-runtime-mobile) .quizSEO_ssc_official.quizSEO_instrOverlay, body.qwdm-side-right:not(.qwdm-runtime-mobile) .quizSEO_eduquity_official.quizSEO_instrOverlay{ right:var(--qwdm-width)!important; width:calc(100% - var(--qwdm-width))!important; max-width:calc(100% - var(--qwdm-width))!important; left:auto!important; box-sizing:border-box!important; } /* In-exam fixed shells (SSC / Eduquity) */ body.qwdm-side-left:not(.qwdm-runtime-mobile) .ssc-exam-root, body.qwdm-side-left:not(.qwdm-runtime-mobile) .eduquity-exam-root, body.qwdm-side-left:not(.qwdm-runtime-mobile) .quizSEO_ssc_official[style*="fixed"], body.qwdm-side-left:not(.qwdm-runtime-mobile) .quizSEO_eduquity_official[style*="fixed"]{ left:var(--qwdm-width)!important; width:calc(100% - var(--qwdm-width))!important; max-width:calc(100% - var(--qwdm-width))!important; box-sizing:border-box!important; } /* Mobile / drawer mode: never offset quiz UI */ body.qwdm-runtime-mobile .quizSEO_instrOverlay, body.qwdm-runtime-mobile .ssc-exam-root, body.qwdm-runtime-mobile .eduquity-exam-root{ left:0!important; right:0!important; width:100%!important; max-width:100%!important; } /* ------------------------------------------------------------------------- * Mobile: tighter Dashboard topbar control + hide on quiz posts * ------------------------------------------------------------------------- */ /* Compact static topbar (icon + label) — less padding, smaller hover pad */ @media (max-width: 991px) { .qwdm-toggle.qwdm-static-topbar { height: 36px !important; min-height: 36px !important; padding: 0 6px !important; gap: 5px !important; left: 6px !important; font-size: 13px !important; line-height: 1 !important; } .qwdm-toggle.qwdm-static-topbar:hover, .qwdm-toggle.qwdm-static-topbar:focus { background: rgba(232, 237, 245, 0.85) !important; padding: 0 6px !important; /* keep same padding on hover */ } .qwdm-toggle.qwdm-static-topbar .qwdm-menu-icon { width: 16px; gap: 3px; } .qwdm-toggle.qwdm-static-topbar .qwdm-menu-icon i { height: 2px; } .qwdm-toggle.qwdm-static-topbar .qwdm-toggle-text { font-size: 13px !important; padding: 0 !important; margin: 0 !important; } /* Hide overlapping Dashboard control on quiz / practice pages & quiz posts */ body.eduma-child-quizseo-page .qwdm-toggle.qwdm-static-topbar, body.quizseo-instructions-active .qwdm-toggle.qwdm-static-topbar, body.single-post.eduma-child-quizseo-page .qwdm-toggle.qwdm-static-topbar, body.qwdm-quiz-context .qwdm-toggle.qwdm-static-topbar, body.single.eduma-child-quizseo-page .qwdm-toggle.qwdm-static-topbar { display: none !important; visibility: hidden !important; pointer-events: none !important; } }