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

/* Bio Single */

.section-single-bio {
	padding:90px 0 75px 0;
	background: rgb(243,242,234);
	background: linear-gradient(180deg, rgba(243,242,234,1) 2%, rgba(255,255,255,1) 100%);
}

.single-bio-content {
	position:relative;
	border-radius:10px;
	box-shadow:0px 0px 15px rgba(0,0,0,0.1);
	max-width:960px;
	margin:0 auto;
	background-color:#FFFFFF;
}

.single-bio-content h1 {
	color:#2e78a7;
	font-size:2em;
	margin:0 0 45px 0;
	position:relative;
}

.single-bio-content h1:after {
	content:'';
	width:100px;
	height:8px;
	position:absolute;
	display:inline-block;
	bottom:-26px;
	left:0;
	background: #333333;
	border-radius:10px;
	background: rgb(108,190,188);
	background: linear-gradient(130deg, rgba(108,190,188,1) 2%, rgba(142,199,202,1) 100%);
	transform:translateX(-50%);
	left:50%;
}

p.single-bio-position-title {
	color:#333333;
	font-size:1.4em;
	margin:0;
}

.single-bio-info {
	padding:0 5% 35px 5%;
	top:-10px;
	position:relative;
}

.single-bio-headshot {
	background-size:cover;
	background-position:50% 50%;
	width:250px;
	height:250px;
	border-radius:500px;
	border:8px solid #FFFFFF;
	box-shadow:0px 0px 15px rgba(0,0,0,0.1);
	margin:0 auto;	
}

.single-bio-header {	
	top:-50px;
	position:relative;
	padding:0 25px;
	text-align:center;
}

.single-bio-title {
	padding:15px 0 0 0;
}

@media(min-width:960px){	

	/* Bio Single */

	.single-bio-content {
		max-width:960px;
	}

	.single-bio-content h1 {
		font-size:2.5em;
		margin:0 0 45px 0;
	}

	.single-bio-content h1:after {
		width:100px;
		height:8px;
		transform:none;
		left:0;
	}

	p.single-bio-position-title {
		font-size:1.6em;
		margin:0 0 35px 0;
	}

	.single-bio-info {
		padding:0 5% 35px 5%;
		top:-20px;
	}

	.single-bio-headshot {
		min-width:300px;
		width:300px;
		height:300px;
		border:10px solid #FFFFFF;
		margin:0;	
	}

	.single-bio-header {
		display:flex;
		align-items:center;
		top:-50px;
		position:relative;
		padding:0 25px;
		text-align:left;
	}

	.single-bio-title {
		padding:40px 0 0 40px;
	}
	
}