/*------------------------------------------------------*/
/* Name banner styles */
#name_row {
	z-index:10;
	position: -webkit-sticky;
	position:sticky;
	top:3.9vh;
	color:#fff;
	background-color: #30113b;
	height:10vh;
	font-family: 'metropolis';
}
#name_margin {
	background-color: #30113b;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	transition:0.2s
	/* border:1px solid blue; */
}
#name_cont {
	position:relative;
	height:100%;
	/* border:1px solid red; */
}
#name_text{
	position:absolute;
	bottom:0;
	font-size: 2em;
}
#keywords_cont {
	position:relative;
	/* border:1px solid green; */
}
#keywords {
	position:absolute;
	bottom:0;
	right:0;
	font-style:italic;
	font-size:0.9em;
}
@media (max-width: 1025px) {
	#name_cont { width:0; }
	#keywords_cont { width:100%; }
	#name_text { display:none;}
	#name_margin { display: none; }
}
/*------------------------------------------------------*/
/* Main grid styles */
#main_div {
    align-items: center;
	min-height: 83vh;
}
/* :target:before {
	content:" ";
	display:block;
	height:4vh;
	margin:4vh;
	visibility:hidden;
} */



/* .anchor {
	height:4vh;
	border:1px solid red;
} */
/* .anchor a {
	position: absolute;
	left: 0px;
	top:-8vh;
  } */

/*------------------------------------------------------*/
/* Top row styles */
#main_row {
	display:flex;
	width:100%;
	/* max-height:12vh; */
	/* padding:20px 0px; */
	/* border:1px solid green; */
}
/* Top row image styles */
#main_img_cont {
	display:flex;
	justify-content:center;
	align-items:center;
	width:20%;
	height:auto;
	/* border:1px solid blue; */
	/* padding:0px 4px 4px 4px; */
}
#main_img {
	max-height:100%;
	max-width:100%;
	/* border:2px solid #333; */
	border-radius:5px;
}
/* Top row text styles */
#main_desc{
	display:flex;
    justify-content: center;
	align-items: left;
	flex-direction: column;
	width:80%;
	text-align:justify;
}
@media (max-width: 1025px) {
	#main_div { width: 100%; }
	#main_text { width: 90%; }
	#bio_row { flex-wrap: wrap; }
	#main_img_cont { display: flex; width:100%; padding-bottom: 2vh; }
	#main_img { margin: 0 auto; max-height:25vh; }
	#main_desc { display:flex; width:100%; text-align: left; }
	#margin { width: 5%; }
}
/* Education styles */
#educ_row {
	/* border-bottom:1px solid #999999; */
	padding:10px 0px;
}
#educ_header {
	font-size:1.1em;
	font-weight:bold;
	width:100%;
}
#educ_info{
	width:100%;
}
#educ_date {
	/* border:1px solid green; */
	height:100%;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	/* border-bottom:1px solid #999999; */
}
.educ_sep {
	height:1px;
	background-color:#999999;
}
/* Contact link styles */
#link_row {
	padding: 15px 0px;
}
#link_cont {
	/* border:1px solid red; */
	text-align:center;
}
.contact_btn {
	border: 1px solid #006ddb;
	/* background-color: #fff; */
	text-decoration: none;
	/* color: #1a1a1a; */
	border-radius: 10px;
	padding: 10px; 
	transition:0.5s;
	font-weight:bold;
}
.contact_btn:hover {
	/* border: 1px solid #333333; */
	border-radius: 15px;
	background-color: #30113b;
	color: #fff;
}
@media (max-width: 1025px) {
	#educ_row { width:100%; }
	#educ_date { width:100%; padding-bottom:10px }

}
/* Teaching styles */
#tea_row {
	/* border-bottom:1px solid #999999; */
	padding:10px 0px;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
}
.tea_sep {
	height:1px;
	background-color:#999999;
}
@media (max-width: 1025px) {
	#tea_row { width:100%; }
	#educ_row { width: 75%; }
	#educ_date { width: 25%; text-align: right; }
}
/* Contact image styles */
#contact {
    max-width: 100%;
	max-height: 2vh;
}
/*------------------------------------------------------*/
/* Content row styles */
#content_text {
	/* width:100%; */
	/* border: 1px solid blue; */
	margin: 0px 40px;
}
.update_sep {
	height:1px;
	background-color:#999999;
}
/*------------------------------------------------------*/
/* Hidden image styles */
#hidden {
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	/* border:1px solid red; */
	height:9vh;
	z-index:9999;
}
#name_margin #hidden{ 
	height:0; 
	opacity: 0; 
	transition: opacity 0.2s linear;
}
#name_margin:hover { background-color: #999999; }
#name_margin:hover #hidden{ 
	opacity: 1;
}
@media (max-width: 1025px) {
	#main_content { width: 100% }
	#name_margin:hover #hidden{ display: none; }
}