/*! course-home.css  */
:root{--login-left-side-width:calc(100% - var(--login-right-side-width));--login-right-side-width:40em;--login-right-side-mobile-height:50vh;--login-right-border-radius:5em;--login-form-padding:5em;--login-links-active-item-shadow-size:1.25em;--login-links-item-mobile-bottom-margin:-.35em}:root:has(.login-company-logo img){--login-right-side-mobile-height:calc(40vh + 20em)}@media only screen and (max-height:850px){:root:has(.login-company-logo img){--login-right-side-mobile-height:calc(35vh + 20em)}}@media only screen and (max-width:1280px){:root{--login-right-side-width:30em;--login-right-border-radius:3em;--login-form-padding:3em}}@media only screen and (max-width:1024px){:root{--login-left-side-width:100%;--login-right-side-width:100%;--login-right-border-radius:2em;--login-form-padding:10em}}@media only screen and (max-width:768px){:root{--login-form-padding:6em}}@media only screen and (max-width:640px){:root{--login-form-padding:4em}}@media only screen and (max-width:480px){:root{--login-right-border-radius:1em;--login-form-padding:2em}}@media only screen and (max-width:370px){:root{--login-right-border-radius:.5em;--login-form-padding:1em}}:root:is([data-screen-mode="lite"],[data-screen-mode="dark"]){--login-banner-background-color:linear-gradient(to top right,rgba(255,255,255,.25),rgba(255,255,255,.25)),linear-gradient(to top right,var(--sec-dark),var(--pri-dark));--login-app-logo-learning-path-fill:var(--white-lite);--login-app-logo-arrow-path-fill:var(--white-lite);--login-app-logo-e-path-fill:var(--white-lite);--login-app-logo-truck-path-fill:var(--white-lite);--login-app-logo-text-color:var(--white-lite);--login-app-logo-text-border-color:rgba(255,255,255,.25);--login-app-logo-text-side-lines-background-color:rgba(255,255,255,.35);--login-app-logo-path-filter:drop-shadow(0 .25em .35em rgba(0,0,0,.1));--slide-show-image-opacity:.05;--login-right-background-color:linear-gradient(to right,var(--white-lite),var(--white-lite));--login-right-background-texture:linear-gradient(to right,var(--white-lite),rgba(0,0,0,0)),url("../../img/textures/squares-black.svg?v=PrMcObMfDLiYchsxDKEaWd6NFp0") repeat center center/10em;--login-right-background-texture-opacity:.035;--login-right-box-shadow:0 0 1em 0 rgba(0,0,0,.1);--login-links-default-item-background-color:rgba(0,0,0,.25);--login-links-default-item-hover-background-color:rgba(0,0,0,.5);--login-links-active-item-text-color:var(--black-norm);--login-links-active-item-background-color:var(--white-lite);--login-links-active-item-box-shadow:calc(var(--login-links-active-item-shadow-size)*-.5) 0 var(--login-links-active-item-shadow-size) 0 rgba(0,0,0,.075);--login-links-active-item-top-radius:url("../../img/resources/login-item-top-radius-white.svg?v=Lc-58n5LVTHannADxLMX5hfjTms") no-repeat center center/cover;--login-links-active-item-bottom-radius:url("../../img/resources/login-item-bottom-radius-white.svg?v=R4zV616zMbuAleSzq7XVfFHRz18") no-repeat center center/cover;--login-links-link-text-color:var(--white-lite)}@media only screen and (max-width:1024px){:root[data-screen-mode="lite"]{--login-right-background-color:linear-gradient(to bottom,var(--white-lite),var(--white-lite));--login-right-background-texture:linear-gradient(to bottom,var(--white-lite),rgba(0,0,0,0)),url("../../img/textures/squares-black.svg?v=PrMcObMfDLiYchsxDKEaWd6NFp0") repeat center center/10em;--login-right-box-shadow:0 -1em 3em 0 rgba(0,0,0,.15)}}html .content-wrapper{min-height:100vh;font-size:var(--global-font-size);line-height:var(--global-line-height)}@media only screen and (max-width:1024px) and (max-height:1024px){html .content-wrapper{font-size:calc(var(--global-font-size)*.85)}}html .content-wrapper main.content{min-height:100vh;padding:0}html .content-wrapper main.content::before,html .content-wrapper main.content::after{top:0;left:0;display:block;float:left}html .content-wrapper main.content::before{background:var(--login-banner-background-color)}html .content-wrapper main.content::after{background:var(--login-left-background-texture)}html :is(.login-left-wrapper,.login-right-wrapper){height:100vh}@media only screen and (max-width:1024px){html .login-left-wrapper{height:calc(100vh - (var(--login-right-side-mobile-height) + var(--login-links-height) - var(--login-links-active-item-shadow-size)))}html .login-right-wrapper{height:var(--login-right-side-mobile-height)}}html :is(.login-left,.login-right){height:100%}html :is(.login-left-wrapper,.login-right-wrapper)::before,html :is(.login-left-wrapper,.login-right-wrapper)::after{top:0;left:0;float:left}html .login-left-wrapper{width:var(--login-left-side-width)}html .app-logo{transform:translate3d(-50%,-50%,0);position:absolute;top:50%;left:calc(50% - (var(--login-links-width)/2));width:30em}@media only screen and (max-width:1600px){html .app-logo{width:50%}}@media only screen and (max-width:1024px){html .app-logo{transform:translate3d(0,0,0);position:relative;top:auto;left:auto;width:100%;height:100%;text-align:center}}@media only screen and (max-width:1024px){html .app-logo .svg-wrapper{height:100%}}html .app-logo .svg-wrapper svg{display:block;float:left;width:100%;height:auto;overflow:visible}@media only screen and (max-width:1024px){html .app-logo .svg-wrapper svg{transform:translate3d(-50%,-50%,0);position:absolute;top:50%;left:50%;width:auto;max-width:70%;height:50%}}html .app-logo .svg-wrapper path{filter:var(--login-app-logo-path-filter)}html .app-logo .svg-wrapper .learning path{fill:var(--login-app-logo-learning-path-fill)}html .app-logo .svg-wrapper path.arrow{fill:var(--login-app-logo-arrow-path-fill)}html .app-logo .svg-wrapper path.e{fill:var(--login-app-logo-e-path-fill)}html .app-logo .svg-wrapper path.truck{fill:var(--login-app-logo-truck-path-fill)}html .app-logo .app-logo-text{clear:both;margin:2em 0 0 0;border-width:0;border-style:solid;border-color:var(--login-app-logo-text-border-color)}@media only screen and (max-width:1550px){html .app-logo .app-logo-text{margin:2.5vw 0 0 0}}@media only screen and (max-width:1024px){html .app-logo .app-logo-text{display:none}}html .app-logo .app-logo-text :is(h1,h2,h3,h4,h5,h6){clear:both;margin:0;padding:0;text-align:center;text-transform:uppercase;white-space:nowrap;font-weight:200;font-size:2em;line-height:1em;color:var(--login-app-logo-text-color)}@media only screen and (max-width:1550px){html .app-logo .app-logo-text :is(h1,h2,h3,h4,h5,h6){font-size:1.8vw}}@media only screen and (max-width:1280px){html .app-logo .app-logo-text :is(h1,h2,h3,h4,h5,h6){font-size:1.5vw}}@media only screen and (max-width:1024px){html .app-logo .app-logo-text :is(h1,h2,h3,h4,h5,h6){font-size:1.4em}}@media only screen and (max-width:480px){html .app-logo .app-logo-text :is(h1,h2,h3,h4,h5,h6){font-size:6vw}}html .app-logo .app-logo-text :is(h1,h2,h3,h4,h5,h6) :is(div,span).dash{transform:scaleX(1.5);transform-origin:center center;display:inline-block}html .app-logo .app-logo-text :is(h1,h2,h3,h4,h5,h6) :is(div,span).dash.left{margin:0 .5em 0 0}html .app-logo .app-logo-text :is(h1,h2,h3,h4,h5,h6) :is(div,span).dash.right{margin:0 0 0 .5em}html .login-slide-show-wrapper{position:absolute;top:0;left:0;width:calc(100% - (var(--login-right-side-width) - var(--login-right-border-radius)));height:100vh}@media only screen and (max-width:1024px){html .login-slide-show-wrapper{width:100%;height:calc(100vh - (var(--login-right-side-mobile-height) - var(--login-right-border-radius)))}}html .login-slide-show-wrapper .slide{position:absolute;top:0;left:0;height:100%;opacity:0;animation:loginSlideAni 24s ease infinite 0s}@keyframes loginSlideAni{0%{opacity:0}4.1666%{opacity:var(--slide-show-image-opacity)}16.6666%{opacity:var(--slide-show-image-opacity)}20.8332%{opacity:0}100%{opacity:0}}html .login-slide-show-wrapper .slide.slide-01{background:url("../../img/photos/slideshow/box-truck-01-bw.jpg?v=9BSKg4goAVgOvVHNgXAQstCpQHE") no-repeat center center/cover;animation-delay:0s}html .login-slide-show-wrapper .slide.slide-02{background:url("../../img/photos/slideshow/city-bus-01-bw.jpg?v=3bGUZgdLo87VHEMEt6Lm9RYu7yA") no-repeat center center/cover;animation-delay:4s}html .login-slide-show-wrapper .slide.slide-03{background:url("../../img/photos/slideshow/dump-truck-01-bw.jpg?v=l4JPrcpm0oXCfmeQdFIyDLqyiQw") no-repeat center center/cover;animation-delay:8s}html .login-slide-show-wrapper .slide.slide-04{background:url("../../img/photos/slideshow/placards-01-bw.jpg?v=oBEqBt1VPu1_wasizpwWQGoc7vU") no-repeat center center/cover;animation-delay:12s}html .login-slide-show-wrapper .slide.slide-05{background:url("../../img/photos/slideshow/school-bus-01-bw.jpg?v=IVruUU1XPYgMyPoy9D1xhWoUa7I") no-repeat center center/cover;animation-delay:16s}html .login-slide-show-wrapper .slide.slide-06{background:url("../../img/photos/slideshow/semi-truck-01-bw.jpg?v=TESfU0bJMd4kbtA7wb4xOFoXAwE") no-repeat center center/cover;animation-delay:20s}html .login-right-wrapper{width:var(--login-right-side-width);border-radius:var(--login-right-border-radius) 0 0 var(--login-right-border-radius)}@media only screen and (max-width:1024px){html .login-right-wrapper{margin:calc(var(--login-links-height) - var(--login-links-active-item-shadow-size)) 0 0 0;border-radius:var(--login-right-border-radius) var(--login-right-border-radius) 0 0}}html .login-right-wrapper::before{display:block;background:var(--login-right-background-color);box-shadow:var(--login-right-box-shadow);border-radius:inherit}html .login-right-wrapper::after{display:block;background:var(--login-right-background-texture);border-radius:inherit;opacity:var(--login-right-background-texture-opacity)}@media only screen and (max-width:1024px){html .login-right-wrapper .login-right{height:100%}}html .login-form{transform:translate3d(-50%,-50%,0);padding:0 var(--login-form-padding);position:absolute;top:50%;left:50%;max-height:100%;overflow:auto}html .login-form :is(legend,.sub-legend){text-align:center;font-weight:700;font-size:1.6em;line-height:1em}@media only screen and (max-width:1280px){html .login-form :is(legend,.sub-legend){font-size:1.2em}}@media only screen and (max-width:1024px){html .login-form :is(legend,.sub-legend){font-size:1.6em}}@media only screen and (max-width:768px){html .login-form :is(legend,.sub-legend){font-size:1.4em}}@media only screen and (max-width:640px){html .login-form :is(legend,.sub-legend){font-size:1.2em}}@media only screen and (max-width:480px){html .login-form :is(legend,.sub-legend){font-weight:700;font-size:1em}}html .login-form .sign-in-text{text-align:center}@media only screen and (max-width:1024px){html .login-form .sign-in-text{margin:0 0 1em 0;padding:0}}html .login-form .login-company-logo{display:none;margin:0 0 2em 0;text-align:center}@media only screen and (max-width:1024px){html .login-form .login-company-logo{margin:0 0 1.5em 0}}@media only screen and (max-width:768px){html .login-form .login-company-logo{margin:0 0 1em 0}}@media only screen and (max-width:480px){html .login-form .login-company-logo{margin:0 0 .5em 0}}html .login-form .login-company-logo:has(img){display:block}html .login-form .login-company-logo img{display:inline-block;float:none;max-width:18em;max-height:12em}@media only screen and (max-width:768px){html .login-form .login-company-logo img{max-width:16em;max-height:10em}}@media only screen and (max-width:480px){html .login-form .login-company-logo img{max-width:15em;max-height:6em}}@media only screen and (max-width:340px){html .login-form .login-company-logo img{max-width:100%;max-height:4em}}html .login-form .login-location-name{display:none;margin:0 0 3em 0}@media only screen and (max-height:1200px){html .login-form .login-location-name{margin:0 0 5vh 0}}@media only screen and (max-height:1024px){html .login-form .login-location-name{margin:0 0 3vh 0}}html .login-form .login-location-name:not(:has(:is(h1,h2,h3,h4,h5,h6):empty)){display:block}html .login-form .login-location-name :is(h1,h2,h3,h4,h5,h6).login-location-name-text{text-align:center;font-weight:800;font-size:1.6em;line-height:1.35em}@media only screen and (max-width:768px){html .login-form .login-location-name :is(h1,h2,h3,h4,h5,h6).login-location-name-text{font-size:1.4em}}@media only screen and (max-width:480px){html .login-form .login-location-name :is(h1,h2,h3,h4,h5,h6).login-location-name-text{font-weight:900;font-size:1.2em}}html .login-links-wrapper{transform:translate3d(-100%,-50%,0);position:absolute;top:50%;left:0;padding:var(--login-links-active-item-shadow-size) 0 var(--login-links-active-item-shadow-size) calc(var(--login-links-active-item-shadow-size)*1.5);overflow:hidden}@media only screen and (max-width:1024px){html .login-links-wrapper{transform:translate3d(-50%,0,0);top:auto;bottom:100%;left:50%;padding:calc(var(--login-links-active-item-shadow-size)*1.5) var(--login-links-active-item-shadow-size) 0 var(--login-links-active-item-shadow-size)}}html .login-links ul{clear:both;margin:0;padding:0}@media only screen and (max-width:1024px){html .login-links ul{text-align:center;white-space:nowrap}}html .login-links ul li{clear:both;width:100%;margin:.5em 0;padding:0;text-transform:uppercase;background:var(--login-links-default-item-background-color);border-radius:1em 0 0 1em;will-change:auto;transition:background var(--gtd) ease 0s}@media only screen and (max-width:1024px){html .login-links ul li{display:inline-block;float:none;clear:none;width:auto;margin:0 .25em var(--login-links-item-mobile-bottom-margin) .25em;border-radius:1em 1em 0 0}}html .login-links ul>:first-child:is(li){margin:0 0 .5em 0}html .login-links ul>:last-child:is(li){margin:.5em 0 0 0}@media only screen and (max-width:1024px){html .login-links ul>:first-child:is(li){margin:0 .25em var(--login-links-item-mobile-bottom-margin) 0}html .login-links ul>:last-child:is(li){margin:0 0 var(--login-links-item-mobile-bottom-margin) .25em}}html .login-links ul li:hover{background:var(--login-links-default-item-hover-background-color)}html .login-links ul li::before,html .login-links ul li::after{z-index:2;transform:translate3d(0,0,0) rotate(0deg);left:auto;right:0;display:none;float:right;width:1em;height:1em;background:rgba(0,0,0,0);border-radius:0}html .login-links ul li::before{top:auto;bottom:calc(100% - .1rem);background:var(--login-links-active-item-top-radius)}html .login-links ul li::after{top:calc(100% - .1rem);bottom:auto;background:var(--login-links-active-item-bottom-radius)}@media only screen and (max-width:1024px){html .login-links ul li::before,html .login-links ul li::after{top:auto;bottom:-.1rem}html .login-links ul li::before{left:auto;right:calc(100% - .1rem)}html .login-links ul li::after{transform:translate3d(0,0,0) rotate(180deg);left:calc(100% - .1rem);right:auto}}html .login-links ul li.active{background:var(--login-links-active-item-background-color);box-shadow:var(--login-links-active-item-box-shadow)}html .login-links ul li.active::before,html .login-links ul li.active::after{display:block}html .login-links ul li :is(a,span,div).text{display:block;float:left;clear:both;width:100%;margin:0;padding:1em 1.5em;text-transform:inherit;font-size:inherit;line-height:inherit;color:var(--login-links-link-text-color);border-radius:inherit}@media only screen and (max-width:640px){html .login-links ul li :is(a,span,div).text{padding:1em 1.15em}}@media only screen and (max-width:420px){html .login-links ul li :is(a,span,div).text{font-size:.9em}}@media only screen and (max-width:370px){html .login-links ul li :is(a,span,div).text{padding:.85em}}html .login-links ul li.active :is(a,span,div).text{color:var(--login-links-active-item-text-color)}html .login-links ul li :is(a,span,div)::after{z-index:1;position:relative;float:none;width:auto;height:auto;margin:0;padding:0;content:"";font-family:var(--fa);font-weight:700;font-size:inherit;line-height:inherit;color:inherit}@media only screen and (max-width:1024px){html .login-links ul li :is(a,span,div)::after{transform:rotate(90deg)}}html .login-links ul li.active :is(a,span,div)::after{display:inline-block;margin:0 0 0 1em}