@charset utf-8;
/* CSS Document */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    /*margin: 0;*/
    background-color: #A8DA8C;
}

.divFlex {
	display: flex;
	flex-direction: column;
}

.menuLightCode {
    background-color: #5E503F;
    height: 80px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5%;
}

.menuLightCode ul {
    list-style: none;
    display: flex;
}

.menuLightCode ul li {
    padding: 10px 30px;
    font-size: 1.4rem;
    position: relative;
}

.menuLightCode ul li a {
    color: #F7F7F4;
    text-decoration: none;
    font-size: 1.3rem;
}

.menuLightCode ul li a:hover {
    color: #BAF17A;
}

.menuLightCodeDrop {
    display: none;
}

.menuLightCode ul li:hover .menuLightCodeDrop {
    display: block;
    position: absolute;
    left: 1.5rem;
    top: 100%;
    background-color: #9B8B5F;
}

.menuLightCode ul li:hover .menuLightCodeDrop ul {
    display: block;
}

.menuLightCode ul li:hover .menuLightCodeDrop ul li {
    width: 7rem;
    left: 0.5rem;
    padding: 10px;
}

.menuLightCodeDrop-1 {
    display: none;
}

.menuLightCodeDrop ul li:hover .menuLightCodeDrop-1 {
    display: block;
    position: absolute;
    top: 0;
    left: 6rem;
    background-color: #B5A983;
    /* color: #EBE79F; */
}

/*.menuLightCodeDrop ul li:hover .menuLightCode-Drop-1:first-child {
	border-radius: 10px 10px 0 0;
} */

.pageTitle {
	font-size: 3rem;
	color: #5E503F;
	vertical-align: center;
	margin: 80px auto 80px 55px;
}

.pageSubtitle {
	font-size: 2.2rem;
	color: #685529;
	/* color: #172121;
	 text-align: center;*/
	vertical-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 62px;
}

.weekHead {
	font-size: 2.5rem;
	color: #172121;
	text-align: center;
	vertical-align: center;
}

.dateBlue {
	font-size: 1.5rem;
	color: #102B3F;
	vertical-align: center;
}

.dateRed {
	font-size: 1.5rem;
	color: #AF3B2C;
}

.dateSlash {
	font-size: 1.8rem;
	color: #501A52;
	font-weight: bold;
}
.assignBlue {
	font-size: 1.9rem;
	color: #628395;
	vertical-align: center;
}

.assignRed {
	font-size: 1.9rem;
	color: #FF595E;
}

.dateBox {
	background-color: #54DEFD;
	color: #4F345A;
	padding: 15px 15px 15px 25px;
	font-size: 1.6em;
	width: 70%;
	min-width: 200px;
	min-height: 40px;
	margin: 70px auto 0 60px;
	/*text-align: center;*/
	vertical-align: center;
	border-radius: 15px 15px 0 0;
}

.topicBox {
	background-color: #3C5A14;
	padding: 15px 15px 15px 25px;
	margin: 0 auto 0 60px;
	width: 70%;
	min-width: 200px;
	min-height: 70px;
	/*margin: 0 auto;*/
	/*text-align: center;	*/
	font-size: 1.8em;
	color: #E8DDB5;
	vertical-align: center;
}

.assignBox {
	background-color: #CEB990;
	padding: 15px 15px 15px 25px;
	margin: 0 auto 0 60px;
	width: 70%;
	min-width: 200px;
	min-height: 70px;

	/*text-align: center;	*/
	font-size: 1.9em;
	color: #5E3023;
	vertical-align: center;
	border-radius: 0 0 15px 15px;
}

.algIINotes {
	margin-left: 50px;
	font-size: 1.8rem;
	color: #DFF2D8;
}

.algIIDates {
	margin: 30px auto 50px 70px;
	font-size: 1.6rem;
	color: #FFA630;
}

.calGap {
	height: 70px;
}

.geoBiggies {
	font-size: 2rem;
	color: #2F2836;
}

.algIIBiggies2 {
	font-size: 2rem;
	/*color: #EF6F6C;*/
	color: #F6CA83;
}

.finAlgCh-1 {
	width: 80%;
	margin: 30px auto 30px 70px;
	background-color: #E8E1C2;
	font-size: 1.6rem;
	color: #593837;
	padding: 15px;
	border-radius: 10px;
}

.modT1 {
	width: 70%;
	margin: 30px auto 30px 70px;
	background-color: #757761;
	font-size: 1.6rem;
	color: #DCDBA8;
	padding: 15px;
}

.modT2 {
	width: 70%;
	margin: 30px auto 30px 70px;
	background-color: #D4F2D2;
	font-size: 1.6rem;
	color: #009FFD;
	padding: 15px;
}

.modLink {
	margin-top: 15px;
	margin-left: 30px;
}

.modT1 .modLink a {
	text-decoration: none;
	color: #e5ece9;
}

.modT1 .modLink a:hover {
	color: #009FFD;
}

.modT2 .modLink a {
	text-decoration: none;
	color: #BCAB79;
}

.modT2 .modLink a:hover {
	color: #9888A5;
}

.modT3 .modLink a {
	text-decoration: none;
	color: #e5ece9;
}

.modT3 .modLink a:hover {
	color: #009FFD;
}

.geoModT1 {
	width: 80%;
	margin: 30px auto 30px 70px;
	background-color: #E8E1C2;
	font-size: 1.6rem;
	color: #593837;
	padding: 15px;
	border-radius: 10px;
}

.geoModT1Link {
	margin-top: 15px;
	margin-left: 30px;
	color: #CC8B86;
}

.geoModT1 .geoModT1Link a {
	text-decoration: none;
	color: #05668D;
}

.geoModT1 .geoModT1Link a:hover {
	color: #009FFD;
}

.geoModT2 {
	width: 70%;
	margin: 30px auto 30px 70px;
	background-color: #B5A983;
	font-size: 1.6rem;
	color: #1A3A3A;
	padding: 15px;
	border-radius: 10px;
}

.geoModT2Link {
	margin-top: 15px;
	margin-left: 30px;
	color: #5B3000;
}

.geoModT2 .geoModT2Link a {
	text-decoration: none;
	color: #e5ece9;
}

.geoModT2 .geoModT2Link a:hover {
	color: #009FFD;
}

.geoModT3 {
	width: 70%;
	margin: 30px auto 30px 70px;
	background-color: #826F42;
	font-size: 1.6rem;
	color: #37123C;
	padding: 15px;
	border-radius: 10px;
}

.geoModT3Link {
	margin-top: 15px;
	margin-left: 30px;
	color: #FCA17D;
}

.geoModT3 .geoModT3Link a {
	text-decoration: none;
	color: #e5ece9;
}

.geoModT3 .geoModT3Link a:hover {
	color: #7FB5C1;
}