/* SQC site-wide look for inner pages (loaded after the theme CSS). */
:root { --sqc-p: #1f5bd8; --sqc-navy: #0f1f4b; --sqc-soft: #f5f8ff; --sqc-line: #e6e7ef; --sqc-muted: #5d6175; }

/* Inner-page banner: compact brand header instead of a 500px stock photo */
.breadcrumb_area,
.breadcrumb_area.bradcam_bg_1,
.breadcrumb_area.bradcam_bg_2 {
    background: radial-gradient(1200px 400px at 85% -20%, rgba(255, 255, 255, .14), transparent 60%),
                linear-gradient(120deg, var(--sqc-p) 0%, var(--sqc-navy) 100%) !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 56px 0 52px !important;
}
.breadcrumb_area::before, .breadcrumb_area::after { display: none !important; }
.breadcrumb_area .breadcrumb_img { display: none !important; }
.breadcrumb_area .breadcam_wrap { padding: 0 !important; text-align: left; }
.breadcrumb_area .breadcam_wrap span {
    display: inline-block; font-size: 14px !important; font-weight: 500; letter-spacing: .02em;
    color: #fff !important; background: rgba(255, 255, 255, .14); border-radius: 999px; padding: 5px 14px; margin-bottom: 14px;
}
.breadcrumb_area .breadcam_wrap h1,
.breadcrumb_area .breadcam_wrap h3 {
    color: #fff !important; font-size: 38px !important; line-height: 1.2 !important; font-weight: 600 !important;
    margin: 0 !important; max-width: 900px;
}
@media (max-width: 575px) {
    .breadcrumb_area { padding: 40px 0 36px !important; }
    .breadcrumb_area .breadcam_wrap h1, .breadcrumb_area .breadcam_wrap h3 { font-size: 26px !important; }
}

/* Empty-state blocks ("No Course Found", "No Post Found") */
.sqc-empty { text-align: center; padding: 64px 16px; color: var(--sqc-muted); }
.sqc-empty i { font-size: 40px; color: var(--sqc-p); margin-bottom: 14px; display: block; }

/* Legal / text pages */
.sqc-doc { max-width: 860px; margin: 0 auto; padding: 56px 0 72px; color: #1b1d29; font-size: 16px; line-height: 1.75; }
.sqc-doc h2 { font-size: 22px; font-weight: 600; margin: 34px 0 10px; color: #1b1d29; }
.sqc-doc ul { padding-left: 22px; list-style: disc; }
.sqc-doc ul li { list-style: disc; display: list-item; }
.sqc-doc li { margin-bottom: 6px; }
.sqc-doc .updated { color: var(--sqc-muted); font-size: 14px; }

/* Page-builder pages: the outer .row sits directly in #content-area (no .container), so its -15px
   margins caused a sideways scroll. Sections inside carry their own containers. */
#content-area > .row { margin-left: 0; margin-right: 0; }
#content-area > .row > [class*="col-"] { padding-left: 0; padding-right: 0; }

/* Student area on phones: the notification dropdown (hidden, 300px wide, offset left -95px) stuck out of the
   screen and gave every dashboard page a sideways scroll. Show it as a fixed panel under the header instead. */
@media (max-width: 575px) {
    .notification_open .notification_area {
        position: fixed !important;
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        top: 64px !important;
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }
}