@import 'https://fonts.googleapis.com/css?family=Cantarell:400,400i,700|Montserrat:400,700';

/*COLOR PALETTE  GD 153
#C22326 <- Red
#F37338 <- Orange
#FDB632 <- Yellow
#027878  <- Teal
#03CCCC  <- Teal tint
#801650  <- Marroon
*/


/*COLOR PALETTE  GD 150 (classC)
#0B8A99 <- main blue
#43B757 <- dark green
#88CA8A <- light green
#B8DDB4  <- mint
#FEC265  <- yellow
*/

html,
body {
	width: 100%;
	height: 100%;
	margin: 0px;
}

body {
	font-family: Cantarell;
	color: #daa815;
	background: #0B8A99;
	/* 	positon: relative; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Montserrat;
	margin: 0;
}

p {
	font-size: .9em;
	color: #OA1612;
}

h1 {
	font-size: 1.3em;
	color: #027878;
	margin: 1em 0 .5em 5px;
	line-height: 1em;
}

h2 {
	color: #881b59;
	font-family: Cantarell;
	font-size: 1.65em;
	margin-bottom: .3em;
}

.bottom h2 {
	color: #88CA8A;
	line-height: .5em;
}

h2.text-right {
	color: #227B90;
	text-align: center;
}

a {
	color: #1aa6a6;
}

a:hover,
a:focus {
	color: #F37338;
}

.row-block {
	/* 	overflow: hidden; */
	/* 	background: #189F99; */
	display: table;
	width: 100%;
}

#bkg>div {
	padding-bottom: 1.5em;
}

#classA {
	background: #DC9128;
	width: 100%;
	padding-left: 2em;
	/* 	float:left; */
	/* 	clear:both; */
	display: table-cell;
}

#classB {
	background: #EA4424;
	width: 50%;
	padding-right: 2em;
	/* 	float:left; */
	/* 	clear:both; */
	display: table-cell;
}

#classC {
	background: #0B8A99;
	width: 100%;
	padding-right: 2em;
	float: left;
	display: table-cell;
}

.class-head {
	/* padding: .3em; */
	opacity: 1;
}

.class-head:hover>* {
	opacity: 0.7;
}

.class-number {
	color: #fff;
	margin: 20% 0 0;
	font-size: 4em;
	font-weight: 700;
}

.advising, .archive {
	background: #555;
	padding: 1.2em 0 1em;
}

.advising h2, .archive h2 {
	color: #fff;
	font-size: 1.5em;
	text-align: center;
	font-weight: 700;
	font-family: Montserrat;
}

.advising h2:hover, .archive h2:hover {
	opacity: .7;
}

.roster {
	margin: 0 auto;
	text-align: center;
	max-width: 800px;
}

.student {
	font-family: Montserrat;
	padding: 0.95em 1.5em;
}

.studentClassA {
	float: right;
	background: #AC4070;
	margin: .5em;
	transition: background-color 0.1s ease-out, color 0.1s ease-out;
}

.studentClassB {
	background: #F37338;
	margin: .5em;
	transition: background-color 0.1s ease-out, color 0.1s ease-out;
}

.studentClassC {
	background: #88CA8A;
	margin: .5em;
	transition: background-color 0.1s ease-out, color 0.1s ease-out;
}

.studentClassA:hover {
	background: #297561;
}

.studentClassB:hover {
	background: #C22326;
}

.studentClassC:hover {
	/* 	background: #FEC265; */
	/* 	background: #88CA8A; */
	background: #43B757;
}

.button {
	transition: background-color 0.1s ease-out, color 0.1s ease-out;
	/* 	margin: .5em; */
}

.bottom {
	position: relative;
	bottom:0;
	background: #0B8A99;
	padding-bottom: 10em;
/* 	padding-bottom: 3em; */
}

.bottom h1 {
	/* 	font-size:2em; */
	text-transform: uppercase;
	text-align: center;
	margin: .2em;
	margin-top: .05em;
}

.bottom h2 {
	text-align: center;
}

#widemenu {
	background: #801650;
}

.menu {
	font-family: Montserrat;
}

.menu>li {
	padding: .7em;
}

.title-bar {
	background: #801650;
}

.title-bar-title {
	font-family: Montserrat;
	padding-left: 5px;
	color: #fff;
}

