.toolbar>.breadcrumbs{display:inline-block;text-align:left;width:30%}.toolbar>.toolbar-actions{display:inline-block;text-align:right;width:70%}.toolbar>.searchbar{display:none;padding:0;margin:20px 0 10px}.toolbar>.searchbar>.search{border:1px solid #ccc;background:#fff;padding:6px;margin-right:10px;margin-bottom:8px;font-size:12px;border-radius:4px;width:100%}.add-course-box{padding:20px;margin:10px 0;border-left:20px solid #944096;border-radius:0 0 0 10px;background:#f8f8f8}.add-course-box>.form-addcourse>input,.add-course-box>.form-addcourse>textarea{border:0;background:#fff;width:100%;padding:10px;margin:4px 0;font-size:18px}.add-course-box>.form-addcourse>button{margin-right:10px}.edit-course-box{padding:20px;margin:10px 0;border-left:20px solid #ff7f80;border-radius:0 0 0 10px;background:#f8f8f8}.edit-course-box>.form-editcourse>input,.edit-course-box>.form-editcourse>textarea{border:0;background:#fff;width:100%;padding:10px;margin:4px 0;font-size:18px}.edit-course-box>.form-editcourse>.course-actions{font-size:12px;padding:20px 0 0 0;position:relative}.edit-course-box>.form-editcourse>.course-actions>.delete-button{background-color:#ce3a3a;position:absolute;right:0}.edit-course-box>.form-editcourse>.course-actions>.delete-button:hover{background-color:#bf3030}.edit-course-box>.form-editcourse>.course-actions>.save-button{background-color:#6aa84f;margin-left:0}.edit-course-box>.form-editcourse>.course-actions>.save-button:hover{background-color:#5f9747}.edit-course-box>.form-editcourse>.course-actions>.cancel-button{background-color:#889}.edit-course-box>.form-editcourse>.course-actions>.cancel-button:hover{background-color:#7a7a8d}.course-box-teach{padding:20px;margin:20px 0;border:1px solid #00b2ee;border-left:20px solid #00b2ee;border-radius:0 0 0 10px}.course-box-teach>.course-title{cursor:pointer;padding:0;margin:0;font-size:1.2em;font-weight:700;line-height:1.3em}.course-box-teach>.course-description{cursor:pointer;padding:0;margin:0;font-size:1em;line-height:1.2em}.course-box-teach>.course-actions{font-size:12px;padding:20px 0 0 0}.course-box-learn{padding:20px;margin:20px 0;border:1px solid #6aa84f;border-left:20px solid #6aa84f;border-radius:0 0 0 10px}.course-box-learn>.course-title{cursor:pointer;padding:0;margin:0;font-size:1.2em;font-weight:700;line-height:1.3em}.course-box-learn>.course-description{cursor:pointer;padding:0;margin:0;font-size:1em;line-height:1.2em}.course-box-learn>.course-actions{font-size:12px;padding:20px 0 0 0}.course-meta{padding:20px;margin:20px 0;border:1px solid #944096;border-left:20px solid #944096;border-radius:0 0 0 10px}.course-meta>.course-meta-title{padding:0;margin:0;font-size:1.2em;font-weight:700;line-height:1.3em}.course-meta>.course-meta-description{padding:0;margin:0;font-size:1em;line-height:1.2em}.course-sections{text-align:center}.course-sections>.course-toolbar{padding:20px;margin:20px 0;border:1px solid #944096;text-align:center}button{background-color:#944096;padding:8px 14px;margin:0 4px;border:0;text-transform:uppercase;color:#fff;font-weight:700;font-size:14px;border-radius:20px;outline:0}button:hover{background-color:#823884}.btn-teach{background-color:#00b2ee}.btn-learn{background-color:#6aa84f}.btn-learn:hover{background-color:#5f9747}.btn-add{margin:4px}html{-webkit-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,h4{font-weight:400}h1{font-size:48px}@media only screen and (max-width:600px){h1{font-size:24px}}h2{font-size:36px}@media only screen and (max-width:600px){h2{font-size:21px}}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body{background-color:#fff;font-size:16px;margin:0;padding:0}h3{margin:40px 0 0}ul{list-style-type:none;padding:0}li{display:inline-block;margin:0 10px}ul.bullets{font-size:36px}ul.bullets>li{display:block}@media only screen and (max-width:600px){ul.bullets{font-size:21px}}a{color:#944096}a:hover{color:#823884}input,textarea{font-size:16px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;padding:0}.dropme-enter-active,.dropme-leave-active{-webkit-transition:opacity .1s;transition:opacity .1s}.dropme-enter,.dropme-leave-to{opacity:0}.menuicon{display:inline-block;cursor:pointer}.menuicon .bar2,.menuicon .bar3,.menuicon>.bar1{width:25px;height:2px;background-color:#333;margin:6px 0;-webkit-transition:.4s;transition:.4s}.menuicon>.bar1.change{-webkit-transform:rotate(-45deg) translate(-6px,6px);transform:rotate(-45deg) translate(-6px,6px);background-color:#944096}.menuicon .bar2.change{opacity:0}.menuicon .bar3.change{-webkit-transform:rotate(45deg) translate(-5px,-5px);transform:rotate(45deg) translate(-5px,-5px);background-color:#944096}header{padding:20px 40px;position:fixed;top:0;left:0;width:100%;z-index:999999;background:#fff;min-height:40px;max-width:100%;margin:auto;border-bottom:1px solid #944096;-webkit-box-shadow:0 0 4px 2px rgba(0,0,0,.2);box-shadow:0 0 4px 2px rgba(0,0,0,.2);text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (max-width:600px){header{display:block;padding:10px}}header>#logo{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:28px;line-height:28px;text-transform:uppercase;padding-top:10px}header>#logo>a{text-decoration:none;border-bottom:0;color:#944096}header>#logo>a>img{height:45px;margin:-11px 0;padding-right:10px}@media only screen and (max-width:600px){header>#logo{display:inline-block}}header>#gnav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:18px;color:#889;padding-top:15px;margin-right:auto}@media only screen and (max-width:600px){header>#gnav{display:none}}header a{font-weight:700;color:#2c3e50;text-decoration:none;margin:0 8px}header a.router-link-exact-active{color:#823884;border-bottom:4px dotted #944096}header>#mobilenav{display:inline-block;float:right;padding:12px 10px 0 10px;margin:-5px 0 0 0}header>#nav{position:absolute;top:70px;right:10px;margin-top:10px;width:300px;display:none;border-top:4px solid #944096;-webkit-box-shadow:0 1px 8px rgba(0,0,0,.3);box-shadow:0 1px 8px rgba(0,0,0,.3);z-index:99999}@media only screen and (max-width:600px){header>#nav{position:relative;top:auto;right:auto;width:100%;-webkit-box-shadow:none;box-shadow:none}}header>#nav>ul{width:auto;padding:0;margin:0}header>#nav>ul>li{display:block;text-align:left;text-transform:capitalize;cursor:pointer;margin:0;padding:0 10px;font-size:16px;font-weight:400;line-height:2.5em;background:#fff;border-bottom:1px solid #eee}header>#nav>ul>li.router-link-exact-active{color:#944096}header>#nav>ul>li:hover{background:#eee}header>#nav.on{display:block}main{margin-top:80px}@media only screen and (max-width:600px){main{margin-top:60px}}.content{text-align:left;max-width:100%;margin:auto;padding:20px;background-color:#fff}.content>h2{margin:0 0 10px 0}.content .login{width:50%;padding:20px;border:1px solid #eee}@media only screen and (max-width:600px){.content .login{width:100%}}.content .register{margin:auto;text-align:left}.content .register h2{margin:0 0 10px 0}.content .register input{width:100%;border:1px solid #ccc;margin:4px 0;padding:8px}@media only screen and (max-width:600px){.content .register input{width:100%}}.content .register button{margin-top:10px}@media only screen and (max-width:600px){.content .register button{width:100%}}.content-box-white{background:#fff}.content-box-gray{background:#eee}footer{margin:100px 0 0 0;padding:0;min-height:100px;text-align:center;color:#889}footer>.copyright{font-size:12px;font-weight:400;padding:20px 0 0 0}.homeintro{width:100%;background:#944096 url(../img/reaching-out-1024.1e7537d9.jpg) no-repeat 50%;background-size:cover;height:700px;position:relative}.homeintro>.intro-right-box{position:absolute;width:50%;left:50%;height:100%;color:#fff;background:rgba(191,127,192,.3);text-align:left;padding:100px 50px 40px 50px}.homeintro>.intro-right-box>p{font-size:24px;color:#fff;padding:0;margin:0}.homeintro>.intro-right-box>h1{font-size:48px}@media only screen and (max-width:600px){.homeintro>.intro-right-box{background:none}}@media only screen and (max-width:600px){.homeintro{height:400px}.homeintro>.intro-right-box{width:100%;padding:180px 20px 40px 20px;left:0}.homeintro>.intro-right-box>p{font-size:18px}.homeintro>.intro-right-box>h1{font-size:24px}}.breakout{margin:0 auto;padding:40px 20px;max-width:860px;text-align:center;background:#7fff80;font-size:1.5em;line-spacing:1em;color:#000}.breakout.purple{border-radius:300px;background:#944096;font-weight:700;color:#fff}@media only screen and (max-width:600px){.breakout.purple{border-radius:0}}.breakout.green{border-radius:300px;background:#7fff80;font-weight:700;color:#fff}@media only screen and (max-width:600px){.breakout.green{border-radius:0}}.breakout.orange{border-radius:300px;background:#ff7f80;font-weight:700;color:#fff}@media only screen and (max-width:600px){.breakout.orange{border-radius:0}}.breakout.white{background:#fff}@media only screen and (max-width:600px){.breakout{padding:10px;font-size:1.1em}}.welcomeback{padding:40px;text-align:center;border:1px solid #ccc}.error{color:red}.welcomeback[data-v-18e95036]{padding:40px;text-align:center;border:1px solid #ccc}