/* CSU Default style guide. All guides should use the same layout, but this helps set the colors. the screen.scss in the primary sass folder should be updated, as the website reads whatever one that imports (C) Albert Lionelle, Colorado State University */
html, body { font-family: 'prox-regular', sans-serif; background-color: #FFFFFF; height: 100%; color: #59595B; }

h1, h2, h3, h4, h5, h6 { font-family: 'factoria-book', sans-serif; font-weight: normal; letter-spacing: 2px; text-align: left; }

.smaller { font-size: 0.6em; line-height: 0.7em; font-weight: normal; }

.text-left { text-align: left; }

@media screen and (max-width: 415px) { .medium-screen-only { display: none; } .contact-card { margin-left: auto; } }

.page-max { max-width: 1027px; margin: auto auto; }

.top-bar { height: 80px; margin-bottom: 20px; }

.top-bar h1 { line-height: 68px; font-size: 2.2em; color: #1E4D2B; letter-spacing: 0.1em; padding-top: 20px; padding-bottom: 10px; padding-left: 20px; }

.top-bar h1 a { text-decoration: none; color: #1E4D2B; }

.top-bar h1 a:hover { text-decoration: underline; transition: 1s  ease-in-out; }

.home { padding-top: 40px; }

.header { color: #FFFFFF !important; background-color: #1E4D2B; margin-left: 0px; padding-top: 10px; height: 80px; line-height: 88px; }

.header .csu-logo-large { min-width: 350px; padding-top: 5px; display: inline-block; max-width: 450px; width: 450px; padding-bottom: 10px; margin-left: -90px; }

.header .csu-logo-small { max-width: 146px; display: inline-block; min-width: 146px; width: 146px; margin-left: 0; margin-right: auto; }

.header .material-icons { color: #767777 !important; }

.header .larger-text { font-family: 'prox-regular'; letter-spacing: .11em; line-height: 1.1em; font-size: 19px; text-transform: uppercase; vertical-align: middle; display: inline-block; width: 400px; padding-top: 5px; padding-left: 15px; }

.header .smaller-text { font-family: 'prox-regular'; letter-spacing: .11em; line-height: 1.1em; font-size: 14px; text-transform: uppercase; vertical-align: middle; display: inline-block; width: 170px; padding-left: 15px; }

.header .level-2 { background-color: #FFFFFF; color: #59595B; }

.header .level-2 h1 { color: #1E4D2B; font-size: 1.5em; font-weight: bold; font-family: 'prox-regular'; padding-bottom: 20px; }

.header .level-2.mdl-layout__header-row { padding-left: 5px; }

.header .mdl-layout-title { color: #FFFFFF; }

.header nav { margin-left: auto; margin-right: 0px; }

.header nav a { color: #FFFFFF; }

.header nav a:hover { color: #D9782D; }

.header .nav-bar { padding-right: 20px; font-family: 'prox-regular'; text-transform: uppercase; }

.header .nav-bar .spacer { margin-left: 30px; }

.header .nav-bar a { background-color: transparent !important; border-bottom: 4px solid transparent; color: #59595B !important; letter-spacing: 2px; line-height: 1.5em; font-size: 1em; padding-left: 0px; padding-right: 0px; margin-left: 30px; }

.header .nav-bar .active { color: #1E4D2B !important; font-weight: bold; }

.header .nav-bar a:hover { border-bottom: 4px solid #1E4D2B; transition: 1s  ease-in-out; }

.drawer { border-right: none; }

.drawer .mdl-layout-title { color: #FFFFFF !important; font-family: 'prox-regular', sans-serif; font-weight: bold; background-color: #1E4D2B !important; line-height: 1em; padding-top: 30px; padding-bottom: 5px; }

.page-content { align-items: center; margin-left: 40px; background-color: #FFFFFF; }

.page-content h1 { line-height: 68px; font-size: 2em; color: #1E4D2B; letter-spacing: 0.1em; }

.page-content h1.title { display: inline-block; width: 350px; }

.page-content h2 { font-size: 1.5em; color: #1E4D2B; margin-bottom: 2px; padding-bottom: 2px; }

.page-content div h2 { padding-top: 0px; margin-top: 0px; }

.page-content h3 { font-size: 1.2em; color: #1E4D2B; margin-bottom: 2px; padding-bottom: 2px; }

.page-content h4 { font-size: 1.1em; color: #1E4D2B; margin-bottom: 2px; padding-bottom: 2px; }

.page-content h5 { font-size: 1.0em; color: #1E4D2B; margin-bottom: 2px; padding-bottom: 2px; }

.page-content a { color: #D9782D; font-weight: bold; text-decoration: none; border-bottom: 2px solid transparent; }

.page-content a:hover { color: #D9782D; text-decoration: none; border-bottom: 2px solid #D9782D; transition: .8s ease-in-out; }

.page-content table, .page-content td, .page-content th { border-collapse: collapse; border: 1px solid #1E4D2B; margin: 0 0 0 0; }

.page-content table th { padding-right: 10px; }

.page-content table th, .page-content table td { vertical-align: top; padding: 5px; }

.page-content table tr:nth-child(even) { background-color: #f2f2f2; }

.mdl-mega-footer { padding: 0px 0px 0px 0px; }

.footer { padding-top: 10px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; vertical-align: middle; background-color: #1E4D2B !important; color: #FFFFFF; }

.footer .csu-logo-large { width: 300px; vertical-align: middle; }

.footer .csu-logo-small { width: 100px; }

.footer a { color: #FFFFFF; text-decoration: none; margin-right: 20px; border-bottom: 1px solid transparent; }

.footer a:hover { border-bottom: 2px solid #D9782D; transition: 0.5s  ease-in-out; }

.footer .align-right { text-align: right; }

.footer .align-center { text-align: center; }

.footer p { padding: 0 0 0 0; margin: 0 0 0 0; }

.footer .small { font-size: 0.9em; line-height: 0.9em; color: #cccccc; }

.upper-bar { background-color: #255f35; padding-right: 20px; padding-top: 10px; color: #cccccc; }

.upper-bar a { color: #cccccc; text-decoration: none; }

.upper-bar a:hover { color: white; }

.upper-bar h3 { font-size: 1em; padding: 0px 0px 0px 0px; margin: 0 0 0 0; line-height: 1.3em; text-transform: uppercase; color: #FFFFFF; }

.upper-bar p { margin-top: 0px; padding-top: 0px; line-height: 1.2em; font-size: 0.9em; }

.upper-bar ul { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; }

.upper-bar li { padding: 0 0 0 0; margin: 0 0 0 0; line-height: 1.5em; font-size: 1em; }

.social-media-list { list-style: none; margin-left: 0; padding-left: 0; }

.social-media-list a { color: #C8C372 !important; margin: 0 0 0 0; padding: 0 0 0 0; text-decoration: none; border-bottom: 2px solid transparent; }

.social-media-list .username { border-bottom: 2px solid transparent; }

.social-media-list .username:hover { border-bottom: 2px solid #D9782D; transition: 1s ease-in-out; }

.svg-icon { width: 16px; height: 16px; display: inline-block; fill: #C8C372; padding: 5px 3px 2px 5px; vertical-align: text-bottom; }

.social-media-list { margin: 0 auto; }

.social-media-list ul { margin: 0 0 0 0; padding: 0 0 0 0; }

.social-media-list i { width: 16px; height: 16px; font-size: 16px; font-weight: bold; display: inline-block; padding: 5px 3px 2px 5px; vertical-align: text-bottom; }

.social-media-list li { padding: 0 0 0 0; float: left; margin: 0 5px; }

.social-media-list li:first-of-type { margin-left: 0; }

.social-media-list li:last-of-type { margin-right: 0; }

.social-media-list li a { display: block; }

.social-media-list li:hover .svg-icon { fill: currentColor; }

figure { padding: 0 0 0 0; margin: 0 0 0 0; }

img[alt="MS Teams Format Banner"] { width: 80%; }

.notice { background-color: #D9782D; color: black; font-weight: bolder; letter-spacing: 1.1px; }

.notice a { color: #1E4D2B; }

.notice a:hover { color: #1E4D2B; border-bottom-color: #1E4D2B; }

/** Syntax highlighting styles */
.highlight { background: #fff; /*@extend %vertical-rhythm;*/ }

.highlighter-rouge .highlight pre { display: inline-block; padding: 10px 10px 10px 10px; }

.highlight .c { color: #998; font-style: italic; }

.highlight .err { color: #a61717; background-color: #e3d2d2; }

.highlight .k { font-weight: bold; }

.highlight .o { font-weight: bold; }

.highlight .cm { color: #998; font-style: italic; }

.highlight .cp { color: #999; font-weight: bold; }

.highlight .c1 { color: #998; font-style: italic; }

.highlight .cs { color: #999; font-weight: bold; font-style: italic; }

.highlight .gd { color: #000; background-color: #fdd; }

.highlight .gd .x { color: #000; background-color: #faa; }

.highlight .ge { font-style: italic; }

.highlight .gr { color: #a00; }

.highlight .gh { color: #999; }

.highlight .gi { color: #000; background-color: #dfd; }

.highlight .gi .x { color: #000; background-color: #afa; }

.highlight .go { color: #888; }

.highlight .gp { color: #555; }

.highlight .gs { font-weight: bold; }

.highlight .gu { color: #aaa; }

.highlight .gt { color: #a00; }

.highlight .kc { font-weight: bold; }

.highlight .kd { font-weight: bold; }

.highlight .kp { font-weight: bold; }

.highlight .kr { font-weight: bold; }

.highlight .kt { color: #458; font-weight: bold; }

.highlight .m { color: #099; }

.highlight .s { color: #d14; }

.highlight .na { color: #008080; }

.highlight .nb { color: #0086B3; }

.highlight .nc { color: #458; font-weight: bold; }

.highlight .no { color: #008080; }

.highlight .ni { color: #800080; }

.highlight .ne { color: #900; font-weight: bold; }

.highlight .nf { color: #900; font-weight: bold; }

.highlight .nn { color: #555; }

.highlight .nt { color: #000080; }

.highlight .nv { color: #008080; }

.highlight .ow { font-weight: bold; }

.highlight .w { color: #bbb; }

.highlight .mf { color: #099; }

.highlight .mh { color: #099; }

.highlight .mi { color: #099; }

.highlight .mo { color: #099; }

.highlight .sb { color: #d14; }

.highlight .sc { color: #d14; }

.highlight .sd { color: #d14; }

.highlight .s2 { color: #d14; }

.highlight .se { color: #d14; }

.highlight .sh { color: #d14; }

.highlight .si { color: #d14; }

.highlight .sx { color: #d14; }

.highlight .sr { color: #009926; }

.highlight .s1 { color: #d14; }

.highlight .ss { color: #990073; }

.highlight .bp { color: #999; }

.highlight .vc { color: #008080; }

.highlight .vg { color: #008080; }

.highlight .vi { color: #008080; }

.highlight .il { color: #099; }

/* declare a 7 column grid on the table */
.inset { padding: 20px 20px 20px 20px; }

#help-desk { padding: 20px 20px 20px 20px; }

#calendar { width: 100%; display: grid; grid-template-columns: repeat(8, 1fr); border: 0; }

#calendar tr, #calendar tbody { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(8, 1fr); width: 100%; }

caption { text-align: center; grid-column: 1 / -1; font-size: 130%; font-weight: bold; padding: 10px 0; }

#calendar a { color: #D9782D; text-decoration: none; }

#calendar .weekdays #time { background-color: white; color: #1E4D2B; }

#calendar .weekdays { background: #255f35; }

#calendar .weekdays th { text-align: center; text-transform: uppercase; line-height: 20px; border: none !important; padding: 10px 6px; color: #fff; font-size: 13px; }

#calendar td { display: flex; flex-direction: column; text-align: center; }

td.time { vertical-align: bottom; text-align: center; }

#calendar .open { background-color: #C8C372; font-weight: bold; color: #1E4D2B; }

#calendar .open a { color: #1E4D2B; }

#calendar .day { display: none; }

/* ============================ Mobile Responsiveness ============================*/
@media (max-width: 600px) { #calendar .weekdays, #calendar .other-month { display: none; } #calendar li { height: auto !important; border: 1px solid #ededed; width: 100%; padding: 10px; margin-bottom: -1px; } #calendar, #calendar tr, #calendar tbody { grid-template-columns: 1fr; } #calendar tr { grid-column: 1 / 2; } #calendar td .day { text-align: center; padding: 4px; background: #333; color: #fff; width: 20px; border-radius: 50%; flex: 0 0 auto; align-self: flex-end; justify-content: right; display: inline; } #calendar .shift { align-self: center; justify-content: center; flex-grow: 1; } #calendar td { flex-direction: row; } }

.embedded-video { width: 400px; float: right; padding: 5px 5px 5px 5px; }

.lab-image { width: 300px; border: 1px solid #255f35; }

.float-right { float: right; margin-left: 15px; margin-bottom: 15px; }

blockquote p { padding: 5px 10px 5px 10px; margin-bottom: 0px; background-color: #C8C372; clear: both; }

blockquote:before, blockquote::after { content: none !important; }

.image-instructions figure { height: 100%; display: inline-block; padding-right: 5px; }

.image-instructions figure figcaption { font-size: 0.9em; text-align: center; }

/* Styles specific to the clone.html include */
.gitClone pre { margin-bottom: 0; padding-bottom: 0; }

.gitClone p { padding-bottom: 0; margin-bottom: 0; }

.page-content .contact-card { display: block; margin-left: 0; margin-right: auto; width: 225px; border: solid 4px #1E4D2B; min-height: 200px; box-shadow: 5px 5px 3px #C8C372; margin-top: 20px; text-align: center; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 10px; }

@media screen and (min-width: 1025px) { .page-content .contact-card { margin-top: 30px; } }

.page-content .contact-card img { margin-left: auto; margin-right: auto; }

@media screen and (max-width: 490px) { .page-content .contact-card { margin-left: auto; } }

@media screen and (min-width: 490px) { .page-content .contact-card { width: 450px; } .page-content .contact-card img { float: left; padding-right: 10px; } }

.page-content .contact-card h1 { margin-top: 0px; line-height: 1.2em; margin-bottom: 0px; padding-bottom: 0px; letter-spacing: 0.1em; }

.page-content .contact-card h2 { font-size: 1em; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; padding-top: 3px; padding-bottom: 3px; padding-right: 0px; padding-left: 0px; line-height: 1em; color: #59595B; }

.page-content .contact-card h2 + p { margin-top: 10px; }

.page-content .contact-card p { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 1.3em; }

/*# sourceMappingURL=main.css.map */