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

/*COLOR PALETTE
c9c85f green  b4c561
e75f89 pink
57bec8 blue
eb7a3d orange
F8B955 yellow
082346 dark blue
666666 grey
*/

/*fall 2017 COLOR PALETTE
#DC9128 <- main orange
#F26226 <- dark orange
#907D2F <- olive gold
#227B90 <- dark blue
#0CB0DF <- light blue
*/

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: #5BB689;
	margin: 1em 0 1em 5px;
}

a {
	color: #f2a435;
	transition: .06s;
}

a:hover {
	color: #f2a435;
	opacity: .5;
	transition: .06s;
}

pre {
  font-size: .8em;
}

#widemenu {
	background: #F4D73D;
}

.menu {
	font-family: Montserrat;
}

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

dt {
	margin-top: 1.2em;
}

.title-bar {
	background: #F4D73D;
}

.title-bar-title {
	color: #fff;
}

li.menu-text {
	color: #fff;
	padding: 6px 30px;
	font-size: 1.3em;
	text-align: center;
}

li.menu-text a div {
	font-weight: 300;
	text-transform: uppercase;
	font-size: 0.7em;
	padding-top: 3px;
}

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

.is-dropdown-submenu {
	min-width: max-content;
}

.top-bar {
	padding: 0;
}

.top-bar ul {
	background: none;
}

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

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

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

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

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

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

ul.submenu li {
	padding: 0;
}

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

#syllabus {
	padding: 1em;
}


/*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: #5BB689; */
	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: #97a227;
	padding-left: 1em;
}

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

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

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

.online {
	background: #666666;
}

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


.weekRow div {
	padding: 0;
}

.weekRow h2 {
	margin: 0;
}

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

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

.large-8.columns {
	padding-left: 0;
}

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

.thumbnail {
	width: 200px;
}