li.menu-text {
	color: #fff;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 1.3em;
}


.dropdown.menu>li.is-dropdown-submenu-parent>a::after,
li.is-accordion-submenu-parent>a::after {
	border-color: #fff transparent transparent;
}

.top-bar {
	padding: 0;
}

.top-bar ul {
	background: none;
}

.top-bar a {
	color: #fff;
}

.schedule,
li.schedule ul {
	background: #C22326;
}

.assignments,
li.assignments ul {
	background: #F37338;
}

.library,
li.library ul {
	background: #FDB632;
}

.gallery,
li.gallery ul {
	background: #027878;
}

.syllabus,
menu>li.syllabus>a {
	margin-top: 3px;
}

#syllabus {
	padding: 1em;
}

.scheduleTitle {
	color: #C22326;
}

.assignTitle {
	color: #F37338;
}

.resourcesTitle {
	color: #FDB632;
}

.galleryTitle {
	color: #027878;
}

.schedule a,
.assignments a,
.library a,
.gallery a {
	color: #fff;
}

ul.submenu li {
	padding: 0;
}


/*li.schedule ul {
	background: pink;
}*/

aside {
	background: gray;
}

.assign-wrapper {
	width: 75%;
	max-width: 800px;
	margin: 0 auto;
}

.main {
	background: pink;
}

.page-container {
	width: 100%;
	background: #D10047;
	/* 	margin: 8em auto 0; */
	box-shadow: none;
	display: table;
	position: relative;
}

h2.week,
h2.weekDate {
	/* 	background: #801650; */
	color: #fff;
	/* 	text-transform: uppercase; */
	font-size: 1.2em;
	font-weight: 400;
	padding: .5em 1em .5em 1em;
	float: left;
	/* 	margin-bottom: 1em; */
}

h3.classDay {
	/* 	text-transform: uppercase; */
	font-size: 1em;
	color: #801650;
	padding-left: 1em;
}

.itin,
.resources {
	padding-left: 1em;
	list-style-type: square;
	color: #801650;
}

.itin li p,
.resources li p {
	color: #333;
	margin: 0;
}

.weekRow {
	background: #801650;
	/* 	color: #fff; */
	/* 	text-transform: uppercase; */
	/* 	font-size: 1em; */
	/* 	font-weight: 400; */
	/* 	padding: .5em .5em .5em 1em; */
	margin: 1em 0;
}

.weekRow div {
	padding: 0;
}

.weekRow h2 {
	margin: 0;
}

h2 {
	color: #f37238;
}

h2.text-right {
color: #91d0c7;
}

h2.weekDate {
	background: #fff;
	color: #801650;
	font-size: 1em;
	border: 4px solid #801650;
	/* 	text-align: right; */
	float: right;
}

.sectionC h2 {
    color: #b6c372;
}

h3.studentName {
	font-size: 1.3em;
	text-indent: 10px;
	margin: 0px;
	padding: 10px;
	color: #fff;
	background: #801650;
}

.page-container.off-canvas-content {
/* 	background:#555; */
}

.off-canvas-content {
/* 	background: #555;
	background: #0B8A99; */
}

.footer {
	background: #555;
	padding-bottom: 3em;
	position: fixed;
	height: 215px;
	bottom:-140px;
  transition: bottom 0.5s;
}

.footer:hover {
	bottom: 0;
}

.years {
	max-width: 900px;
	margin: 0 auto;
	display:flex;
	justify-content:center;
}

.semester {
	margin: 0 1em;
	color: #ddd;
}

.semester h6 a {
	margin-bottom: .3em;
	color: #DC9128;
}

.semester p {
	margin:0;
	padding: 0;
	color: #DC9128;
	overflow: hidden;
	text-overflow: clip;
}

@media (max-width:500px) {
	.footer {
	bottom:-188px;
}

}

@media (max-width:640px) {
	/* 	.page-container {
		width: 100%;
		margin-top: 50px;
	} */
	h2.weekDate {
		border-right: 0px;
	}
	#classA,
	#classB {
		/* 		background: #189F99; */
		width: 100%;
	}
	/* 	#gd150 {
		background: #801650;
		width: 100%;
}
	 */
	.thumbnail {
		width: 200px;
	}
}