/* ----------HEADER AND NAVIGATION----------*/
/*Sets header position*/
.Header_wrapper{position: relative;}
.Header{height: 150px; width: 100%; background-color: #2d2d2d; border-bottom: 2px solid #000; text-align: center; vertical-align: middle;}
#MU_Logo{height: 100%;}

/*Creates the horizontal navigation bar under the header and removes bullets*/
#nav{width: 100%; margin:auto; margin-bottom:20px;}
#nav ul {padding: 0; margin: 0; width:100%; list-style-type:none; overflow:hidden;}
#nav ul li {list-style-type:none; float:left; width: 20%;}
#nav ul li p {position: relative; top: 50%; transform: translateY(-50%); padding: 0; margin: 0;}

/*Styles links in the navigation bar*/
#nav a:link, #nav a:visited {display:block; color:White; font-family: "Arial", Helvetica, sans-serif; background-color:#404040;  height: 35px; text-align:center; text-decoration: none;}
#nav a:hover, #nav a:active, #nav a.section:link, #nav a.section:visited {color:White; background-color:Gray;}



/* ----------Body of website----------*/
html {background-image: url('../img/Portfolio_background.jpg'); background-repeat: repeat; min-width: 1400px; margin: 0;}
body {font-size:1.5em; margin: 0;}
.textBody {background-image: url('../img/Resume_background.jpg'); width: 75%; min-height:750px; margin:auto; padding: 20px; overflow: hidden;}
.CenterText{text-align:center;}
.CenterDiv{margin:auto;}
.CenterIMG{display: block; margin:auto;}
.circle {border-radius: 50%; box-shadow: 3px 3px 3px #080808; margin-bottom: -150px;}
.right {float: right;}

/* ----------Footer css----------*/
.footer {color:White; font-family: "Arial", Helvetica, sans-serif; background-color:#404040; text-align:center; font-size: 0.9em; width: 100%;}
.footer p {margin: 10px 0;}

.Site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.Site-content {
  flex: 1;
}


/* ----------Classes css----------*/
.LineHeader{background-color: rgba(255,204,51,0.7);}
.CourseNumberSpacing{width:15%; text-align:left;}
.CourseNameSpacing{width:30%; text-align:left;}
.ProfessorSpacing{width:15%; text-align:left;}
.CreditSpacing{width:10%;}
.SemesterSpacing{width:10%;}
.LineBreak{height:30px;}



/* ----------Projects css----------*/
.hidden {
    display: none;
}
.projectBody {background-image: url('../img/Resume_background.jpg'); width: 80%; min-height:797px;float: left;padding: 10px; overflow: hidden;   
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
  	box-sizing: border-box;         /* Opera/IE 8+ */}
.projectWrap{width: 75%;margin: auto;}
.vmenu ul {list-style-type: none; margin: 0;padding: 0; height:100%;}
.vmenu li {height:15%; border-bottom: solid 1px;}
.vmenu a {display: block; width: 100%;}
.vmenu .vmenuParent{position:relative; left:30px; top: 40%; transform: translateY(-40%);}
.vmenu .PhotoshopChild {position:relative; left:10px; top: -5%; transform: translateY(5%)}
.vmenu {float: left; height:750px; width:20%;}

/*Usual color for parent links*/
.vmenu a:link, .vmenu a:visited {display:block; color:White; height:100%; font-family: "Arial", Helvetica, sans-serif; background-color: #404040; text-decoration: none;
box-shadow: inset 0 -30px 40px -30px rgba(0,0,0,0.7);
}
/*Usual color for child links*/
.vmenu a.childLink:link, .vmenu a.childLink:visited {display:block; color:White; height:100%; font-family: "Arial", Helvetica, sans-serif; background-color:Gray; text-decoration: none;
box-shadow: inset 0 -30px 40px -30px rgba(0,0,0,0.7);
}
/*Color for all links when active or the current page*/
.vmenu a:hover, .vmenu a:active, .vmenu a.current:link, .vmenu a.current:visited,
.vmenu a.childLink:hover, .vmenu a.childLink:active {color:Black; background-image: url('../img/Resume_background.jpg');}

/*Table layout*/
.textBody table th, td{border: 1px solid black; width:20%;}
table img{width: 100%; height: 300px;}

/*Flexbox layout*/
.gallery { /*implement FlexBox*/
	width: 100%;
	display: flex; /*make this container a flexbox*/
	flex-wrap: wrap; /*allow items within this container to wrap to the next line*/
	justify-content:center;
}
.gallery .item {margin: 1px; border: 1px solid; text-align:center; max-width:300px; margin:10px;}
.gallery .Website  img {width: 500px; height: 300px;}
.gallery .item img {width: 300px; height: 300px;}
.gallery .noCaption {height: 300px;}
.gallery a {text-decoration: none; color: #000;}


/*Fancybox*/
.caption {font-size: 2em;}


/* ----------Resume css----------*/
.resumeBody H2 {text-decoration: underline;}
.resumeBody, .referenceBody{padding-left: 5%; padding-right: 5%;}



/* ----------ContactMe css----------*/
.ContactForm{padding: 20px; background-image: url('../img/Me2.JPG'); background-size:cover; margin: auto; width: 72%;}
legend{background:white;}



/* .formPadding{padding-left: 200px; padding-top:150px;} */
input, textarea {
	font-size: 1em; 
	display: block;
}

input[type="submit"], input[type="reset"] {display: inline;}

label{
    display: block;
    font-size: 1em;
}

@media (max-width: 1400px) {
	.textBody{width: 100%;}
	.projectWrap{width: 100%;}
}