/* VIAL LMS 0.6.33: keep course and lesson content centered at any browser zoom. */
:root{
  --vial-course-center-width:1020px;
  --vial-lesson-center-width:980px;
  --vial-center-gutter:36px;
}

body.course-view .wrap.app-layout.moodle-layout,
body.course-view.with-sidebar .wrap.app-layout.moodle-layout,
body.course-view.with-sidebar:not(.sidebar-hidden) .wrap.app-layout.moodle-layout,
body.course-view.with-sidebar.sidebar-hidden .wrap.app-layout.moodle-layout,
body.course-view.with-sidebar:has(.course-outline-shell.course-outline-open) .wrap.app-layout.moodle-layout,
body.course-view.with-sidebar:not(.sidebar-hidden):has(.course-outline-shell.course-outline-open) .wrap.app-layout.moodle-layout,
body.course-view.with-sidebar.sidebar-hidden:has(.course-outline-shell.course-outline-open) .wrap.app-layout.moodle-layout{
  display:block!important;
  width:min(var(--vial-course-center-width), calc(100vw - var(--vial-center-gutter)))!important;
  max-width:var(--vial-course-center-width)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:none!important;
  grid-template-columns:none!important;
  transition:none!important;
}

body.lesson-page-view .wrap.app-layout.moodle-layout,
body.lesson-page-view.with-sidebar .wrap.app-layout.moodle-layout,
body.lesson-page-view.with-sidebar:not(.sidebar-hidden) .wrap.app-layout.moodle-layout,
body.lesson-page-view.with-sidebar.sidebar-hidden .wrap.app-layout.moodle-layout,
body.lesson-page-view.with-sidebar:has(.lesson-reading-layout.lesson-nav-open) .wrap.app-layout.moodle-layout,
body.lesson-page-view.with-sidebar:not(.sidebar-hidden):has(.lesson-reading-layout.lesson-nav-open) .wrap.app-layout.moodle-layout,
body.lesson-page-view.with-sidebar.sidebar-hidden:has(.lesson-reading-layout.lesson-nav-open) .wrap.app-layout.moodle-layout{
  display:block!important;
  width:min(var(--vial-lesson-center-width), calc(100vw - var(--vial-center-gutter)))!important;
  max-width:var(--vial-lesson-center-width)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:none!important;
  grid-template-columns:none!important;
  transition:none!important;
}

body.course-view .main-content,
body.lesson-page-view .main-content{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.course-view .course-header,
body.course-view .moodle-tabs,
body.course-view .moodle-section,
body.course-view .add-section-box,
body.lesson-page-view .lesson-reader-head,
body.lesson-page-view .lesson-reading-layout,
body.lesson-page-view .lesson-reading-main,
body.lesson-page-view .lesson-reader-card{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

body.course-view .course-outline-shell,
body.lesson-page-view .lesson-reading-layout{
  position:relative!important;
}

body.course-view .course-left-drawer,
body.lesson-page-view .lesson-course-nav,
body.course-view .right-sidebar.moodle-drawer,
body.lesson-page-view .right-sidebar.moodle-drawer{
  position:fixed!important;
}

@media(max-width:760px){
  :root{
    --vial-center-gutter:24px;
  }
}