.section_title { font-weight: bolder; }

/* general settings */
body{
	background-color: #eef;
}

.page { 
	max-width: 100ex;
	padding: 1ex;
	margin-left: auto;
	margin-right: auto;
}

blockquote { font-style: italic; text-align: justify; }

.instructors { font-size: 75%; }

table.basicTable { border: 1px solid black; border-collapse: collapse; }
table.basicTable tr, table.basicTable tr td { border: 1px solid rgba(0,0,0,0.3); }
table.basicTable tr th { border: 1px solid black; padding: 1ex; }
table.basicTable tr td { padding: 0.2ex 1.5ex; }
table.basicTable tr td:first-child { border-left: 1px solid black; }
table.basicTable tr td:last-child { border-right: 1px solid black; }
table.basicTable tr:first-child td { border-top: 1px solid black; }
table.basicTable tr:last-child td { border-bottom: 1px solid black; }

table.sections tr.recitation td:first-child { text-align: right; }
table.sections tr.recitation td:first-child:after { content: " (REC)"; font-size: smaller; }

.weeklySchedule { font-size: 75%; }
.weeklySchedule tr:first-child { height: auto; }
.weeklySchedule tr { height: 10ex; }
.weeklySchedule td { position: relative; padding-top: 1ex; }
.weeklySchedule tr > :nth-child(1) { display: none; }
.weeklySchedule tr > :nth-child(2) { display: none; }
.weeklySchedule tr > :nth-child(8) { display: none; }
.weeklySchedule .date { position: absolute; top: 0; left: 0; font-size: 50%; }

.importantDates td { padding-left: 1ex; }

span.instructor { display: block; }

p { text-align: justify; }


.grades .points, .cutoffs .points, .grades .percentage, .cutoffs .percentage { text-align: right; }

.grades .total { border-top: 3px double black; }

.blockInline { display: block-inline; }
.inlineBlock { display: inline-block; }

#navbar { position: fixed; top: 0ex; left: 0ex; opacity: 50%; background-color: rgba(1,1,1,0.1); border-radius: 1ex; border: 2px solid gray; margin: 0ex; padding: 1ex; }
#navbar { font-size: 75%; max-width: 30ex; }
#navbar li { list-style: none; padding: 0ex; margin: 0ex; }
#navbar li.navlink a { color: black; text-decoration: none; }
#navbar li.levH1 { padding-left: 0ex; }
#navbar li.levH2 { padding-left: 1ex; }
#navbar li.levH3 { padding-left: 2ex; }
#navbar li.levH4 { padding-left: 3ex; }
#navbar li.levH5 { padding-left: 4ex; }
#navbar li.levH6 { padding-left: 5ex; }

#navbar.hidden li { display: none; }
#navbar.hidden:before { content: "≡"; font-size: 300%; }

/* make sure that {{ }} stuff doesn't show up until it is filled in */
.mustache { display: none; }

@media print  {
	.basicTable { font-size: 75%; }
	.instructors, .sections { font-size: 60%; }
	body { background-color: white; }
	#navbar { display: none; }
}

@media screen and (max-device-width:500px) {
	#syllabus { 
		width: 100%;
		max-width: inherit;
		overflow: hidden;
		padding: 0ex;
	}
	table { font-size: 50%; }
	.instructors { font-size: 45%; }
	#navbar { position: relative; }
}