@charset "utf-8";

/* CSS Document */
@import url("header.css");
@import url("footer.css");
@import url(//fonts.googleapis.com/css?family=Arvo|Open+Sans);

/* (DTD) Override Bootstrap variables */
:root {
	/* override the colors of links */
	--bs-link-color: #202f73;
  	--bs-link-color-rgb: 32, 47, 115;
	--bs-link-hover-color: #202f73;
	--bs-link-hover-color-rgb: 32, 47, 115;
}
/* (DTD): Removes the margin from bootstrap to remove unnecessary x-scrollbar */
.row {
	margin: auto;
}
body {
	font-family: 'Open Sans', sans-serif;
	background-color: #ffffff;
}

/* COLORS */
a:visited {
	color: #3B4780;
}
a:visited:hover {
	color: var(--bs-link-hover-color);
	text-decoration-color: var(--bs-link-hover-color);
}
a.btn {
	color:#ffffff;
}
a:visited.btn {
	color:#ffffff;
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
	border-color: #202f73;
}
#homepage-intro {
	padding: 15px 0 5px 0;
	margin: 0 auto;
	background-color:#eee;
}
#introduction {
	border-top: none;
	line-height: 160%;
	padding-top: 15px 0 0 0;
	background-color: #eeeeee;
	color: #000000;
	font-size: 115%;
	margin:0 auto;
}
#sections {
	padding: 0px 0px 50px 0px;
	margin: 30px 0 0 0;
	background-color: #fff;
	line-height: 160%;
	font-size: 105%;
}
#sections h1 {
	font-size: 180%;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 20px;
	padding-top: 10px;
}
#sections h2 {
	font-weight: normal;
	font-size: 150%;
	margin-top: 0;
}
#sections p {
	line-height: 175%;
}
#sections ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 3px;
}
#recommendation-toolbox {
	background-color: #eee;
	border: 1px dotted #ccc;
	padding: 0px 10px 10px 10px;
	font-size: 85%;
}
#recommendation-toolbox h2 {
	font-size: 150%;
	padding-top: 10px;
	color: #900;
	font-weight: normal;
}
#maintanenceAlert {
	background-color: transparent;
}
#alertText {
	font-family: 'Arvo', Serif; 
	color: #b60015; 
	font-size: 125%;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* General Styles */
.courseid, .warning {
	font-size: 90%;
	color: #b60015;
}
.courseid {
	text-transform: capitalize;
}
.warning, .notes, .notation {
	font-family: 'Arvo', Serif;
	font-style: italic;
}
.notes {
	color: #666;
}
.notation {
	color: #900;
}

/* UPDATED (DTD): Updated needed for newer bootstrap to tighten the content */
@media screen and (max-width: 576px) {
	.container {
		max-width: 100% !important;
	}
}
@media screen and (min-width: 576px) {
	.container {
		max-width: 550px !important;
	}
}
@media screen and (min-width: 768px) {
	.container {
		max-width: 700px !important;
	}
}
@media screen and (min-width: 992px) {
	.container {
		max-width: 800px !important;
	}
}
@media screen and (min-width: 1200px) {
	.container {
		max-width: 1140px !important;
	}
}