@charset "UTF-8";
/* CSS Document */

body{
	font-family: Montserrat;
	color: black;
	background-color: #FFFFFF;
	font-style: normal;
	overflow-x: hidden ;
	
}

.page-wrapper {
	width: auto;
	margin-left: auto;
	margin-right: auto;
		
}


.logo {
	
	font-family: Open Sans;
	font-size: 65px; 
	line-height: 30px; 
    font-weight: 900;
  	padding-top: 10px;
	
}

.logo a {
 	text-decoration: none;
 	color: black;
	padding: 4px ;

}

/* Change color for Logo  hover */
.logo a:hover {
 	text-decoration: none;
 	color: mediumvioletred;
	
}



/* Style the top navigation bar */
.navbar {
	width: auto;
	height: 100px;
  	background-color: none;
	margin-top: 10px;
	text-align: center;
  	
}


.nav-list li {
	display: inline-flex ;
	list-style-type: none;
 	
}

/* Style the topnav links */
.navbar li a {
  color: #3B86AE;
  text-align: center;
  padding: 22px 16px;
  font-family: Open Sans;
  font-size: 20px; 
  font-weight: 900; 
  line-height: 40px;

}


/* Change color for nav bar hover */
.navbar li a:hover {
  
  color: mediumvioletred;

}

/* head shot and Paragraph content on Index page*/	

.firstsection {
			display: flex;
            background-color: none;
		
			margin-right: 4%;
			margin-left: 4%;	
           
        }

h1{
  color: black;
  font-family: Montserrat;
  font-size: 30px; 
  line-height: 40px;
	
}

h2{
	margin-top: 10px;
	
}
        
.paragraphtext {
	flex: 100;
  margin-top: 50px;
  color: black;
  text-decoration: none;
  font-size: 20px; 
  font-weight: 400; 
  line-height: 28px;
  padding-right: 12%;
  overflow: hidden;
}

a{
	color: #3B86AE;
	text-decoration: none;
}

.inverseHighlight:hover {
	
	background: aqua ;
	color: mediumvioletred;
}


strong {
	text-decoration: none;
	color: mediumvioletred;
}

.paragraphtext a:hover {
  background-color: darkgray;
  color: aqua;
  text-decoration: none; 
}

.headshot{
 width: 250px;
 margin-left:50px;
 margin-right:80px;

	
}

.headshot1 {
    
	width: inherit;
	margin-top:-90px;
	margin-bottom: -10px;

    
}

.headshot2 {
	display: none;
	
}




/*PUBLICATION Section Style */

.publications {
	
	width:80%;
	padding-left: 100px;
	padding-top: 20px;

}

.title {
	flex: 40 ;
	text-align: center;
	padding-right: 0px;
}

.pubsheading{
  color: black;
  font-family: Montserrat;
  font-size: 30px; 
  font-weight: 500;
  line-height: 40px;
	
}

.publicationlist li {
	margin: 20px 0;
	  color: black;
  text-decoration: none;
  font-size: 20px; 
  font-weight: 400; 
  line-height: 28px;	
}

/* Changing the href link color to get rid of blue and underline*/
.publicationlist  a {
  text-decoration: none;
  font-weight: 600;
  color: #3B86AE;
}

/* Change color for publication link hover */
.publicationlist a:hover {
  background-color: aqua;
  color: mediumvioletred;
  }


/* TEACHING Page*/

/* Had to add spacing to account for list item indent on publication page */
.courseInlinespacing {
	
	padding-left: 40px;
	
}

.coursesection {
	
	width: 80% ;
	display: inline-flex;
	margin-top: 50px;
	margin-left: 100px;
	margin-right:50px;
	
}



.description {
	flex: 80;

	
}

.courseDescriptiontext {

  color: black;
  text-decoration: none;
  font-size: 20px; 
  font-weight: 400; 
  line-height: 28px;
	
}

/* RESEARCH PROJECT SECTION */



.projectpicture {

	align-content: center;
	padding: 50px;

}	

.projectpicture img{
	
	width: 300px;
	height: 220px;	
}




* {
  box-sizing: border-box;
}



/* FOOTER */


h2 {
  color: mediumvioletred;
  font-family: Open Sans;
  font-size: 25px; 
  font-style: normal; 
  font-variant: normal; 
  font-weight: 900; 
  line-height: 40px;
}

.footer{
	width: 100%;	
	box-sizing: border-box;
	}

.footerDisclaimer {
	font-weight: 300;
	color: #3B86AE;
	
}

.row {
  border-top: 5px solid mediumvioletred;
  display: inline-flex;
  background:  #012637;
  margin: 0px -10px -10px -10px;
  padding: 10px;
 
}

/* Create two equal columns that sits next to each other */
.column {
  flex: 50%;
  padding: 10px 40px;
}

.row2{
	width: auto;
	background:  #012637;
	margin: 0px -10px -10px -10px;
	padding: 10px 40px;
	font-weight: 300;
	color: #3B86AE;
}

.footerFont {
	color: #3B86AE ;
}
.strongFooter {
	color: aqua;
}
.aFooter {
	color: aqua ;
	background-color: gray
}
/* Change color for Footer  hover */

