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

/*COLOR PALETTE
#297561 <- Mid Green
#189F99 <- Teal
#723F5C <- Purple
#AC4070  <- Raspberry
#daa815  <- Gold
#C9DC9B  <- Light Green
#297561  <- Dark Green
*/

/*COLOR PALETTE
#141742 <- main blue
#605CCF <- dark green
#E24136 <- light green
#F8C1D5  <- mint
#FEC265  <- yellow
*/

body {
	font-family: Cantarell;
	color: #333;
}

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

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

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

a {
	color: #605CCF;
	opacity: .7;
}

a:hover, a:focus {
	color: #605CCF;
	opacity: 1;

}

#widemenu {
	background: #141742;
}

.menu {
	font-family: Montserrat;
}

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

.title-bar {
	background: #141742;
}

.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: #605CCF; /* teal*/
}

.assignments,
li.assignments ul {
	background: #E24136; /* purple */
}

.library,
li.library ul {
	background: #F8C1D5; /* raspberry */
}

.gallery,
li.gallery ul {
	background: #FEC265; /* gold */
}

.syllabus,
li.syllabus ul{
	padding: 1em;
}

#syllabus {
	padding: 1em;
}


.scheduleTitle {
	color: #605CCF;
}

.assignTitle {
	color: #E24136;
}

.resourcesTitle {
	color: #F8C1D5;
}

.galleryTitle {
	color: #FEC265;
}

.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: 85%;
	max-width: 1000px;
	margin: 0 auto;
	box-shadow: none;
}

h2.week,
h2.weekDate {
	/* 	background: #141742; */
	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: #605ccf;
	padding-left: 1em;
}

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

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

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

.online {
	background: #605CCF;
}

.online h2.weekDate {
	color: #605CCF;
	border-color: #605CCF;
}

.weekRow div {
	padding: 0;
}

.weekRow h2 {
	margin: 0;
}

dt {
	margin-top: 1.2em;
}

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

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

@media (max-width:640px) {
	.page-container {
		width: 100%;
	}
	h2.weekDate {
		border-right: 0px;
	}
}

.thumbnail {
	width: 200px;
}