/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block }
audio, canvas, video { display: inline-block }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none }
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0 }
a:active, a:hover, a:focus { outline: 0 }
h1 { font-size: 2em }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
dfn { font-style: italic }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: "\\201C" "\\201D" "\\2018" "\\2019" }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], input[disabled] { cursor: default }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
/* end normalize */

/* General Element Styles */
body { line-height: 1.4; font-family: "Sgy Muli Bold", "Karla", "Helvetica Neue", Arial, Helvetica, sans-serif; color: #333; font-size: 14px; padding-top: 160px; background: #FFFFFF; }
a, .clickable { color: #53a3c2; text-decoration: none; }
a:hover, .clickable:hover { text-decoration: underline; cursor: pointer; }
ol, ul { margin: 1em 0 1em 2em; }
li { margin: 0.5em 0; }
li ul, li ol { margin: 0.5em 0 0.5em 2em; }
h1 { border: 0 none; padding: 0; font-weight: normal; font-size: 40px; display: block !important; margin-bottom: 45px;}
h2 { border: 0 none; padding: 0; font-weight: normal; margin: 1em 0 .5em; font-size: 18px; }
h3 { font-size: 16px; font-weight: normal; margin: 1em 0 .5em; }
h4 { font-size: 14px; font-weight: normal; margin: 1em 0 .5em; }
h5 { font-size: 13px; font-weight: normal; margin: 1em 0 .5em; }
h6 { font-size: 12px; font-weight: normal; margin: 1em 0 .5em; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: normal; -webkit-font-smoothing: antialiased; }
p { font-size: 18px; color: #333333; }
hr { background: #ddd; margin: 1.4375em auto; border: none; height: 1px; }
.ie7 hr, .ie7 hr.no-margin, .ie7 hr.no-margin.center { margin-top: -8px; margin-bottom: -8px; }
img { max-width: 100%; width: auto; }
/* End General Element Styles */

/* Webfonts */
.wf-museoslab-n5-loading h1, .wf-museoslab-n5-loading .h1, .wf-museoslab-n5-loading h2, .wf-museoslab-n5-loading .h2, .wf-museoslab-n5-loading h3, .wf-museoslab-n5-loading .h3, .wf-museoslab-n5-loading h4, .wf-museoslab-n5-loading .h4, .wf-museoslab-n5-loading h5, .wf-museoslab-n5-loading .h5, .wf-museoslab-n5-loading h6, .wf-museoslab-n5-loading .h6, .wf-museoslab-n5-loading .museo, .wf-museoslab-n5-loading .bottom-nav a, .wf-museoslab-n5-loading .btn-inner, .wf-museoslab-n5-loading .block-title-footer { visibility: hidden; }
.wf-karla-n4-loading p, .wf-karla-n4-loading li, .wf-karla-n4-loading blockquote, .wf-karla-n4-loading a, .wf-karla-n4-loading span, .wf-karla-n4-loading label, .wf-karla-n4-loading #deletion-inner { visibility: hidden; }
.wf-karla-n4-loading .submit-span-wrapper { visibility: visible; }
.wf-karla-n4-loading .submit-span-wrapper input { color: #5fb8d5; }

/* Reusable Classes */
.container { width: auto; margin: 0 auto; }
.clearfix { zoom: 1; }
.clearfix:after { display: block; clear: both; visibility: hidden; font-size: 0; line-height: 0; height: 0; content: "."; }
.ir { overflow: hidden; display: block; text-indent: -9999px; }
.visually-hidden { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.skip { position: absolute; z-index: 12; display: inline-block; background: #327cbb; color: #fff; padding: 5px 10px; margin: 10px; }
.skip:focus { left: auto; width: auto; height: auto; overflow: auto; clip: auto; }
/* End Reusable Classes */


/* Branding */
#branding { height: 60px; position: fixed; width: 100%; top: 0; z-index: 100001; background: #0677ba; border-bottom: 1px solid #22303e; }
#branding h1 { float: left; }
#logo { background: url(https://ui.schoology.com/design-system/assets/schoology-logo-horizontal-white.884fbe559c66e06d28c5cfcbd4044f0e.svg) no-repeat;  width: 180px; height: 60px; margin-top: 10px; margin-left: 30px; padding: 0 15px 0 0; float: left; position: relative; z-index: 100; }
#logo span { float: left; margin: 21px 0 0 7px; opacity: 0; filter: alpha(opacity=0); zoom: 1; height: 19px; width: 18px; transition: opacity .5s; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; }

/* End Branding */

/* Home Page */
.temp-header { color: #024F7D; font-weight: bold; }
.error-image { height: 300px; margin-bottom: 30px; background: url(mission-impossible.svg) no-repeat center; }
.home #main .container { text-align: center; font-size: 16px; color: #333; }
/* End Home Page */