.footerFont a:hover {
 	text-decoration: none;
 	color: mediumvioletred;
	
}

/*  GET linkedin and google scholar images TO BE THE SAME SIZE */
.imagescontact img {
  /*width: 100px;*/
  height: 60px;
  float: left;
  margin: 3px;
  padding-left: 5px;
 	
}



.contactinfo{
	width:60%;

}



/* RESPONSIVE STUFF */

/* Media Queries: Tablet Landscape */
@media screen and (max-width: 1060px) {
	
	.headshot1 {
	 
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	

}
	
	.headshot2 {
		display: none;
		
	}
	
	/*Testing for Large screen dimensions */
	.firstsection {
			display: flex;
            background-color: none;
			margin-right: 10%;
			margin-left: 10%;	
        
        }
	

	
	
}

@media screen and (max-width: 1120px) {
.paragraphtext {
  margin-top: 50px;
  color: black;
  text-decoration: none;
  font-size: 18px; 
  font-weight: 400; 
  line-height: 28px;
  padding-right: 0px;
}
}


@media screen and (max-width: 1105px) {
.paragraphtext {
  margin-top: 50px;
  color: black;
  text-decoration: none;
  font-size: 17px; 
  font-weight: 400; 
  line-height: 28px;
  padding-right: 0px;
}
}
@media screen and (max-width: 1065px) {
.paragraphtext {
  margin-top: 50px;
  color: black;
  text-decoration: none;
  font-size: 17px; 
  font-weight: 400; 
  line-height: 28px;
  padding-right: 0px;
}
}

/* Media Queries: Tabled Portrait */
@media screen and (max-width: 876px) {
	
	
	.coursesection {
	width: 80% ;
	display: inline-block;
	margin-top: 50px;
	margin-left: 80px;
	margin-right:50px;
}
	
	.logo {
	
	font-family: Open Sans;
	font-size: 55px; 
	line-height: 30px; 
    font-weight: 900;
  	padding-top: 10px;
	
}
	
/* Style the topnav links */
.navbar li a {
  color: #3B86AE;
  text-align: center;
  padding: 22px 16px;
  font-family: Open Sans;
  font-size: 18px; 
  font-weight: 900; 
  line-height: 40px;

}
	
	.firstsection {
			display: block;
            background-color: none;
			margin-right: auto;
			margin-left: auto;	
           
        }
	
	.headshot{
		display: block;
		margin-left: auto;
		margin-right: auto;
	
}
	
	.headshot1 {
	display: none;

}
	
	img.headshot2 {
		display: block;
		width: inherit;
		
		
		
	}
	
	.paragraphtext {
	flex: 100;
  	margin-top: 0px;
  	color: black;
  	font-size: 17px; 
  	font-weight: 400; 
  	line-height: 28px;
  	padding-right: 4%;
  	padding-left: 4%;
}
	
	
	.row {
  border-top: 5px solid mediumvioletred;
  display: inline-block;
  background:  #012637;
  margin: 0px -10px -10px -10px;
  padding: 10px;
 
}

/* Create two equal columns that sits next to each other */
.column {
  flex: 50%;
  padding: 0px;
}
	
}

/* Media Queries: Tabled Portrait */
@media screen and (max-width: 560px) {
	
	
	.coursesection {
	width: 80% ;
	display: inline-block;
	margin-top: 20px;
	margin-left: 20px;
	margin-right:20px;
}
	
	.logo {
	font-family: Open Sans;
	font-size: 40px; 
	line-height: 30px; 
    font-weight: 900;
  	padding-top: 10px;
	
}
	
/* Style the topnav links */
.navbar li a {
  color: #3B86AE;
  text-align: center;
  padding: 10px 4px;
  font-family: Open Sans;
  font-size: 15px; 
  font-weight: 900; 
  line-height: 40px;

}
	
	
	.firstsection {
			display: block;
            background-color: none;
			margin-right: auto;
			margin-left: auto;	
           
        }
	
	.headshot{
		display: block;
		margin-left: auto;
		margin-right: auto;
	
}
	
	.headshot1 {
	display: none;

}
	
	img.headshot2 {
		display: block;
		width: inherit;
		
		
		
	}
	
	.paragraphtext {
	flex: 100;
  	margin-top: 0px;
  	color: black;
  	font-size: 15px; 
  	font-weight: 400; 
  	line-height: 28px;
  	padding-right: 0px;
  	overflow: scroll;
}
	
	
}

/* Media Queries: Iphone 6 */
@media screen and (max-width: 390px) {
	
	.logo {
	font-family: Open Sans;
	font-size: 38px; 
	line-height: 30px; 
    font-weight: 900;
  	padding-top: 10px;
	
}
	

	.firstsection {
			display: block;
            background-color: none;
		
			margin-right: auto;
			margin-left: auto;	
           
        }
	
	.headshot1 {
	display: none;

}
	
	.headshot2 {
		display: block;
		width: 150px;
		margin-left: auto;
		margin-right: auto;
		
		
	}
	
	.paragraphtext {
	flex: 100;
  	margin-top: 0px;
  	color: black;
  	font-size: 15px; 
  	font-weight: 400; 
  	line-height: 28px;
  	padding-right: 0px;
  	overflow: scroll;
}
	
}