:root{--teal:#00454f;--teal-mid:#005f6b;--teal-light:#ccdee1;--teal-pale:#e8f4f6;--green:#327f00;--green-pale:#eaf4e0;--amber:#c66d00;--amber-pale:#fef3e2;--red:#7a0035;--red-pale:#fce8ef;--bg:#f4f8f9;--surface:#ffffff;--border:#ccdee1;--border-mid:#aacdd2;--text:#0d2b2f;--muted:#4a6f74;--nav-h:64px;--sidebar-w:240px;--radius:12px;--radius-sm:8px;--glass-bg:rgba(255,255,255,0.65);--glass-border:1px solid rgba(255,255,255,0.9);--glass-shadow:0 8px 32px 0 rgba(0,69,79,0.08);--glass-blur:blur(12px);--font-stack:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;}
body:has(#dtm-app) #ajax-content-wrap,
body:has(#dtm-app) #ajax-content-wrap .container-wrap,
body:has(#dtm-app) #ajax-content-wrap .container,
body:has(#dtm-app) #ajax-content-wrap .container.main-content,
body:has(#dtm-app) #ajax-content-wrap .row,
body:has(#dtm-app) #ajax-content-wrap .inner-wrap,
body:has(#dtm-app) #ajax-content-wrap .col.span_12,
body:has(#dtm-app) #ajax-content-wrap .wpb_wrapper,
body:has(#dtm-app) #ajax-content-wrap .vc_column-inner,
body:has(#dtm-app) #ajax-content-wrap .wpb_column{background:#ccdee1 !important;max-width:100% !important;width:100% !important;padding-left:0 !important;padding-right:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;margin-top:0 !important;margin-bottom:0 !important;}
#dtm-app{min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-stack);font-size:15px;line-height:1.5;color:var(--text);background:#ccdee1;-webkit-font-smoothing:antialiased;}
.dtm-view{display:none;padding:24px 16px calc(var(--nav-h) + 24px);opacity:0;transform:translateY(6px);transition:opacity 150ms ease, transform 150ms ease;}
.dtm-view.active{display:block;opacity:1;transform:translateY(0);}
#dtm-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);background:var(--surface);border-top:1px solid var(--border);display:none;align-items:center;justify-content:space-around;z-index:100;}
#dtm-app.dtm-logged-in #dtm-bottom-nav{display:flex;}
.dtm-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--muted);font-size:11px;font-family:inherit;font-weight:500;cursor:pointer;padding:8px 0;transition:color 150ms;}
.dtm-nav-btn.active{color:var(--teal);}
#dtm-sidebar{display:none;}
#dtm-content{flex:1;}
@media(min-width:860px){
#dtm-app{flex-direction:row;min-height:100vh;align-items:stretch;}
#dtm-bottom-nav,
#dtm-app.dtm-logged-in #dtm-bottom-nav{display:none;}
#dtm-app.dtm-logged-in #dtm-sidebar{display:flex;flex-direction:column;width:var(--sidebar-w);align-self:stretch;background:var(--teal);padding:28px 0 24px;flex-shrink:0;}
.dtm-sidebar-wordmark{padding:0 20px 28px;border-bottom:1px solid #ffffff22;margin-bottom:12px;text-align:center;}
.dtm-sidebar-logo{width:100%;height:40px;background:#ffffff22;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;color:#fff;margin-bottom:10px;}
.dtm-sidebar-title{font-size:15px;font-weight:700;color:#fff;}
.dtm-sidebar-sub {font-size:12px;color:#ffffff88;text-align:center;}
.dtm-sidebar-nav{flex:1;padding:0 12px;}
.dtm-sidebar-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:transparent;border:none;color:#ffffffaa;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background 120ms, color 120ms;margin-bottom:2px;text-align:left;}
.dtm-sidebar-btn svg{width:18px;height:18px;flex-shrink:0;}
.dtm-sidebar-btn:hover{background:#ffffff15;color:#fff;}
.dtm-sidebar-btn.active{background:#ffffff22;color:#fff;}
.dtm-sidebar-bottom{padding:16px 20px 0;border-top:1px solid #ffffff22;margin-top:12px;}
.dtm-sidebar-user-pill{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffffaa;}
.dtm-sidebar-user-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0;}
.dtm-sidebar-logout-btn{margin-top:8px;width:100%;background:transparent;border:1px solid #ffffff33;color:#ffffffaa;border-radius:var(--radius-sm);padding:6px 10px;font-family:inherit;font-size:12px;cursor:pointer;transition:background 120ms;}
.dtm-sidebar-logout-btn:hover{background:#ffffff15;color:#fff;}
.dtm-view{padding:32px 40px 48px;}
} .dtm-auth-card{max-width:480px;margin:60px auto 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;}
.dtm-auth-card h3{font-size:20px;font-weight:700;margin-bottom:10px;text-align:center;}
.dtm-auth-card p{font-size:14px;color:var(--muted);margin-bottom:20px;text-align:center;}
.dtm-passphrase-input-group{display:flex;gap:8px;margin-bottom:8px;}
.dtm-passphrase-input-group input{flex:1;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:15px;outline:none;transition:border-color 120ms;}
.dtm-passphrase-input-group input:focus{border-color:var(--teal);}
.dtm-passphrase-input-group .dtm-btn-primary{width:auto;flex-shrink:0;}
.dtm-passphrase-hint{font-size:12px;color:var(--muted);margin-bottom:16px;text-align:center;}
.dtm-skip-btn{margin-top:4px;}
.dtm-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;background:var(--teal);color:#fff;border:none;border-radius:var(--radius);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #00454f33;transition:background 120ms, box-shadow 120ms;}
.dtm-btn-primary:hover{background:var(--teal-mid);box-shadow:0 4px 12px #00454f44;}
.dtm-btn-primary:active{transform:scale(0.98);}
.dtm-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:var(--surface);border:1px solid var(--border-mid);color:var(--teal);border-radius:var(--radius-sm);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background 120ms;}
.dtm-btn-secondary:hover{background:var(--teal-pale);}
.dtm-btn-outline{background:transparent;border:1px solid var(--border-mid);color:var(--teal);border-radius:var(--radius-sm);padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background 120ms;}
.dtm-btn-outline:hover{background:var(--teal-pale);}
.dtm-btn-sm{padding:5px 10px;font-size:12px;}
.dtm-divider{height:1px;background:var(--border);margin:20px 0;}
.dtm-mobile-wordmark{display:flex;align-items:center;gap:10px;margin-bottom:20px;}
.dtm-mobile-logo{min-width:132px;height:40px;padding:0 16px;background:var(--teal);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #00454f1a;}
.dtm-mobile-wordmark-text{display:flex;flex-direction:column;gap:2px;min-width:0;}
.dtm-wm-title{font-size:15px;font-weight:700;color:var(--teal);}
.dtm-wm-sub{font-size:12px;color:var(--muted);}
@media(min-width:860px){ .dtm-mobile-wordmark{display:none;}
} .dtm-mastery-card{background:var(--teal);border-radius:var(--radius);padding:22px;margin-bottom:16px;color:#fff;}
.dtm-mastery-level-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.dtm-mastery-badge{background:#ffffff22;color:#fff;font-size:13px;font-weight:700;padding:4px 12px;border-radius:99px;letter-spacing:0.04em;}
.dtm-mastery-next {font-size:12px;color:#ffffffaa;}
.dtm-mastery-pct  {font-size:32px;font-weight:700;line-height:1;margin-bottom:4px;}
.dtm-mastery-pct span{font-size:15px;font-weight:400;opacity:0.7;margin-left:4px;}
.dtm-mastery-sublabel{font-size:12px;opacity:0.7;margin-bottom:12px;}
.dtm-mastery-progress-track{width:100%;height:6px;background:#ffffff33;border-radius:99px;overflow:hidden;}
.dtm-mastery-progress-fill{height:100%;border-radius:99px;background:var(--teal-light);transition:width 600ms ease;}
.dtm-stats-strip{display:flex;gap:10px;margin-bottom:20px;}
.dtm-stat-pill{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 8px;text-align:center;}
.dtm-stat-heading{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:6px;}
.dtm-stat-val{font-size:19px;font-weight:700;color:var(--teal);line-height:1;}
.dtm-stat-lbl{font-size:11px;color:var(--muted);margin-top:3px;}
.dtm-home-cta-row{display:flex;gap:8px;align-items:stretch;margin-bottom:8px;}
.dtm-home-cta-row .dtm-start-session-btn{flex:1;margin-bottom:0;}
.dtm-home-cta-row .dtm-quit-session-btn{flex-shrink:0;width:auto;padding:13px 18px;background:#c66d00;border-color:#c66d00;color:#fff;border-radius:var(--radius-sm);}
.dtm-home-cta-row .dtm-quit-session-btn:hover{background:#a55a00;border-color:#a55a00;color:#fff;}
.dtm-section-heading{margin-bottom:14px;margin-top:24px;text-align:center;}
.dtm-section-heading h2{font-size:22px;font-weight:600;color:var(--teal);}
.dtm-section-heading p{font-size:13px;color:var(--muted);margin-top:2px;}
.dtm-game-list, .dtm-mode-btns{display:flex;flex-direction:column;gap:6px;}
.dtm-game-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;position:relative;overflow:visible;transition:background 120ms, border-color 120ms, box-shadow 120ms;}
.dtm-game-item[data-tooltip]::before{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%) translateY(4px);width:min(260px, calc(100vw - 48px));padding:10px 12px;border-radius:10px;background:var(--teal);color:#fff;font-size:12px;line-height:1.4;font-weight:500;text-align:left;box-shadow:0 10px 24px #00454f2e;opacity:0;pointer-events:none;visibility:hidden;transition:opacity 140ms ease, transform 140ms ease, visibility 0s linear 140ms;z-index:30;}
.dtm-game-item[data-tooltip]::after{content:'';position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%) translateY(4px);width:12px;height:12px;background:var(--teal);border-radius:2px;rotate:45deg;opacity:0;pointer-events:none;visibility:hidden;transition:opacity 140ms ease, transform 140ms ease, visibility 0s linear 140ms;z-index:29;}
.dtm-game-item[data-tooltip]:hover::before,
.dtm-game-item[data-tooltip]:hover::after,
.dtm-game-item[data-tooltip]:focus-visible::before,
.dtm-game-item[data-tooltip]:focus-visible::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);transition-delay:2s, 2s, 2s;}
.dtm-game-item:hover, .dtm-game-item.selected{background:var(--teal-pale);border-color:var(--border-mid);box-shadow:0 2px 8px #00454f0f;}
.dtm-game-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.dtm-icon-test{background:var(--teal-pale);}
.dtm-icon-essay{background:#f0f7e6;}
.dtm-icon-close-gaps{background:#fef3e2;color:var(--amber);}
.dtm-game-info{flex:1;min-width:0;}
.dtm-game-name{font-size:14px;font-weight:600;color:var(--text);}
.dtm-game-desc{font-size:12px;color:var(--muted);margin-top:1px;}
.dtm-weight-badge{display:inline-flex;align-items:center;padding:0 10px;height:24px;border-radius:20px;font-size:13px;font-weight:700;vertical-align:middle;cursor:help;}
.dtm-weight-standard{border:1.5px solid var(--teal-mid);color:var(--teal-mid);}
.dtm-weight-high{background:#c66d00;color:#fff;border:1.5px solid #c66d00;}
.dtm-game-status{display:none;margin-top:6px;font-size:11px;font-weight:600;color:var(--amber);}
.dtm-game-arrow{color:var(--border-mid);flex-shrink:0;}
.dtm-home-card-disabled{opacity:0.68;cursor:not-allowed;background:#f9fbfb;border-color:#d6e3e5;box-shadow:none;pointer-events:none;}
.dtm-home-card-disabled:hover{background:#f9fbfb;border-color:#d6e3e5;box-shadow:none;}
.dtm-home-card-disabled .dtm-game-arrow{color:#b7c9cc;}
@media(max-width:859px){
.dtm-game-item[data-tooltip]::before,
.dtm-game-item[data-tooltip]::after{display:none;}
}
@media(min-width:860px){
.dtm-game-list, .dtm-mode-btns{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px;}
}
@media(min-width:641px) and (max-width:859px){
.dtm-game-list, .dtm-mode-btns{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;}
}
@media(max-width:640px){
.dtm-game-list, .dtm-mode-btns{display:grid;grid-template-columns:1fr;gap:8px;}
} .dtm-session-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.dtm-session-title{font-size:18px;font-weight:700;color:var(--teal);}
.dtm-close-btn{width:32px;height:32px;border-radius:50%;background:var(--teal-light);border:none;color:var(--teal);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 120ms;}
.dtm-close-btn:hover{background:var(--border-mid);}
#dtm-topic-generate-area{margin-top:24px;}
.dtm-topic-selector{max-width:none;width:100%;margin:0 auto 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 2px 8px #00454f0f;}
.dtm-topic-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:transparent;border:none;color:var(--text);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;text-align:left;}
.dtm-topic-trigger:focus-visible{outline:2px solid var(--teal);outline-offset:-2px;}
.dtm-topic-trigger-left{display:flex;align-items:center;gap:10px;min-width:0;}
.dtm-topic-trigger-left svg{width:18px;height:18px;color:var(--teal);flex-shrink:0;}
.dtm-topic-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dtm-topic-chevron{width:18px;height:18px;color:var(--muted);flex-shrink:0;transition:transform 0.22s ease;}
.dtm-topic-selector.open .dtm-topic-chevron{transform:rotate(180deg);}
.dtm-topic-options{display:none;border-top:1px solid var(--border);max-height:280px;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.dtm-topic-selector.open .dtm-topic-options{display:block;}
.dtm-topic-option{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;border:none;border-bottom:1px solid #eef4f5;background:transparent;color:#2a5a62;font-family:inherit;font-size:13.5px;cursor:pointer;text-align:left;transition:background 120ms ease, color 120ms ease;}
.dtm-topic-option:last-child{border-bottom:none;}
.dtm-topic-option:hover{background:#f0f9fa;}
.dtm-topic-option.selected{background:var(--teal-pale);color:var(--teal);font-weight:600;}
.dtm-topic-option:focus-visible{outline:2px solid var(--teal);outline-offset:-2px;}
.dtm-topic-text{flex:1 1 auto;}
.dtm-topic-meta{flex-shrink:0;font-size:11.5px;color:#5f7d83;}
.dtm-topic-option.selected .dtm-topic-meta{color:var(--teal);}
.dtm-topic-option-complete .dtm-topic-meta{color:#1f7a43;font-weight:600;}
.dtm-topic-check{width:18px;height:18px;border-radius:50%;border:2px solid #c4d8db;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color 120ms ease, background 120ms ease;}
.dtm-topic-option.selected .dtm-topic-check{border-color:var(--teal);background:var(--teal);}
.dtm-topic-option.selected .dtm-topic-check::after{content:'';width:6px;height:6px;border-radius:50%;background:#fff;}
.dtm-topic-text{min-width:0;}
@media(min-width:860px){
.dtm-topic-options{max-height:none;overflow-y:visible;}
}
.dtm-control-group{margin-bottom:14px;}
.dtm-control-group label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:5px;}
.dtm-dropdown{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:14px;font-weight:500;color:var(--text);background:var(--surface);outline:none;box-shadow:0 1px 3px #00454f08;transition:border-color 120ms, box-shadow 120ms;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300454f' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer;}
.dtm-dropdown:hover{border-color:var(--border-mid);box-shadow:0 2px 8px #00454f0f;}
.dtm-dropdown:focus{border-color:var(--teal);box-shadow:0 2px 8px #00454f0f;}
.dtm-about-card{background:var(--teal);border-radius:var(--radius);padding:24px;text-align:center;color:#fff;}
.dtm-about-logo{width:auto;height:56px;padding:0 20px;background:#ffffff22;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;color:#fff;margin:0 auto 12px;}
.dtm-about-name{font-size:18px;font-weight:700;margin-bottom:4px;}
.dtm-about-sub{font-size:13px;opacity:0.75;}
.dtm-about-ver{font-size:11px;opacity:0.5;margin-top:14px;}:root{--bg:#ccdee1;--teal:#00454f;--green:#327f00;--amber:#c66d00;--red:#7a0035;--glass-bg:rgba(255, 255, 255, 0.65);--glass-border:1px solid rgba(255, 255, 255, 0.9);--glass-shadow:0 8px 32px 0 rgba(0, 69, 79, 0.08);--glass-blur:blur(12px);--font-stack:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;}
#dtm-questions-container{background:linear-gradient(135deg, #ccdee1 0%, #dbeef1 100%);padding:40px;border-radius:16px;max-width:900px;margin:0 auto;font-family:var(--font-stack);color:#2d3748;box-shadow:var(--glass-shadow);box-sizing:border-box;}
.dtm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #eee;}
.dtm-header-actions{display:flex;gap:10px;}
.dtm-dashboard{width:100%;max-width:800px;margin:20px auto;background:transparent;padding:0;box-shadow:none;border-radius:0;box-sizing:border-box;}
.dtm-dashboard-tabs-nav{display:flex;list-style:none;padding:0;margin:0 0 10px 0;border-bottom:1px solid #ccdee1;width:100%;}
.dtm-dashboard-tabs-nav li{margin:0;padding:0;flex:1;text-align:center;list-style:none !important;}
.dtm-dashboard-tabs-nav a{padding:10px 15px;display:block;text-decoration:none;background:#00454f;color:white;transition:all 0.3s ease;}
.dtm-dashboard-tabs-nav a:hover{background:white;color:#00454f;border:1px solid #00454f;}
.dtm-dashboard-tabs-nav a.dtm-tab-active{background:white;color:#00454f;border-bottom:2px solid #00454f;}
.dtm-dashboard-tab-content{background:var(--glass-bg);backdrop-filter:var(--glass-blur);padding:25px;border-radius:12px;border:var(--glass-border);box-shadow:none;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.dtm-settings-pane-container{display:flex;gap:20px;width:100%;}
.dtm-settings-pane{flex:1;background:#fff;padding:20px;border:2px solid #00454f;border-radius:4px;}
.dtm-settings-pane h3{margin:0 0 15px 0;font-size:1.1em;color:#00454f;border-bottom:2px solid #eee;padding-bottom:10px;text-align:center;}
.dtm-toggle-wrapper{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-top:10px;cursor:pointer;}
.dtm-toggle-label{flex-grow:1;font-weight:500;color:#00454f;display:flex;align-items:baseline;gap:8px;}
.dtm-toggle-input{display:none;}
.dtm-toggle-slider{position:relative;width:50px;height:25px;background-color:#ccc;border-radius:25px;transition:background-color 0.3s;flex-shrink:0;}
.dtm-toggle-slider::after{content:'';position:absolute;top:3px;left:3px;width:19px;height:19px;background-color:white;border-radius:50%;transition:left 0.3s;}
.dtm-toggle-input:checked+.dtm-toggle-slider{background-color:#00454f;}
.dtm-toggle-input:checked+.dtm-toggle-slider::after{left:28px;}
.dtm-passphrase-form{background:#f1f1f1;padding:15px;border-radius:8px;border:1px solid #ddd;margin-top:15px;display:none;}
.dtm-passphrase-form input{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;background:white;}
.dtm-change-pass-btn{width:100%;background-color:#00454f;color:white;padding:12px;font-size:16px;font-weight:600;border:none;border-radius:6px;cursor:pointer;margin-top:10px;margin-bottom:15px;}
.dtm-change-pass-btn:hover{background-color:#003039;}
.dtm-delete-btn{width:100%;background-color:var(--red);color:white;border:none;padding:14px 28px;border-radius:8px;cursor:pointer;font-size:1rem;margin-top:10px;transition:all 0.2s ease;text-align:center;font-weight:600;font-family:var(--font-stack);box-shadow:0 4px 15px rgba(122, 0, 53, 0.3);}
.dtm-delete-btn:hover{background-color:#580026;transform:translateY(-2px);box-shadow:0 6px 20px rgba(122, 0, 53, 0.4);}
.dtm-calendar-grid{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;}
.dtm-calendar-month{display:flex;flex-direction:column;margin-bottom:15px;flex:0 0 auto;min-width:120px;}
.dtm-calendar-days{display:grid;grid-template-columns:repeat(7, 14px);gap:3px;}
.dtm-day-dot{width:14px;height:14px;border-radius:50%;cursor:pointer;display:block;}
.dtm-header h3{margin:0;text-align:left !important;}
#dtm-questions-container h3{color:var(--teal);margin-bottom:25px;font-weight:700;text-align:center;font-size:1.8rem;}
#dtm-questions-container h4{color:var(--teal);margin-bottom:15px;font-weight:600;}
.dtm-question-item, .dtm-upload-section, #dtm-extracted-text-section{background:var(--glass-bg);border:var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-blur);padding:30px;margin-bottom:25px;}
.dtm-control-group{margin-bottom:20px;text-align:left;max-width:450px;margin-left:auto;margin-right:auto;}
.dtm-control-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--teal);font-size:0.95rem;text-transform:uppercase;letter-spacing:0.05em;}
.dtm-primary-btn, .dtm-secondary-btn, #dtm-generate-btn,
#dtm-submit-answer{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all 0.2s ease;border:1px solid transparent;font-family:var(--font-stack);gap:8px;}
.dtm-primary-btn, #dtm-generate-btn,
#dtm-submit-answer{background-color:var(--teal);color:#ffffff;box-shadow:0 4px 15px rgba(0, 69, 79, 0.3);}
#dtm-generate-btn{display:table;margin:20px auto 0;}
.dtm-primary-btn:hover, #dtm-generate-btn:hover,
#dtm-submit-answer:hover{background-color:#005f6b;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0, 69, 79, 0.4);}
.dtm-secondary-btn{background-color:rgba(255, 255, 255, 0.8);color:var(--teal);border:1px solid var(--teal);}
.dtm-secondary-btn:hover{background-color:#ffffff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);}
.dtm-question-item{border-left:5px solid var(--teal);}
.dtm-q-header{display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:15px;border-bottom:1px solid rgba(0, 69, 79, 0.1);font-weight:700;color:var(--teal);font-size:1.15rem;}
.dtm-upload-section{text-align:center;}
.dtm-warning{background:rgba(198, 109, 0, 0.1);border:1px solid rgba(198, 109, 0, 0.3);color:#945200;padding:15px;border-radius:8px;margin-bottom:25px;font-size:1rem;display:inline-block;font-family:var(--font-stack);line-height:1.5;}
.dtm-upload-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;}
#dtm-qr-container{margin-top:25px;padding:20px;background:#ffffff;border-radius:12px;display:inline-block;position:relative;box-shadow:0 10px 40px rgba(0, 0, 0, 0.1);}
.dtm-extracted-box{width:100%;min-height:200px;padding:20px;background:rgba(255, 255, 255, 0.8);border:1px solid rgba(0, 69, 79, 0.2);border-radius:8px;font-family:var(--font-stack);font-size:1rem;line-height:1.6;margin:15px 0;resize:vertical;}
.dtm-extracted-box:focus{outline:none;background:#ffffff;border-color:var(--teal);box-shadow:0 0 0 3px rgba(0, 69, 79, 0.1);}
.dtm-general-comments{background:rgba(50, 127, 0, 0.08);padding:20px;border-radius:8px;margin:20px 0;border-left:4px solid var(--green);color:#1a4200;}
.dtm-fb-header{color:var(--teal);border-bottom:1px solid rgba(0, 0, 0, 0.05);}
#dtm-loading{text-align:center;margin-top:30px;}
.dtm-loading-eta{margin:14px auto 0;max-width:280px;}
.dtm-loading-eta-text{margin-top:10px;font-size:0.82rem;color:var(--muted);}
.dtm-loading-progress{width:100%;height:8px;border-radius:999px;background:rgba(0, 95, 107, 0.12);overflow:hidden;}
.dtm-loading-progress-bar{width:0;height:100%;border-radius:999px;background:linear-gradient(90deg, var(--teal), var(--teal-light));transition:width 0.2s linear;}
.dtm-spinner{border:4px solid rgba(0, 69, 79, 0.1);border-top:4px solid var(--teal);width:50px;height:50px;border-radius:50%;animation:spin 1s linear infinite;display:block;margin:0 auto 15px;}
@keyframes spin {
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
} @media(max-width:640px){
#dtm-questions-container{padding:15px;max-width:100%;}
.dtm-dashboard{padding:15px;}
.dtm-upload-buttons{flex-direction:column;}
.dtm-secondary-btn{width:100%;}
.dtm-settings-pane-container{flex-direction:column;}
.dtm-metrics-grid{grid-template-columns:1fr;}
.dtm-dashboard-tabs-nav{flex-wrap:wrap;gap:5px;}
.dtm-dashboard-tabs-nav a{padding:8px 12px;font-size:0.85rem;}
.dtm-q-ms-row{flex-direction:column;}
.dtm-comparison-container{padding:12px;}
.dtm-dash-header{flex-direction:column;align-items:flex-start;gap:10px;}
.dtm-dash-header h2{font-size:1.4rem;}
.dtm-dashboard-tab-content{padding:15px;}
.dtm-metric-value{font-size:1.5rem;}
} @media(max-width:480px){
#dtm-questions-container{padding:10px;}
.dtm-dashboard{padding:10px;}
#dtm-questions-container h3{font-size:1.3rem;}
.dtm-dash-header h2{font-size:1.2rem;}
.dtm-primary-btn, .dtm-secondary-btn, #dtm-generate-btn,
#dtm-submit-answer{width:100%;padding:12px 16px;font-size:0.9rem;}
.dtm-dashboard-tabs-nav a{padding:6px 10px;font-size:0.8rem;}
.dtm-dashboard-tab-content{padding:10px;}
.dtm-settings-pane{padding:12px;}
.dtm-history-questions-list{padding:4px 8px;}
.dtm-history-question-item{padding:8px 10px;}
} .dtm-data-table{width:100%;border-collapse:collapse;margin:15px 0;background:rgba(255, 255, 255, 0.9);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0, 69, 79, 0.1);}
.dtm-data-table thead{background:#00454f;background:var(--teal);color:#ffffff;}
.dtm-data-table th{background:#00454f;background:var(--teal);color:#ffffff;padding:12px 16px;text-align:left;font-weight:600;font-size:0.9rem;letter-spacing:0.05em;border-bottom:2px solid rgba(0, 0, 0, 0.1);}
.dtm-data-table td{padding:10px 16px;border-bottom:1px solid rgba(0, 69, 79, 0.1);font-size:0.95rem;}
.dtm-data-table th:not(:first-child),
.dtm-data-table td:not(:first-child){text-align:center !important;}
.dtm-data-table tbody tr:last-child td{border-bottom:none;}
.dtm-data-table tbody tr:nth-child(even){background:rgba(0, 69, 79, 0.03);}
.dtm-data-table tbody tr:hover{background:rgba(0, 69, 79, 0.06);}
.dtm-graph-container{width:100%;max-width:600px;height:360px;margin:15px auto;background:rgba(255, 255, 255, 0.9);border-radius:8px;padding:16px;box-shadow:0 2px 8px rgba(0, 69, 79, 0.1);box-sizing:border-box;position:relative;}
.dtm-graph-container canvas{display:block;width:100% !important;height:100% !important;}
@media(max-width:600px){
.dtm-graph-container{padding:10px;max-width:100%;height:280px;}
} .dtm-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:blur(4px);}
.dtm-modal-content{background-color:#fefefe;margin:5% auto;padding:30px;border:1px solid #888;width:90%;max-width:800px;border-radius:12px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);font-family:var(--font-stack);position:relative;max-height:90vh;overflow-y:auto;}
.dtm-close{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer;line-height:1;}
.dtm-close:hover, .dtm-close:focus{color:var(--teal);text-decoration:none;}
.dtm-modal h3{color:var(--teal);margin-top:0;padding-bottom:15px;border-bottom:2px solid var(--teal);}
.dtm-scheme-item h4{color:var(--teal);margin-bottom:10px;}
.dtm-modal-body{padding-top:15px;line-height:1.6;}
.ai-science-auth-form{background:linear-gradient(135deg, #ccdee1 0%, #dbeef1 100%);padding:50px 40px;border-radius:16px;max-width:500px;margin:0 auto;font-family:var(--font-stack);text-align:center;background:var(--glass-bg);border:var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-blur);}
.ai-science-auth-form h3{color:var(--teal);margin-bottom:15px;font-weight:700;font-size:1.6rem;}
.ai-science-auth-form p{color:#4a5568;margin-bottom:30px;font-size:1rem;line-height:1.6;}
.passphrase-input-group{display:flex;gap:10px;margin-bottom:12px;}
.passphrase-input-group input{flex:1;padding:14px 16px;font-size:1rem;border:2px solid #e2e8f0;border-radius:8px;font-family:var(--font-stack);background-color:#ffffff;transition:all 0.2s ease;}
.passphrase-input-group input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(0, 69, 79, 0.1);}
.passphrase-input-group button{white-space:nowrap;}
.passphrase-hint{color:#718096;font-size:0.875rem;margin-bottom:25px;font-style:italic;}
.ai-science-skip-btn{margin-top:15px;background-color:rgba(255, 255, 255, 0.5) !important;border:1px dashed var(--teal) !important;color:var(--teal) !important;}
.ai-science-skip-btn:hover{background-color:rgba(255, 255, 255, 0.8) !important;}
.ai-science-primary-btn{background-color:var(--teal);color:#ffffff;border:none;padding:14px 28px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all 0.2s ease;font-family:var(--font-stack);box-shadow:0 4px 15px rgba(0, 69, 79, 0.3);}
.ai-science-primary-btn:hover{background-color:#005f6b;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0, 69, 79, 0.4);}
.ai-science-primary-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;}
@media(max-width:640px){
.ai-science-auth-form{padding:30px 20px;}
.passphrase-input-group{flex-direction:column;}
} .dtm-timer{text-align:center;padding:15px 25px;border-radius:8px;font-size:1.2rem;font-weight:600;margin-bottom:20px;font-family:var(--font-stack);}
.dtm-timer.reading-time{background:linear-gradient(135deg, rgba(0, 69, 79, 0.1), rgba(0, 95, 107, 0.15));border:2px solid var(--teal);color:var(--teal);}
.dtm-timer.writing-time{background:linear-gradient(135deg, rgba(50, 127, 0, 0.1), rgba(70, 160, 0, 0.15));border:2px solid var(--green);color:var(--green);}
.dtm-timer.overtime{background:linear-gradient(135deg, rgba(198, 109, 0, 0.1), rgba(220, 120, 0, 0.15));border:2px solid var(--amber);color:#945200;animation:pulse-warning 2s ease-in-out infinite;}
@keyframes pulse-warning {
0%,
100%{opacity:1;}
50%{opacity:0.7;}
} #dtm-upload-desktop:disabled,
#dtm-mobile-qr-btn:disabled,
#dtm-submit-answer:disabled{opacity:0.5;cursor:not-allowed;transform:none !important;box-shadow:none !important;}
.dtm-dashboard{background:var(--glass-bg);border:var(--glass-border);backdrop-filter:var(--glass-blur);border-radius:16px;padding:30px;box-shadow:var(--glass-shadow);margin:0 auto;max-width:900px;box-sizing:border-box;}
.dtm-dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:2px solid rgba(0, 69, 79, 0.1);padding-bottom:15px;}
.dtm-dash-header h2{color:var(--teal);margin:0;font-size:1.8rem;}
.dtm-dashboard-tabs-nav{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 25px 0;gap:10px;}
.dtm-dashboard-tabs-nav li{margin:0;}
.dtm-dashboard-tabs-nav a{text-decoration:none;color:var(--teal);padding:10px 20px;border-radius:8px;background:rgba(255, 255, 255, 0.5);transition:all 0.2s;font-weight:600;display:block;}
.dtm-dashboard-tabs-nav a:hover, .dtm-dashboard-tabs-nav a.dtm-tab-active{background:var(--teal);color:white;}
.dtm-tab-content{animation:fadeIn 0.3s ease;}
@keyframes fadeIn {
from{opacity:0;transform:translateY(5px);}
to{opacity:1;transform:translateY(0);}
} .dtm-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px;margin-bottom:30px;}
.dtm-metric-card{background:white;padding:20px;border-radius:12px;text-align:center;box-shadow:0 4px 6px rgba(0, 0, 0, 0.05);}
.dtm-metric-card h3{margin:0 0 10px;color:#666;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.05em;}
.dtm-metric-value{font-size:2rem;font-weight:700;color:var(--teal);margin:0;}
.dtm-table{width:100%;border-collapse:collapse;margin-top:10px;background:white;border-radius:8px;overflow:hidden;}
.dtm-table th, .dtm-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee;}
.dtm-table th{background:var(--teal);color:white;font-weight:600;}
.dtm-setting-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #eee;}
.dtm-setting-item:last-child{border-bottom:none;}
.dtm-setting-item label{font-weight:600;color:var(--teal);}
.dtm-checkbox-wrapper{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:3px 3px;border-radius:6px;background:rgba(255, 255, 255, 0.6);border:1px solid rgba(0, 69, 79, 0.2);transition:all 0.2s ease;}
.dtm-checkbox-wrapper:hover{background:rgba(255, 255, 255, 0.9);border-color:var(--teal);}
.dtm-checkbox-wrapper input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #ccc;border-radius:4px;background:white;cursor:pointer;position:relative;transition:all 0.2s ease;flex-shrink:0;}
.dtm-checkbox-wrapper input[type="checkbox"]:checked{background:var(--teal);border-color:var(--teal);}
.dtm-checkbox-wrapper input[type="checkbox"]:checked::after{content:'';position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);}
.dtm-checkbox-wrapper span{font-size:13px;font-weight:500;color:var(--teal);white-space:nowrap;}
.dtm-comparison-container{background:#fff;border:1px solid rgba(0, 69, 79, 0.1);border-radius:12px;padding:20px;margin-bottom:40px;box-shadow:0 8px 16px rgba(0, 69, 79, 0.05);}
.dtm-q-ms-row{display:flex;gap:20px;margin-bottom:15px;align-items:flex-start;}
.dtm-q-col, .dtm-ms-col{flex:1;min-width:0;}
.dtm-ms-col{background:rgba(122, 0, 53, 0.08);border-radius:8px;padding:20px;border-left:4px solid #7a0035;}
.dtm-ms-label{font-size:0.8rem;text-transform:uppercase;letter-spacing:0.05em;color:#7a0035;font-weight:700;margin-bottom:8px;display:block;}
.dtm-student-answer-block{background:rgba(0, 69, 79, 0.1);padding:20px;border-left:4px solid #00454f;margin-bottom:20px;border-radius:8px;color:#002a2f;}
.dtm-feedback-block{background:rgba(198, 109, 0, 0.08);padding:20px;border-left:4px solid #c66d00;border-radius:8px;margin-bottom:0;color:#5d3300;}
.dtm-label-text{display:block;font-size:0.85rem;font-weight:700;margin-bottom:5px;color:#555;text-transform:uppercase;}
.dtm-view-ms-toggle{margin:20px 0;text-align:center;}
.dtm-actions{display:flex;justify-content:center;gap:15px;margin-top:20px;flex-wrap:wrap;}
button:disabled, .dtm-primary-btn:disabled, .dtm-secondary-btn:disabled{cursor:not-allowed;opacity:0.6;filter:grayscale(0.5);}
.dtm-mastery-topic-details > summary{display:block;}
.dtm-mastery-topic-details > summary::-webkit-details-marker{display:none;}
.dtm-mastery-topic-details[open] > summary{border-radius:14px 14px 0 0;border-bottom-color:transparent;}
.dtm-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;font-size:0.85rem;border:none;border-radius:6px;cursor:pointer;background:transparent;color:#00454f;transition:background 0.15s;}
.dtm-icon-btn.submit-btn:hover{background:rgba(0, 69, 79, 0.1);}
.dtm-icon-btn.dtm-delete-session-btn{color:#c00;}
.dtm-icon-btn.dtm-delete-session-btn:hover{background:rgba(204, 0, 0, 0.08);}
.dtm-icon-btn:disabled{opacity:0.5;cursor:default;}
.dtm-mastery-refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:1rem;color:#00454f;cursor:pointer;user-select:none;flex-shrink:0;}
.dtm-mastery-refresh-btn.dtm-mastery-refresh-spinning{border:2px solid rgba(0, 69, 79, 0.15);border-top:2px solid #00454f;border-radius:50%;animation:spin 0.8s linear infinite;cursor:default;}
.dtm-history-topic-row:hover{background:rgba(0, 69, 79, 0.06) !important;}
.dtm-history-row-active{background:rgba(0, 69, 79, 0.08) !important;font-weight:600;}
.dtm-history-row-active td{color:var(--teal);}
.dtm-history-results-divider{border-top:1px solid #d8e1e5;margin:8px 0 14px;}
.dtm-history-results-subheading{margin:0 0 14px;color:#00454f;font-size:1rem;font-weight:600;letter-spacing:normal;text-transform:none;}
.dtm-history-session-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px;overflow:hidden;transition:box-shadow 0.2s ease;}
.dtm-history-session-card:hover{box-shadow:0 4px 12px rgba(0, 69, 79, 0.1);}
.dtm-history-session-summary{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;list-style:none;user-select:none;gap:12px;}
.dtm-history-session-summary::-webkit-details-marker{display:none;}
.dtm-history-session-summary::before{content:'▶';font-size:0.7rem;color:var(--teal);flex-shrink:0;transition:transform 0.2s ease;}
.dtm-history-session-card[open] > .dtm-history-session-summary::before{content:'▼';}
.dtm-history-session-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:0.9rem;color:#333;}
.dtm-history-session-stats{display:flex;align-items:center;gap:14px;flex-shrink:0;}
.dtm-history-score{font-weight:700;font-size:1rem;color:var(--teal);}
.dtm-history-time{font-size:0.8rem;color:#999;}
.dtm-history-badge{display:inline-block;border-radius:4px;padding:2px 8px;font-size:0.72rem;font-weight:600;letter-spacing:0.02em;}
.dtm-badge-mode{background:rgba(0, 69, 79, 0.1);color:var(--teal);}
.dtm-history-session-body{border-top:1px solid #f0f0f0;padding:4px 0 8px;}
.dtm-history-questions-list{padding:8px 16px;}
.dtm-history-question-item{background:#f8f9fa;border-left:3px solid var(--teal);border-radius:6px;padding:12px 14px;margin-bottom:10px;}
.dtm-history-q-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.dtm-history-q-num{font-weight:700;color:var(--teal);font-size:0.95rem;}
.dtm-history-q-marks{background:var(--teal);color:#fff;border-radius:4px;padding:2px 8px;font-size:0.72rem;font-weight:600;}
.dtm-history-q-text{color:#333;font-size:0.88rem;line-height:1.6;margin-bottom:8px;}
.dtm-history-ms-details summary{cursor:pointer;font-size:0.78rem;font-weight:600;color:var(--amber);padding:4px 0;user-select:none;list-style:none;}
.dtm-history-ms-details summary::-webkit-details-marker{display:none;}
.dtm-history-ms-details summary::before{content:'▶ ';font-size:0.65rem;}
.dtm-history-ms-details[open] summary::before{content:'▼ ';}
.dtm-history-ms-body{margin-top:8px;padding:10px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;font-size:0.82rem;color:#444;line-height:1.6;}
@media(max-width:640px){
.dtm-history-session-summary{flex-direction:column;align-items:flex-start;gap:8px;}
} .dtm-remedial-section{margin-top:30px;border-top:2px solid var(--teal);padding-top:20px;}
.dtm-remedial-intro{text-align:center;margin-bottom:20px;}
.dtm-remedial-intro h4{color:var(--teal);font-size:1.1rem;margin-bottom:8px;}
.dtm-remedial-intro p{color:#555;font-size:0.95rem;margin-bottom:16px;}
.dtm-remedial-loading{text-align:center;padding:30px 20px;color:var(--teal);}
.dtm-remedial-loading .dtm-spinner{display:block !important;width:50px !important;height:50px !important;margin:0 auto 15px !important;border:4px solid rgba(0, 69, 79, 0.1) !important;border-top:4px solid var(--teal) !important;border-radius:50% !important;animation:spin 1s linear infinite !important;}
.dtm-remedial-loading p{margin-top:12px;font-size:0.95rem;}
.dtm-remedial-loading .dtm-loading-eta{margin-top:14px;}
.dtm-remedial-header h4{color:var(--teal);font-size:1rem;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e0e0e0;}
.dtm-remedial-question{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:10px;padding:16px;margin-bottom:16px;}
.dtm-remedial-q-text{font-size:0.95rem;color:#333;margin-bottom:14px;line-height:1.5;}
.dtm-remedial-options{display:flex;flex-direction:column;gap:8px;}
.dtm-remedial-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:background 0.15s, border-color 0.15s;font-size:0.9rem;background:#fff;}
.dtm-remedial-option:hover{background:rgba(0, 69, 79, 0.05);border-color:var(--teal);}
.dtm-remedial-option.dtm-remedial-correct{background:rgba(76, 175, 80, 0.12);border-color:#4CAF50;}
.dtm-remedial-option.dtm-remedial-wrong{background:rgba(244, 67, 54, 0.1);border-color:#F44336;}
.dtm-remedial-result{margin-top:12px;padding:14px 18px;border-radius:8px;font-size:0.88rem;line-height:1.5;border:1px solid;}
.dtm-remedial-result p{margin:4px 0;line-height:1.5;}
.dtm-remedial-result-heading{text-align:center;font-weight:700;}
.dtm-remedial-explanation{font-style:italic;color:inherit;opacity:0.85;}
.dtm-remedial-result-correct{background:rgba(76, 175, 80, 0.12);color:#2e7d32;border:1px solid #4CAF50;}
.dtm-remedial-result-wrong{background:rgba(244, 67, 54, 0.08);color:#c62828;border:1px solid #F44336;}
.dtm-remedial-submit{display:block;margin:20px auto 0;}
.dtm-remedial-summary{text-align:center;margin-top:20px;padding:16px;border-radius:10px;}
.dtm-remedial-all-done{background:rgba(76, 175, 80, 0.1);border:1px solid #4CAF50;color:#2e7d32;padding:16px 20px;border-radius:10px;font-size:0.95rem;}
.dtm-remedial-partial{background:rgba(255, 152, 0, 0.1);border:1px solid #FF9800;color:#e65100;padding:16px 20px;border-radius:10px;font-size:0.95rem;margin-bottom:8px;}
.dtm-remedial-error{text-align:center;color:var(--red);font-size:0.9rem;padding:20px;}
.dtm-mastery-check-progress-wrap{display:flex;gap:10px;justify-content:center;margin:16px 0;}
.dtm-written-post-mark-host{margin-top:16px;}
.dtm-mastery-reveal-mount{margin-top:16px;}
.dtm-mastery-reveal-collapsing{overflow:hidden;transition:max-height 420ms ease, opacity 420ms ease;}
.dtm-mastery-reveal{opacity:0;transform:translateY(16px);transition:opacity 240ms ease, transform 240ms ease;}
.dtm-mastery-reveal.is-visible{opacity:1;transform:translateY(0);}
.dtm-mastery-reveal-card{background:linear-gradient(180deg, #ffffff 0%, #f6fbfb 100%);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:0 8px 20px rgba(0, 69, 79, 0.08);}
.dtm-mastery-reveal-title{color:var(--teal);font-size:18px;font-weight:700;margin-bottom:14px;text-align:center;}
.dtm-mastery-reveal-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;}
.dtm-mastery-reveal-row-topic{margin-top:16px;}
.dtm-mastery-reveal-label{color:var(--text);font-weight:600;}
.dtm-mastery-reveal-value{color:var(--teal);font-weight:700;}
.dtm-mastery-reveal-track{width:100%;height:12px;border-radius:999px;overflow:hidden;background:#e1ecee;}
.dtm-mastery-reveal-fill{height:100%;width:0;border-radius:999px;}
.dtm-mastery-reveal-fill-concept{background:linear-gradient(90deg, #0f766e 0%, #14b8a6 100%);}
.dtm-mastery-reveal-fill-topic{background:linear-gradient(90deg, #00454f 0%, #0f766e 100%);}
.dtm-mastery-reveal-container{display:flex;flex-direction:column;gap:12px;}
.dtm-mastery-reveal-skip-row{display:flex;justify-content:center;margin-top:4px;}
.dtm-mastery-reveal-topic-section{margin-top:14px;}
.dtm-mock-mode-row-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.dtm-mock-mode-label{display:flex;align-items:baseline;gap:8px;flex:1;}
.dtm-mock-mode-title{font-weight:600;font-size:0.9rem;color:var(--teal);white-space:nowrap;}
.dtm-mock-mode-desc{font-size:0.78rem;color:var(--muted);}
.dtm-mock-mode-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer;}
.dtm-mock-mode-switch input{display:none;}
.dtm-mock-mode-slider{position:absolute;inset:0;background:#ccc;border-radius:24px;transition:background 0.25s;}
.dtm-mock-mode-slider::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:left 0.25s;}
.dtm-mock-mode-switch input:checked + .dtm-mock-mode-slider{background:var(--teal);}
.dtm-mock-mode-switch input:checked + .dtm-mock-mode-slider::after{left:23px;}
.dtm-cm-mode-slider-wrap{display:flex;flex-direction:column;gap:8px;}
.dtm-cm-mode-slider-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.dtm-cm-mode-slider-title{font-weight:600;font-size:0.9rem;color:var(--teal);white-space:nowrap;}
.dtm-cm-mode-slider-desc{font-size:0.78rem;color:var(--muted);flex:1;}
.dtm-cm-mode-slider-track-wrap{display:flex;align-items:center;}
.dtm-cm-mode-slider{width:100%;cursor:pointer;accent-color:var(--teal);}
.dtm-btc-shell{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);padding:24px;}
.dtm-btc-eyebrow{color:var(--muted);font-size:0.78rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:4px;}
.dtm-btc-title{margin:0 0 16px;color:var(--teal);font-size:1.15rem;font-weight:700;}
.dtm-btc-progress{display:flex;align-items:center;gap:6px;margin-bottom:16px;}
.dtm-btc-pip{width:10px;height:10px;border-radius:50%;background:var(--border);transition:background 0.2s ease;}
.dtm-btc-pip-done{background:var(--teal);}
.dtm-btc-pip-active{background:var(--teal-light);border:2px solid var(--teal);width:12px;height:12px;}
.dtm-btc-step-label{font-size:0.82rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:10px;}
.dtm-btc-message{border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:16px;font-size:0.9rem;font-weight:500;line-height:1.5;}
.dtm-btc-message-success{background:var(--green-pale);color:var(--green);border-left:3px solid var(--green);}
.dtm-btc-message-reset{background:var(--amber-pale);color:var(--amber);border-left:3px solid var(--amber);}
.dtm-btc-question-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px;}
.dtm-btc-question-prompt{color:var(--text);font-size:0.95rem;font-weight:600;margin:0 0 16px;line-height:1.5;}
.dtm-btc-options{display:flex;flex-direction:column;gap:8px;}
.dtm-btc-option{width:100%;padding:13px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:0.92rem;font-weight:500;text-align:left;cursor:pointer;line-height:1.45;transition:border-color 0.14s ease, background 0.14s ease, box-shadow 0.14s ease;}
.dtm-btc-option:hover{border-color:var(--teal);background:var(--teal-pale);box-shadow:0 2px 8px rgba(0, 69, 79, 0.08);}
.dtm-btc-option:active{background:var(--teal-light);}
.dtm-btc-main-layout{display:flex;gap:20px;align-items:flex-start;}
.dtm-btc-question-col{flex:1 1 0;min-width:0;}
.dtm-btc-chain-col{flex:1 1 0;min-width:0;}
@media(max-width:600px){
.dtm-btc-main-layout{flex-direction:column;}
.dtm-btc-chain-col{flex:none;width:100%;}
} .dtm-btc-chain-so-far{margin-top:0;padding-top:0;border-top:none;}
.dtm-btc-chain-label{font-size:0.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:12px;}
.dtm-btc-timeline{display:flex;flex-direction:column;gap:0;}
.dtm-btc-step-wrap{display:flex;flex-direction:column;align-items:flex-start;}
.dtm-btc-step-card{width:100%;display:flex;align-items:flex-start;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;}
.dtm-btc-step-number{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--teal-pale);color:var(--teal);font-size:0.8rem;font-weight:700;flex-shrink:0;}
.dtm-btc-step-text{color:var(--text);font-size:0.92rem;line-height:1.45;}
.dtm-btc-step-link{width:2px;height:14px;background:var(--border);margin-left:11px;}
.dtm-btc-complete-shell .dtm-btc-timeline{margin-bottom:20px;}
.dtm-btc-complete-shell .dtm-btc-step-card{border-color:var(--teal-light);}
.dtm-btc-complete-shell .dtm-btc-step-number{background:var(--teal);color:#fff;}
.dtm-btc-complete-shell .dtm-btc-step-link{background:var(--teal-light);}
.dtm-cm-counter{display:block;text-align:right;padding:5px 12px;border:1.5px solid var(--teal-mid);border-radius:20px;font-size:0.8rem;font-weight:600;color:var(--teal-mid);margin-bottom:14px;width:fit-content;margin-left:auto;}
.dtm-cm-grid{display:grid;grid-template-columns:3fr 48px 7fr;grid-auto-rows:auto;align-items:stretch;row-gap:10px;position:relative;margin-bottom:18px;transition:opacity 0.35s ease, transform 0.35s ease;}
.dtm-cm-grid.dtm-cm-fold-out{opacity:0;transform:translateY(-12px);}
.dtm-cm-canvas-wrap{grid-column:2;grid-row:1 / -1;position:relative;}
.dtm-cm-concept{grid-column:1;align-self:stretch;display:flex;align-items:center;}
.dtm-cm-desc, textarea.dtm-cm-input{grid-column:3;}
.dtm-cm-desc{align-self:stretch;display:flex;align-items:center;}
.dtm-cm-canvas{position:absolute;top:0;left:0;pointer-events:none;}
.dtm-cm-card{padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:0.9rem;line-height:1.4;cursor:pointer;user-select:none;transition:border-color 0.15s, background 0.15s, box-shadow 0.15s;position:relative;}
.dtm-cm-card:hover{border-color:var(--teal-mid);background:var(--teal-pale);}
.dtm-cm-card.dtm-cm-selected{border-color:var(--teal);background:var(--teal-pale);box-shadow:0 0 0 2px var(--teal-light);}
.dtm-cm-card.dtm-cm-connected{border-color:var(--teal-light);background:var(--teal-pale);}
.dtm-cm-card.dtm-cm-correct, textarea.dtm-cm-input.dtm-cm-correct{border-color:var(--green) !important;background:var(--green-pale) !important;box-shadow:0 0 0 2px var(--green) !important;cursor:default;}
.dtm-cm-card.dtm-cm-incorrect, textarea.dtm-cm-input.dtm-cm-incorrect{border-color:var(--red) !important;background:rgba(122, 0, 53, 0.08) !important;box-shadow:0 0 0 2px var(--red) !important;cursor:default;}
textarea.dtm-cm-input{-webkit-appearance:none;appearance:none;resize:none;font-family:inherit !important;font-size:0.9rem !important;line-height:1.4 !important;outline:none;width:100%;box-sizing:border-box;padding:26px 14px !important;border:1.5px solid var(--border) !important;border-radius:var(--radius-sm) !important;background:var(--surface) !important;color:var(--text) !important;cursor:text;transition:border-color 0.15s, background 0.15s, box-shadow 0.15s;overflow:hidden;min-height:0;min-height:72px;box-shadow:none !important;}
textarea.dtm-cm-input:focus{border-color:var(--teal) !important;box-shadow:0 0 0 2px var(--teal-light) !important;}
.dtm-cm-input-result{grid-column:3;align-self:stretch;display:flex;flex-direction:column;gap:10px;cursor:default;user-select:text;}
.dtm-cm-input-result:hover{border-color:var(--red) !important;background:rgba(122, 0, 53, 0.08) !important;}
.dtm-cm-answer-toggle{align-self:flex-start;padding:0;border:0;background:none;color:var(--amber);font:inherit;font-size:0.82rem;font-weight:700;cursor:pointer;}
.dtm-cm-answer-toggle:hover{text-decoration:underline;}
.dtm-cm-answer-block, .dtm-cm-result-section{display:flex;flex-direction:column;gap:6px;}
.dtm-cm-answer-block{padding:10px 12px;border-radius:var(--radius-sm);background:var(--amber-pale);}
.dtm-cm-answer-block[hidden]{display:none !important;}
.dtm-cm-result-label{font-size:0.72rem;font-weight:700;color:var(--muted);}
.dtm-cm-result-copy{white-space:pre-wrap;color:var(--text);}
.dtm-cm-result-hint{color:var(--muted);}
.dtm-cm-blind-actions{display:flex;justify-content:center;margin-top:4px;min-height:56px;}
.dtm-cm-blind-submit-btn{min-width:220px;}
.dtm-cm-inline-loading{display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-width:220px;padding:10px 14px;border-radius:16px;background:var(--surface-alt);color:var(--text);gap:10px;}
.dtm-cm-inline-loading-text{font-size:0.9rem;font-weight:600;text-align:center;}
.dtm-cm-inline-loading-eta{font-size:0.82rem;color:var(--muted);text-align:center;}
.dtm-cm-inline-progress{width:100%;height:8px;border-radius:999px;background:rgba(0, 95, 107, 0.12);overflow:hidden;}
.dtm-cm-inline-progress-bar{width:0;height:100%;border-radius:999px;background:linear-gradient(90deg, var(--teal), var(--teal-light));transition:width 0.2s linear;}
.dtm-cm-inline-loading-almost .dtm-cm-inline-progress-bar{background:linear-gradient(90deg, var(--amber), #e8a020);}
.dtm-cm-card.dtm-cm-highlight{border-color:var(--green);background:var(--green-pale);box-shadow:0 0 0 2px var(--green);}
.dtm-cm-reveal-btn{width:100%;margin-top:4px;}
.dtm-cm-completion{padding:24px 0 8px;display:flex;flex-direction:column;gap:12px;text-align:center;align-items:center;}
.dtm-cm-completion h3{margin:0;font-size:1.15rem;color:var(--text);}
.dtm-cm-completion-sub{margin:0;font-size:0.9rem;color:var(--muted);}
.dtm-cm-reveal-host{min-height:0;}
.dtm-memorise-shell{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px;align-items:center;}
.dtm-memorise-stage{width:min(100%, 640px);cursor:default;user-select:none;overflow:hidden;}
.dtm-memorise-stage-intro{min-height:280px;padding-top:54px;padding-bottom:22px;-webkit-user-select:none;user-select:none;}
.dtm-memorise-stage .dtm-cm-counter{position:absolute;top:12px;right:12px;margin:0;padding:3px 8px;font-size:0.64rem;letter-spacing:0.02em;}
.dtm-memorise-question{position:absolute;left:50%;top:50%;width:calc(100% - 48px);transform:translate(-50%, -50%) scale(1.08);transform-origin:center center;font-size:1.7rem;font-weight:800;line-height:1.18;text-align:center;color:var(--text);transition:top 900ms ease, transform 900ms ease, font-size 900ms ease, opacity 900ms ease;}
.dtm-memorise-segment{position:absolute;left:50%;top:50%;width:calc(100% - 48px);z-index:1;transform:translate(-50%, calc(-50% + 36px));white-space:pre-wrap;line-height:1.65;color:var(--text);font-size:0.98rem;opacity:0;text-align:center;transition:opacity 900ms ease, transform 900ms ease;}
.dtm-memorise-stage-revealed .dtm-memorise-question{top:22px;transform:translateX(-50%) scale(0.86);font-size:1.02rem;}
.dtm-memorise-stage-revealed .dtm-memorise-segment{opacity:1;transform:translate(-50%, -50%);}
.dtm-memorise-stage-hidden .dtm-memorise-segment{opacity:0 !important;}
.dtm-memorise-stage:hover{border-color:var(--border);background:var(--surface);box-shadow:none;}
.dtm-memorise-title{font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:10px;text-align:center;}
.dtm-memorise-description{white-space:pre-wrap;line-height:1.65;color:var(--text);font-size:0.98rem;margin-bottom:14px;}
.dtm-memorise-boxes{width:min(100%, 640px);display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;margin-bottom:14px;}
.dtm-memorise-box{border:1px solid var(--border);border-radius:10px;background:var(--teal-pale);padding:12px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.65);}
.dtm-memorise-box-label{font-size:0.82rem;font-weight:700;color:var(--teal);margin-bottom:6px;line-height:1.35;}
.dtm-memorise-box-text{white-space:pre-wrap;line-height:1.55;color:var(--text);font-size:0.95rem;}
.dtm-memorise-muted{color:var(--muted);font-size:0.9rem;line-height:1.5;text-align:center;margin-bottom:12px;}
.dtm-memorise-actions{display:flex;justify-content:center;gap:10px;margin-top:4px;}
.dtm-memorise-ready-wrap{min-height:52px;opacity:0;transform:translateY(8px);transition:opacity 220ms ease, transform 220ms ease;}
.dtm-memorise-ready-wrap.visible{opacity:1;transform:translateY(0);}
.dtm-memorise-ready-wrap .dtm-primary-btn{width:min(100%, 260px);}
.dtm-memorise-hide-btn.is-active{background:var(--teal-pale);border-color:var(--teal-mid);color:var(--teal);}
.dtm-memorise-hide-btn{display:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}
@media (pointer: coarse), (hover: none) {
.dtm-memorise-hide-btn{display:inline-flex;}
}
.dtm-loading-tip{margin-top:10px;padding-top:10px;border-top:1px solid rgba(0, 69, 79, 0.12);color:var(--muted);font-size:0.84rem;line-height:1.5;text-align:center;}
.dtm-memorise-input{min-height:170px;resize:vertical;text-align:center;font-size:0.98rem;line-height:1.65;white-space:pre-wrap;}
.dtm-memorise-compare{width:min(100%, 640px);display:flex;flex-direction:column;gap:12px;}
.dtm-memorise-compare .dtm-cm-card{cursor:default;user-select:none;}
.dtm-memorise-compare .dtm-cm-card:not(.dtm-cm-correct):not(.dtm-cm-incorrect):hover{border-color:var(--border);background:var(--surface);box-shadow:none;}
.dtm-memorise-compare .dtm-cm-card.dtm-cm-correct, .dtm-memorise-compare .dtm-cm-card.dtm-cm-incorrect{padding-top:14px;padding-bottom:14px;}
.dtm-memorise-compare .dtm-cm-result-copy{white-space:pre-wrap;line-height:1.6;}
@media(max-width:640px){
.dtm-memorise-stage, .dtm-memorise-compare {
width: 100%;
}
.dtm-memorise-boxes {
grid-template-columns: 1fr;
}
.dtm-memorise-actions {
flex-direction: column;
width: 100%;
}
.dtm-memorise-actions .dtm-primary-btn, .dtm-memorise-actions .dtm-secondary-btn {
width: 100%;
}
}.mfp-bg{top:0;left:0;width:100%;height:100%!important;z-index:104200;overflow:hidden;position:fixed!important;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80);}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:104300;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-align-top .mfp-container:before{display:none;}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:104500;}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}
.mfp-ajax-cur{cursor:progress;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}
.mfp-auto-cursor .mfp-content{cursor:auto;}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-loading.mfp-figure{display:none;}
.mfp-hide{display:none !important;}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:104400;}
.mfp-preloader a{color:#CCC;}
.mfp-preloader a:hover{color:#FFF;}
.mfp-s-ready .mfp-preloader{display:none;}
.mfp-s-error .mfp-content{display:none;}
button.mfp-close, button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:104600;-webkit-box-shadow:none;box-shadow:none;}
button::-moz-focus-inner{padding:0;border:0;}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;}
.mfp-close:hover, .mfp-close:focus{opacity:1;filter:alpha(opacity=100);}
.mfp-close:active{top:1px;}
.mfp-close-btn-in .mfp-close{top:20px;color:#333;display:inline-block;width:20px!important;height:20px;padding-right:0!important;line-height:20px!important;transition:all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s;-webkit-transition:all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s;}
.mfp-close-btn-in .mfp-close:hover{transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;}
.mfp-image-holder .mfp-close:before, .mfp-iframe-holder .mfp-close:before{content:"\e117";font-size:20px;display:block;}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;}
.mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent;}
.mfp-arrow:active{margin-top:-54px;}
.mfp-arrow:hover, .mfp-arrow:focus{opacity:1;filter:alpha(opacity=100);}
body.original .mfp-arrow:before, body.original .mfp-arrow:after, body.original .mfp-arrow .mfp-b, body.original .mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}
body.original .mfp-arrow:after, body.original .mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px;}
body.original .mfp-arrow:before, body.original .mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}
.mfp-arrow-left{left:0;}
body.original .mfp-arrow-left:after, body.original .mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px;}
body.original .mfp-arrow-left:before, body.original .mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F;}
.mfp-arrow-right{right:0;}
body.original .mfp-arrow-right:after, body.original  .mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px;}
body.original .mfp-arrow-right:before, body.original .mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F;}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}
.mfp-iframe-holder .mfp-content, .mfp-inline-holder .mfp-content{line-height:0;width:100%;max-width:900px;}
.mfp-iframe-holder .mfp-close{top:-40px;}
.mfp-iframe-scaler{width:100%;height:0;padding-top:56.25%;}
.mfp-iframe-scaler iframe, .mfp-iframe-scaler > div.video, .mfp-iframe-scaler > div.video .mejs-container{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:#000;}
.mfp-iframe-scaler > div.video .mejs-container{width:100%!important;height:100%!important;}
.mfp-wrap .mfp-container .mfp-iframe-scaler .wp-video-shortcode video{height:100%!important;width:100%!important;}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:55px 0 55px;margin:0 auto;}
.mfp-figure{line-height:0;}
.mfp-figure:after{content:'';position:absolute;left:0;top:55px;bottom:55px;display:block;right:0;width:auto;height:auto;z-index:-1;background:#444;}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;}
.mfp-figure figure{margin:0;}
.mfp-bottom-bar{margin-top:-40px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}
.mfp-image-holder .mfp-content{max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}
.mfp-img-mobile img.mfp-img{padding:0;}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}
.mfp-img-mobile .mfp-counter{right:5px;top:3px;}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0;}
}
@media all and (max-width: 900px) {
.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}
.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}
.ascend .mfp-arrow-left, .material .mfp-arrow-left{left:20px!important;}
.ascend .mfp-arrow-right, .material .mfp-arrow-right{right:20px!important;}
.mfp-container{padding-left:6px;padding-right:6px;}
}
.mfp-ie7 .mfp-img{padding:0;}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;}
.mfp-ie7 .mfp-container{padding:0;}
.mfp-ie7 .mfp-content{padding-top:44px;}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;}
.mfp-bg{transition:all 0.3s ease-out;}
.mfp-zoom-in{}
.mfp-zoom-in .mfp-with-anim, .mfp-zoom-in .mfp-iframe-scaler{opacity:0;transition:all 0.2s ease-in-out;transform:scale(0.93);}
.mfp-zoom-in.mfp-bg{opacity:0;transition:all 0.3s ease-out;}
.mfp-zoom-in.mfp-ready.mfp-image-loaded .mfp-with-anim, .mfp-zoom-in.mfp-ready .mfp-iframe-scaler,
.mfp-zoom-in.mfp-ready div[id*="video-popup-"].mfp-with-anim{opacity:1;transform:scale(1);}
.mfp-zoom-in.mfp-ready.mfp-bg{opacity:0.85;}
body .mfp-zoom-in.mfp-removing .mfp-with-anim, .mfp-zoom-in.mfp-removing .mfp-iframe-scaler{transform:scale(0.93)!important;opacity:0!important;}
.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0;}
.mfp-wrap.mfp-removing .mfp-arrow-left, .mfp-wrap.mfp-removing .mfp-arrow-right{opacity:0;}
.mfp-zoom-out{}
.mfp-zoom-out .mfp-with-anim{opacity:0;transition:all 0.3s ease-in-out;transform:scale(1.3);}
.mfp-zoom-out.mfp-bg{opacity:0;transition:all 0.3s ease-out;}
.mfp-zoom-out.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1);}
.mfp-zoom-out.mfp-ready.mfp-bg{opacity:0.8;}
.mfp-zoom-out.mfp-removing .mfp-with-anim{transform:scale(1.3);opacity:0;}
.mfp-zoom-out.mfp-removing.mfp-bg {
opacity: 0;
}@media only screen and (min-width: 690px) {
#slide-out-widget-area .secondary-header-text{display:none;}
}
@media only screen and (max-width: 999px) and (min-width: 690px) {
body.original #slide-out-widget-area .inner .off-canvas-menu-container.mobile-only .menu.secondary-header-items{display:none;}
} .material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:after,
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container li a:after,
.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .nectar-menu-item-with-icon span:after,
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container .nectar-menu-item-with-icon span:after{-webkit-transition:-webkit-transform .3s ease-out, border-color .3s ease-out;transition:transform .3s ease-out,border-color .3s ease-out;position:absolute;display:block;bottom:-6px;left:0;width:100%;-webkit-transform:scaleX(0);transform:scaleX(0);border-top:2px solid #000;content:'';padding-bottom:inherit}
body #slide-out-widget-area .inner .off-canvas-menu-container .nectar-menu-item-with-icon,
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li .nectar-menu-item-with-icon,
body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li .nectar-menu-item-with-icon,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li .nectar-menu-item-with-icon{display:flex;align-items:center;}
body #slide-out-widget-area .inner .off-canvas-menu-container .nectar-menu-item-with-icon.nectar-menu-item-with-desc,
body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li .nectar-menu-item-with-icon.nectar-menu-item-with-desc,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li .nectar-menu-item-with-icon.nectar-menu-item-with-desc{align-items:flex-start;}
.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .nectar-menu-item-with-icon.nectar-menu-item-with-desc span:after,
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container .nectar-menu-item-with-icon.nectar-menu-item-with-desc span:after{bottom:0;}
.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .nectar-menu-item-with-icon .menu-title-text:after,
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container .nectar-menu-item-with-icon .menu-title-text:after{border-color:inherit;transform-origin:left;}
body #slide-out-widget-area.fullscreen-split .off-canvas-menu-container .nectar-menu-item-with-icon:after,
body #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .nectar-menu-item-with-icon:after{display:none!important;}
.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .nectar-menu-item-with-icon .menu-title-text,
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container .nectar-menu-item-with-icon .menu-title-text{position:relative;}
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a{position:relative;}
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .current-menu-item > a:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:hover:after,
body.material #slide-out-widget-area[class="slide-out-from-right"] .off-canvas-menu-container li a:focus:after,
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .current-menu-item > a:after,
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a:hover:after,
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a:focus:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .current-menu-item > .nectar-menu-item-with-icon .menu-title-text:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .nectar-menu-item-with-icon:hover .menu-title-text:after,
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .current-menu-item > .nectar-menu-item-with-icon .menu-title-text:after,
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .nectar-menu-item-with-icon:hover .menu-title-text:after{backface-visibility:hidden;-webkit-transform:scaleX(1);transform:scaleX(1)}
#slide-out-widget-area .off-canvas-menu-container ul .menu-item .widget-area-active .widget ul{max-height:none;padding-left:0;}
body #slide-out-widget-area .menu.subview .menu-item .widget-area-active .widget li,
#header-outer #mobile-menu ul .menu-item .widget-area-active .widget ul{display:block!important;}
#slide-out-widget-area .off-canvas-menu-container .widget-area-active .widget ul.product_list_widget{text-align:left;}
#slide-out-widget-area .off-canvas-menu-container .widget-area-active .widget ul.product_list_widget li a{display:inline;}
#slide-out-widget-area .off-canvas-menu-container .widget-area-active .widget ul.product_list_widget li a:after{display:none;}
#slide-out-widget-area .widget-area-active .wp-caption .wp-caption-text{color:#000;}
#slide-out-widget-area .off-canvas-menu-container li > a > .sf-sub-indicator{display:none;}
#slide-out-widget-area .inner .off-canvas-menu-container li a{font-size:20px;line-height:30px;font-family:'Open Sans';font-weight:700;}
#slide-out-widget-area.fullscreen .inner li a,
#slide-out-widget-area .off-canvas-social-links li a,
#slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a,
#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a,
#slide-out-widget-area .menuwrapper li small{opacity:0.7;transition:opacity 0.2s ease, color 0.2s ease;-webkit-transition:opacity 0.2s ease, color 0.2s ease;}
#slide-out-widget-area.fullscreen .inner li a:hover,
#slide-out-widget-area .off-canvas-social-links li a:hover,
#slide-out-widget-area .off-canvas-social-links li a:hover,
#slide-out-widget-area .inner .current_page_ancestor >a,
#slide-out-widget-area .inner .current-menu-item >a,
#slide-out-widget-area .inner .current-menu-ancestor >a,
#slide-out-widget-area .inner .current_page_item >a,
#slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a:hover,
#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a:hover,
#slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a:focus,
#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a:focus,
#slide-out-widget-area .inner .off-canvas-menu-container .menuwrapper li >a.hovered{opacity:1}
#slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li{position:relative;}
#slide-out-widget-area .ocm-dropdown-arrow{transition:transform 0.5s cubic-bezier(0.215,0.61,0.355,1);position:absolute;right:-6px;top:10px;transform:translateY(-50%);cursor:pointer;height:28px;width:28px;line-height:0;}
#slide-out-widget-area .ocm-dropdown-arrow i{font-size:18px;height:28px;width:28px;line-height:28px;top:0;}
#slide-out-widget-area .open-submenu > .ocm-dropdown-arrow{transform:translateY(-50%) rotate(180deg);}
#slide-out-widget-area .secondary-header-text,
body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content{margin-bottom:35px;border-radius:6px;background-color:rgba(0,0,0,0.1);padding:10px 15px;}
body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content *{color:inherit;}
body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content div > *:last-child{margin-bottom:0;}
body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content{align-self:flex-start;}
#slide-out-widget-area .nectar-header-text-content > span > *:last-child{margin-bottom:0;}
body #slide-out-widget-area .secondary-header-text{line-height:1.4em;}
#slide-out-widget-area.mobile,
#slide-out-widget-area.slide-out-from-right-hover.mobile{overflow-y:scroll;overflow-x:hidden;}
#slide-out-widget-area .bottom-text{padding-bottom:0;font-size:12px}
#slide-out-widget-area:not(.fullscreen) .off-canvas-social-links li{display:inline-block;padding:0 6px 6px 0}
#slide-out-widget-area .off-canvas-social-links li i{background-color:transparent;font-size:18px;line-height:22px}
body:not(.material) #slide-out-widget-area .off-canvas-social-links li a,
.material #slide-out-widget-area:not(.slide-out-from-right) .off-canvas-social-links li a{padding:0 8px;}
.blurred-wrap.blurred{-webkit-filter:blur(5px);-moz-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}
.msie .blurred-wrap.blurred{-ms-filter:none;filter:none}
#slide-out-widget-area .widget h4{margin-bottom:8px}
#slide-out-widget-area .inner >div{margin-bottom:25px}
#slide-out-widget-area .inner >div:first-of-type{margin-top:-7px}
#slide-out-widget-area .inner{width:100%;height:100%}
#slide-out-widget-area a,
#slide-out-widget-area,
#slide-out-widget-area h4,
#slide-out-widget-area h3{color:#fff}
body.material #slide-out-widget-area.slide-out-from-right .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover{color:#fff}
#slide-out-widget-area .nectar-menu-label:before{background-color:#fff;}
body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close{position:absolute;right:22px;top:22px}
body[data-full-width-header="false"].admin-bar #slide-out-widget-area .slide_out_area_close{top:47px}
body[data-full-width-header="false"].ascend #slide-out-widget-area.slide-out-from-right .slide_out_area_close,
body[data-full-width-header="false"].original #slide-out-widget-area.slide-out-from-right .slide_out_area_close{z-index:100;}
body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close{display:block;transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;-webkit-transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;font-family:'Open Sans';font-weight:400}
body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close{backface-visibility:hidden;-webkit-backface-visibility:hidden;width:34px;height:34px;transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;-webkit-transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;color:#ddd;font-size:18px;max-width:none;line-height:32px}
body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close:hover .icon-default-style[class^="icon-"]{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close:hover{border-color:rgba(255,255,255,0.7)}
body #slide-out-widget-area .slide_out_area_close .icon-default-style[class^="icon-"]{-webkit-backface-visibility:hidden;font-size:18px;height:34px;left:-2px;line-height:32px;max-width:none;transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;-webkit-transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;width:34px}
body #slide-out-widget-area .slide_out_area_close .icon-default-style{color:#fff;}
#slide-out-widget-area .menuwrapper{position:relative;-webkit-perspective:1000px;perspective:1000px;-webkit-perspective-origin:center;perspective-origin:center;margin-right:0;display:block}
#slide-out-widget-area .menuwrapper button{background:#ccc;border:none;width:48px;height:45px;text-indent:-900em;overflow:hidden;position:relative;cursor:pointer;outline:none}
#slide-out-widget-area .menuwrapper button:after{content:'';position:absolute;width:68%;height:5px;background:#fff;top:10px;left:16%;box-shadow:0 10px 0 #fff,0 20px 0 #fff}
#slide-out-widget-area .menuwrapper ul{padding:0;list-style:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
#slide-out-widget-area .menuwrapper li{position:relative}
#slide-out-widget-area .menuwrapper li small{display:inline-block;text-transform:uppercase;font-size:15px;font-family:'Open Sans';font-weight:600;letter-spacing:2px;position:relative;top:-4px;opacity:0.6}
#slide-out-widget-area:not(.fullscreen):not(.fullscreen-alt) .menuwrapper li small{font-size:14px;display:block;font-family:'Open Sans';letter-spacing:inherit;margin-top:5px;font-weight:700}
#slide-out-widget-area .no-touch .menuwrapper li a:hover{background:rgba(255,248,213,0.1)}
#slide-out-widget-area .menuwrapper .back >a{background:rgba(0,0,0,0.13)}
#slide-out-widget-area:not(.fullscreen) .menuwrapper .back >a,
body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container .back > a{padding-left:10px;padding-right:10px;margin-left:-10px}
body #slide-out-widget-area .menuwrapper .back,
body #slide-out-widget-area .menu.subview .subviewopen >.sub-menu >.back{display:inline-block;margin-bottom:20px!important}
#slide-out-widget-area .menuwrapper .menu{margin:0;position:relative;width:100%;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden}
#slide-out-widget-area .menuwrapper .menu.menu-toggle{transition:all 0.25s ease}
#slide-out-widget-area .menuwrapper .menu.menuopen{opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);transform:translateY(0px)}
body #slide-out-widget-area .menuwrapper li .sub-menu{display:none;}
body #slide-out-widget-area .menuwrapper li .sub-menu,
#slide-out-widget-area .menuwrapper >.sub-menu{margin:0!important;padding:0!important}
body #slide-out-widget-area .menu.subview li,
body #slide-out-widget-area .menu.subview .subviewopen >a,
body #slide-out-widget-area .menu.subview .subview >a,
body #slide-out-widget-area .menu.subview .subviewopen >small,
body #slide-out-widget-area .menu.subview .subview >small,
#slide-out-widget-area .mobile-only{display:none}
body #slide-out-widget-area .menu.subview .subviewopen >a,
body #slide-out-widget-area .menu.subview .subview >a{display:none!important;}
body #slide-out-widget-area .menu.subview .subview,
body #slide-out-widget-area .menu.subview .subview .sub-menu,
body #slide-out-widget-area .menu.subview .subviewopen,
body #slide-out-widget-area .menu.subview .subviewopen >.sub-menu,
body #slide-out-widget-area .menu.subview .subviewopen >.sub-menu >li{display:block}
#slide-out-widget-area .menuwrapper >.sub-menu{position:absolute;width:100%;top:0;left:0;}
.menu.dl-animate-out-5{-webkit-animation:MenuAnimOut5 0.4s ease-in-out;animation:MenuAnimOut5 0.4s ease-in-out}
.menu.dl-animate-in-5{-webkit-animation:MenuAnimIn5 0.4s ease-in-out;animation:MenuAnimIn5 0.4s ease-in-out}
.menuwrapper >.sub-menu.dl-animate-in-5{-webkit-animation:SubMenuAnimIn5 0.4s ease-in-out;animation:SubMenuAnimIn5 0.4s ease-in-out}
.menuwrapper >.sub-menu.dl-animate-out-5{-webkit-animation:SubMenuAnimOut5 0.4s ease-in-out;animation:SubMenuAnimOut5 0.4s ease-in-out}
@-webkit-keyframes MenuAnimOut5{ 0%{}
100%{-webkit-transform:rotateY(-25deg) translateX(-300px);opacity:0}
}
@keyframes MenuAnimOut5{ 0%{}
100%{-webkit-transform:rotateY(-25deg) translateX(-300px);transform:rotateY(-25deg) translateX(-300px);opacity:0}
}
@-webkit-keyframes MenuAnimIn5{ 0%{-webkit-transform:rotateY(-25deg) translateX(-300px);opacity:0}
100%{-webkit-transform:rotateY(0deg) translateX(0px);opacity:1}
}
@keyframes MenuAnimIn5{ 0%{-webkit-transform:rotateY(-25deg) translateX(-300px);transform:rotateY(-25deg) translateX(-300px);opacity:0}
100%{-webkit-transform:rotateY(0deg) translateX(0px);transform:rotateY(0deg) translateX(0px);opacity:1}
}
@-webkit-keyframes SubMenuAnimIn5{ 0%{-webkit-transform:rotateY(25deg) translateX(300px);opacity:0}
100%{-webkit-transform:rotateY(0deg) translateX(0px);opacity:1}
}
@keyframes SubMenuAnimIn5{ 0%{-webkit-transform:rotateY(25deg) translateX(300px);transform:rotateY(25deg) translateX(300px);opacity:0}
100%{-webkit-transform:rotateY(0deg) translateX(0px);transform:rotateY(0deg) translateX(0px);opacity:1}
}
@-webkit-keyframes SubMenuAnimOut5{ 0%{-webkit-transform:rotateY(0deg) translateX(0px);opacity:1}
100%{-webkit-transform:rotateY(25deg) translateX(300px);opacity:0}
}
@keyframes SubMenuAnimOut5{ 0%{-webkit-transform:rotateY(0deg) translateX(0px);transform:rotateY(0deg) translateX(0px);opacity:1}
100%{-webkit-transform:rotateY(25deg) translateX(300px);transform:rotateY(25deg) translateX(300px);opacity:0}
}
.menu.dl-animate-out-4{-webkit-animation:MenuAnimOut4 0.4s ease-in-out;animation:MenuAnimOut4 0.4s ease-in-out}
.menu.dl-animate-in-4{-webkit-animation:MenuAnimIn4 0.4s ease-in-out;animation:MenuAnimIn4 0.4s ease-in-out}
.menuwrapper >.sub-menu.dl-animate-in-4{-webkit-animation:SubMenuAnimIn4 0.4s ease;animation:SubMenuAnimIn4 0.4s ease}
.menuwrapper >.sub-menu.dl-animate-out-4{-webkit-animation:SubMenuAnimOut4 0.4s ease;animation:SubMenuAnimOut4 0.4s ease}
@-webkit-keyframes MenuAnimOut4{ 0%{}
100%{-webkit-transform:scale(1.2);opacity:0}
}
@keyframes MenuAnimOut4{ 0%{}
100%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}
}
@-webkit-keyframes MenuAnimIn4{ 0%{-webkit-transform:scale(1.2);opacity:0}
100%{-webkit-transform:scale(1);opacity:1}
}
@keyframes MenuAnimIn4{ 0%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@-webkit-keyframes SubMenuAnimIn4{ 0%{-webkit-transform:scale(0.8);opacity:0}
100%{-webkit-transform:scale(1);opacity:1}
}
@keyframes SubMenuAnimIn4{ 0%{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@-webkit-keyframes SubMenuAnimOut4{ 0%{-webkit-transform:scale(1);opacity:1}
100%{-webkit-transform:scale(0.8);opacity:0}
}
@keyframes SubMenuAnimOut4{ 0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0}
}
#slide-out-widget-area.fullscreen-split[data-dropdown-func="default"] .off-canvas-menu-container li ul,
.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li ul,
#slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul{position:relative;max-height:0;box-sizing:content-box;-webkit-transition:max-height 0.5s cubic-bezier(0.215,0.61,0.355,1),padding 0.25s cubic-bezier(0.215,0.61,0.355,1);transition:max-height 0.5s cubic-bezier(0.215,0.61,0.355,1),padding 0.25s cubic-bezier(0.215,0.61,0.355,1);-ms-transform:none;-webkit-transform:none;transform:none;overflow:hidden;}
.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li ul,
#slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul{padding-left:20px;}
.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li ul > li:first-child,
#slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul > li:first-child{margin-top:10px;}
.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li ul > li:last-child,
#slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul > li:last-child{margin-bottom:0;}
.material #slide-out-widget-area[class*="slide-out-from-right"] .inner .off-canvas-menu-container li li a,
body #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .inner .off-canvas-menu-container li li a{font-size:16px;line-height:22px;}
.material #slide-out-widget-area[class*="slide-out-from-right"] .inner .off-canvas-menu-container .menu-item-has-children > a,
body #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .inner .off-canvas-menu-container .menu-item-has-children > a{margin-right:20px;}
body:not(.material) #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul > li:last-child{margin-bottom:10px;}
#slide-out-widget-area .widget_recent_entries span,
#slide-out-widget-area .recent_posts_extra_widget .post-widget-text span{display:block;line-height:17px;color:#999;font-size:11px;margin-bottom:6px}
#slide-out-widget-area .widget_recent_entries span,
#slide-out-widget-area .recent_posts_extra_widget .post-widget-text span{color:inherit}
#slide-out-widget-area .widget_recent_entries span{opacity:0.8}
#slide-out-widget-area .widget_calendar table th,
#slide-out-widget-area .widget_calendar table tbody td{color:inherit;}
#slide-out-widget-area .tagcloud a{padding:2px 11px;position:relative;border:1px solid #fff;background-color:transparent;margin:0 8px 8px 0;font-size:12px;display:block;float:left;text-transform:uppercase;transition:all 0.2s linear;-webkit-transition:all 0.2s linear}
#slide-out-widget-area .tagcloud a:last-child:after,
#slide-out-widget-area .tagcloud:after{display:block;content:' ';clear:both;height:1px}
#slide-out-widget-area .recent_projects_widget img{height:auto;width:100%}
body #slide-out-widget-area .slide_out_area_close .icon-default-style[class^="icon-"]{font-size:24px!important}
@media only screen and (max-width : 690px) {
body #slide-out-widget-area .inner .off-canvas-menu-container.mobile-only .menu.secondary-header-items{display:block;}
}
@media only screen and (min-width : 1px) and (max-width : 999px) {
body #slide-out-widget-area .slide_out_area_close {
position: absolute;
right: 22px;
top: 22px;
z-index: 100;
}
body #slide-out-widget-area.fullscreen .off-canvas-social-links,
.admin-bar #slide-out-widget-area.fullscreen .off-canvas-social-links,
body #slide-out-widget-area.fullscreen-alt .off-canvas-social-links,
.admin-bar #slide-out-widget-area.fullscreen-alt .off-canvas-social-links {
position: relative;
bottom: 0;
right: 0;
margin-top: 70px;
}
#slide-out-widget-area.fullscreen .off-canvas-social-links:after,
#slide-out-widget-area.fullscreen-alt .off-canvas-social-links:after {
display: block;
height: 1px;
width: 0;
background-color: rgba(255,255,255,0.6);
content: ' ';
margin: 0 auto;
position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#slide-out-widget-area .mobile-only {
display: block;
}
#slide-out-widget-area.slide-out-from-right-hover .inner[data-prepend-menu-mobile="true"] .off-canvas-menu-container {
top: 0;
position: relative;
}
#slide-out-widget-area.fullscreen .off-canvas-social-links.line-shown:after,
#slide-out-widget-area.fullscreen-alt .off-canvas-social-links.line-shown:after {
width: 100px;
}
body #slide-out-widget-area.fullscreen .bottom-text,
.admin-bar #slide-out-widget-area.fullscreen .bottom-text,
body #slide-out-widget-area.fullscreen-alt .bottom-text,
.admin-bar #slide-out-widget-area.fullscreen-alt .bottom-text {
position: relative;
bottom: 0;
left: 0;
margin-bottom: 30px;
margin-top: 15px;
}
#slide-out-widget-area.overflow-state,
.admin-bar #slide-out-widget-area.overflow-state {
padding-top: 110px;
}
#slide-out-widget-area.fullscreen .inner.overflow-state {
margin-top: 0;
margin-bottom: 130px;
}
body[data-full-width-header="false"] #slide-out-widget-area.slide-out-from-right-hover .slide_out_area_close {
display: none;
}
}#slide-out-widget-area.slide-out-from-right .inner-wrap{opacity:0;}
body.material-ocm-open #slide-out-widget-area.slide-out-from-right .inner-wrap{opacity:1;}
#slide-out-widget-area.slide-out-from-right #slide-out-widget-area .inner > div,
#slide-out-widget-area.slide-out-from-right .inner{width:auto;}
body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li:first-child a{padding-left:0;}
body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li a i:after{z-index:10000;}
body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li{padding:0;}
body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li a{height:24px;display:block;width:auto;line-height:38px;opacity:1;padding:0 14px;box-sizing:content-box;text-align:center;}
body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li i:before{z-index:10;display:block;position:relative;}
body[data-slide-out-widget-area-style="slide-out-from-right"].material #slide-out-widget-area .off-canvas-social-links li i{height:26px;width:auto;}
body.material[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li i{font-size:20px;}
body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li i{line-height:28px;display:block;position:relative;top:auto;backface-visibility:hidden;transition:color 0.2s ease;vertical-align:middle;}
@media only screen and (min-width: 1000px) {
body[data-slide-out-widget-area-style="slide-out-from-right"] .follow-body.slide_out_area_close{opacity:1;right:0;transform:translateY(-50%) translateX(-36.55vw);}
}
body[data-slide-out-widget-area-style="slide-out-from-right"][data-full-width-header="false"].admin-bar #slide-out-widget-area .slide_out_area_close{top:50px;}
body[data-slide-out-widget-area-style="slide-out-from-right"] #header-outer.side-widget-open{box-shadow:none;}
body[data-slide-out-widget-area-style="slide-out-from-right"] .nectar-social.fixed{transition:transform 0.45s cubic-bezier(.15,0.2,.1,1);}
.ocm-effect-wrap.material-ocm-open .nectar-social.fixed{-webkit-transform:scale(0);transform:scale(0);}
.ocm-effect-wrap.material-ocm-open .swiper-container .slider-prev, .ocm-effect-wrap.material-ocm-open .swiper-container .slider-next{transition:background-color 0.2s linear, opacity 0.45s cubic-bezier(.15,0.2,.1,1);-webkit-transition:background-color 0.2s linear, opacity 0.45s cubic-bezier(.15,0.2,.1,1);}
.ocm-effect-wrap.material-ocm-open .nectar-slider-wrap[data-full-width="true"] .swiper-container .slider-prev,
.ocm-effect-wrap.material-ocm-open .nectar-slider-wrap[data-full-width="true"] .swiper-container .slider-next{opacity:0!important;}
#fp-nav.material-ocm-open li{-webkit-transform:scale(0);transform:scale(0);}
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .current-menu-item > a{opacity:1;}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap-shadow{-ms-transition:transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);-webkit-transition:transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);transition:transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);-ms-transform-origin:right;-webkit-transform-origin:right;transform-origin:right;position:fixed;left:0;top:0;width:100%;height:100%;content:'';display:block;z-index:1;box-shadow:0 80px 145px rgba(0,0,0,0.33);}
body.admin-bar.material-ocm-open{position:fixed;left:0;width:100%;height:100%;top:0;}
.material-ocm-open .container-wrap{pointer-events:none;}
.ocm-effect-wrap.material-ocm-open .ocm-effect-wrap-inner{-webkit-transform:scale(1.007)!important;transform:scale(1.007)!important;-webkit-transform-origin:center;transform-origin:center;}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap.material-ocm-open{-webkit-transition:transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);transition:transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);-webkit-transform:scale(0.835) translateX(-466px) translateZ(0)!important;transform:scale(0.835) translateX(-466px) translateZ(0)!important;height:100%;}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap-shadow.material-ocm-open{-webkit-transition:transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);transition:transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);-webkit-transform:scale(0.825) translateX(-476px) translateZ(0)!important;transform:scale(0.825) translateX(-476px) translateZ(0)!important;height:100%;}
@media only screen and (max-width: 450px) {
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap-shadow{-webkit-transition:transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);transition:transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap.material-ocm-open{-webkit-transform:scale(0.84) translateX(-93vw) translateZ(0)!important;transform:scale(0.84) translateX(-93vw) translateZ(0)!important;}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap-shadow.material-ocm-open{-webkit-transform:scale(0.83) translateX(-94vw) translateZ(0)!important;transform:scale(0.83) translateX(-94vw) translateZ(0)!important;}
}
@media only screen and (min-width: 1000px) {
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap.material-ocm-open{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0.8) translateX(-32vw) translateZ(0)!important;transform:scale(0.8) translateX(-32vw) translateZ(0)!important;}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap-shadow.material-ocm-open{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0.79) translateX(-33.6vw) translateZ(0)!important;transform:scale(0.79) translateX(-33.6vw) translateZ(0)!important;}
body[data-slide-out-widget-area-style="slide-out-from-right"] .follow-body.slide_out_area_close{-ms-transform:translateY(-50%) translateX(-35.55vw);-webkit-transform:translateY(-50%) translateX(-35.55vw);transform:translateY(-50%) translateX(-35.55vw);}
body[data-slide-out-widget-area-style="slide-out-from-right"][data-boxed-style="1"] .ocm-effect-wrap.material-ocm-open{-ms-transform-origin:center;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0.85) translateX(-29.6vw) translateZ(0)!important;transform:scale(0.85) translateX(-29.6vw) translateZ(0)!important;}
body[data-slide-out-widget-area-style="slide-out-from-right"][data-boxed-style="1"] .ocm-effect-wrap.material-ocm-open .ocm-effect-wrap-inner{-webkit-transform:none!important;transform:none!important;}
}
.material-ocm-open #ajax-content-wrap{cursor:pointer;}
#slide-out-widget-area.slide-out-from-right .inner > div,
#slide-out-widget-area.slide-out-from-right .bottom-meta-wrap{-webkit-transform:translateX(110px);-webkit-transition:all 0.8s cubic-bezier(0.2, 1, 0.3, 1);transform:translateX(110px);transition:all 0.8s cubic-bezier(0.2, 1, 0.3, 1);}
#slide-out-widget-area.slide-out-from-right.material-open .inner > div,
#slide-out-widget-area.slide-out-from-right.material-open .bottom-meta-wrap {
-ms-transform: translateX(0px);
-webkit-transform: translateX(0px);
transform: translateX(0px);
}