/* One navigation and footer across native Moodle and the branded pages. */
body:not(.ya-branded){padding-top:0!important}
body .ya-header-chrome{position:sticky;top:0;z-index:1040;background:#fff}
body .ya-header-chrome nav{position:static}
body .ya-footer-chrome{position:relative;z-index:20;clear:both}
body .ya-moodle-footer{background:var(--ya-footer);color:#fff;padding:0 20px 20px;font-size:12px}
body .ya-moodle-footer a{color:#fff}
body .ya-site nav li{list-style:none}
body .ya-site nav .ya-course-menu{position:static;background:transparent;border:0;margin:0;overflow:visible}
body .ya-site nav .ya-course-menu>summary{padding:0;font:inherit;color:inherit;line-height:inherit;display:flex;gap:5px;list-style:none}
body .ya-site nav .ya-course-menu>summary::-webkit-details-marker{display:none}
body .ya-site nav .ya-course-menu>summary::marker{content:""}
body .ya-site nav .w{position:relative}
body .ya-site nav .ya-course-menu-panel{position:absolute;top:100%;left:20px;right:20px;background:#fff;border:1px solid var(--line);border-radius:0 0 18px 18px;padding:20px;box-shadow:0 14px 28px #0002;max-height:70vh;overflow-y:auto;white-space:normal;z-index:80}
body .ya-site nav .ya-course-menu-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body .ya-site nav .ya-course-menu-panel a{display:block;padding:7px 8px;font-size:13px;line-height:1.45;border-radius:6px}
body .ya-site nav .ya-course-menu-panel a:hover{background:var(--ya-mint);color:var(--dg)}
body .ya-site nav .ya-course-menu-panel .ya-course-group{font-size:15px;font-weight:700;color:var(--dg);border-bottom:1px solid var(--line);margin-bottom:6px}
body .ya-site nav .ya-course-menu-panel .ya-all-courses{font-weight:700;margin-bottom:12px;color:var(--dg)}
body .ya-site .ya-qr-symbol{float:right;width:60px;height:60px;margin:0 0 12px 14px;color:var(--ink)}
body .ya-site .ya-trade-cards .cd h3{font-size:18px;line-height:1.3;margin-top:0}
body .ya-site .ya-trade-cards .cd .btn{font-size:13px;padding:10px 18px}
body .ya-site .ya-trade-cards .cd p{font-size:13px}
body .ya-site .ya-trade-cards .ya-verify-card{min-width:0}
/* Keep Moodle's section and activity controls compact inside the branded course. */
body .ya-site .ya-native .course-section-header{align-items:center;min-width:0}
body .ya-site .ya-native .course-section-header .sectionname{min-width:0;overflow-wrap:anywhere}
body .ya-site .ya-native .icons-collapse-expand.btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;min-height:40px;padding:0;border-width:1px;line-height:1}
body .ya-site .ya-native .icons-collapse-expand .expanded-icon,
body .ya-site .ya-native .icons-collapse-expand .collapsed-icon{display:inline-flex;align-items:center;justify-content:center;padding:0!important;line-height:1}
body .ya-site .ya-native .icons-collapse-expand:not(.collapsed) .collapsed-icon,
body .ya-site .ya-native .icons-collapse-expand.collapsed .expanded-icon{display:none}
body .ya-site .ya-native .icons-collapse-expand .icon{margin:0}
body .ya-site .ya-native .activity-grid,
body .ya-site .ya-native .activity-name-area{min-width:0}
body .ya-site .ya-native .activity-name-area .activitytitle{align-self:stretch!important;width:100%;min-width:0}
body .ya-site .ya-native .activityname{line-height:1.4;overflow-wrap:anywhere}
body .ya-site .ya-native .activity-completion .btn{padding:7px 12px;min-height:36px;line-height:1.2;white-space:nowrap}
/* Activity pages: compact the duplicate course banner and give the actual task room. */
body.pagelayout-incourse .page-title-area{padding:14px 0!important;min-height:0}
body.pagelayout-incourse .page-title-area .page-title-content{min-height:0}
body.pagelayout-incourse .page-title-area .page-title-content>h2{display:none}
body.pagelayout-incourse .bottom-region-main-box{padding-top:24px;padding-bottom:48px}
body.pagelayout-incourse #region-main-box>.row{align-items:start}
body.pagelayout-incourse #region-main-box>.row>.col-lg-8{min-width:0}
body.pagelayout-incourse #region-main-box>.row:has(.edmo-sidebar-region:not(:has(.block)))>.col-lg-8{flex:0 0 100%;max-width:100%}
body.pagelayout-incourse #region-main-box>.row:has(.edmo-sidebar-region:not(:has(.block)))>.col-lg-4{display:none}
body.pagelayout-incourse #region-main{overflow-wrap:anywhere}
body.pagelayout-incourse #page-header .page-context-header{display:flex;align-items:flex-start;gap:12px;padding-bottom:0}
body.pagelayout-incourse #page-header .page-header-image{flex:none}
body.pagelayout-incourse #page-header .page-header-headings{min-width:0;padding-top:0!important}
body.pagelayout-incourse #page-header .page-header-headings h1{margin:0;overflow-wrap:anywhere}
body.pagelayout-incourse .edmo-full-header{margin-bottom:20px}
body.pagelayout-incourse .edmo-main{min-width:0}
body.pagelayout-incourse .edmo-main img,
body.pagelayout-incourse .edmo-main iframe{max-width:100%}
body.pagelayout-incourse .stickyfooter{position:static!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;margin-top:24px;box-shadow:none;z-index:auto!important}
@media(min-width:1200px){
 body.pagelayout-incourse #page-wrapper #page.drawers.show-drawer-left{margin-left:0!important;width:100%}
 body.pagelayout-incourse #page.drawers.show-drawer-left .page-title-area .container,
 body.pagelayout-incourse #page.drawers.show-drawer-left .edmo-fullwidth-top,
 body.pagelayout-incourse #page.drawers.show-drawer-left .bottom-region-main-box{width:calc(100% - 285px);max-width:none;margin-left:285px;margin-right:0}
 body.pagelayout-incourse #page.drawers.show-drawer-left .page-title-area .container{padding-left:24px;padding-right:24px}
 body.pagelayout-incourse #page.drawers.show-drawer-left .bottom-region-main-box{padding-left:24px;padding-right:24px}
 body.pagelayout-incourse #region-main-box>.row:has(.edmo-sidebar-region .block){display:grid;grid-template-columns:minmax(0,3fr) minmax(270px,1fr);gap:24px;margin:0}
 body.pagelayout-incourse #region-main-box>.row:has(.edmo-sidebar-region .block)>.col-lg-8,
 body.pagelayout-incourse #region-main-box>.row:has(.edmo-sidebar-region .block)>.col-lg-4{flex:none;width:100%;max-width:none;min-width:0;padding:0}
 body.pagelayout-incourse .edmo-sidebar-region{position:sticky;top:88px;width:100%!important;max-width:100%!important;min-width:0;max-height:calc(100vh - 108px);overflow:auto}
}
body.pagelayout-incourse #page-wrapper .drawer.drawer-left.show{display:flex!important;left:0!important;transform:none!important;top:68px;height:calc(100vh - 68px);z-index:1030}
body.pagelayout-incourse .ya-footer-chrome{z-index:1031}
@media(max-width:767px){
 body.pagelayout-incourse .page-title-area .breadcrumb{display:flex;flex-wrap:nowrap;max-width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin}
 body.pagelayout-incourse .page-title-area .breadcrumb-item{flex:none}
}
body.ya-branded .ya-site #page.ya-course-page{margin:0;padding:0;width:100%;max-width:none;min-height:0;height:auto;overflow:visible;background:transparent}
body:not(.ya-branded) .edmo-page-drawers{margin-top:0!important}
body:not(.ya-branded) .our-dashbord{padding-top:0!important}
body:not(.ya-branded) .dashboard_sidebar{top:68px!important;margin-top:0;padding-top:20px;height:calc(100vh - 68px)}
body:not(.ya-branded) .dashboard_sidebar:before{top:0}
body .ya-login-shell{background:var(--ya-mint);background-size:cover;background-position:center;padding:64px 20px;min-height:calc(100vh - 68px)}
body .ya-login-shell .login-container{max-width:570px;margin:0 auto;padding:42px 48px;background:#fff;border:1px solid var(--ya-line);border-radius:18px;box-shadow:0 10px 38px #244f2610}
body .ya-login-shell .login-wrapper{padding:0}
body .ya-login-shell #region-main{padding:0;background:transparent;border:0}
body .ya-login-shell .login-heading{color:var(--ya-ink);font-size:30px;line-height:1.2}
body .ya-login-shell .login-logo{display:none}
body .ya-login-shell .loginform{padding:0}
body .ya-login-shell .login-form-submit .btn{width:100%}
body .ya-login-shell .form-control{width:100%}
body .ya-login-shell .login-instructions{line-height:1.6}
body .ya-login-shell .login-form{padding:0;border:0;box-shadow:none;background:transparent;max-width:none;margin:24px 0}
body .ya-login-shell .login-input-wrapper{position:relative;display:block}
body .ya-login-shell .login-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:4;line-height:1;pointer-events:none}
body .ya-login-shell .login-input-wrapper>.form-control{padding-left:44px}
body .ya-login-shell .login-input-wrapper .input-group{display:flex;align-items:stretch;flex-wrap:nowrap;width:100%}
body .ya-login-shell .login-input-wrapper .input-group .form-control{flex:1 1 auto;width:1%;min-width:0;padding-left:44px}
body .ya-login-shell .login-input-wrapper .input-group button{flex:0 0 44px;width:44px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--ya-ink);border:1px solid var(--ya-line)}
body .ya-login-shell #loginbtn{height:54px;border-radius:6px;font-size:17px;line-height:1;padding:14px}
@media (min-width:821px) and (max-width:940px){
 body .ya-site nav.ya-nav-reports .w{position:relative;height:72px;gap:12px}
 body .ya-site nav.ya-nav-reports .ya-menu{display:block;margin-left:auto;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:22px;padding:4px 10px;color:var(--ink)}
 body .ya-site nav.ya-nav-reports ul{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:20px;margin:0;box-shadow:0 10px 20px #0002;flex-direction:column;align-items:flex-start}
 body .ya-site nav.ya-nav-reports ul.open{display:flex}
 body .ya-site nav.ya-nav-reports .btn{margin-left:0;padding:9px 14px;font-size:13px}
}
@media(max-width:820px){
 body .ya-site nav .ya-course-menu-panel{position:static;box-shadow:none;padding:14px;margin-top:12px;max-height:55vh}
 body .ya-site nav .ya-course-menu-groups{grid-template-columns:1fr;gap:14px}
 body .ya-site nav #ya-nav.open{max-height:calc(100vh - 80px);overflow:auto}
}
@media(max-width:520px){body .ya-login-shell{padding:30px 16px}body .ya-login-shell .login-container{padding:24px 18px}body .ya-site nav .ya-course-menu-panel{padding:8px}body .ya-site .ya-manage .w{flex-wrap:wrap;gap:8px 16px}}
@media(max-width:520px){body .ya-site .ya-native .course-section{padding:12px}body .ya-site .ya-native .activity-item{padding:12px}body .ya-site .ya-native .icons-collapse-expand.btn{margin-right:8px!important}}