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

html {
	min-height: 100%;
	min-width: 100%;
}

img.wp-post-image {
/*	border: 5px solid red;*/
	width: 100%;
	height: auto;
}

.share_buttons {
	border-top: solid 1px #c8cad2;
	border-bottom: solid 1px #c8cad2;
	padding: 10px 0;
	margin: 15px 0;
}

.share_buttons img {
	width: 30px;
	height: auto;
	margin: 0 5px;
}

.single h1 {
    color: #CC539E;
    font-size: 1.8em;
    line-height: 1.1;
    margin-bottom: 0.5em;	
}

.single h2 {
	font-size: 1.2em;
}

.overlay {
	background: rgb(0,0,0);
/*	background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7371323529411764) 100%);*/
/*	background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7371323529411764) 100%);*/
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 100%);
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);*/
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 50;
	top:0;
}

.readmore {
	position: fixed;
	top: 150px;
/*	top: auto;*/
	left: auto;
	z-index: 52;
	padding-top: 45px;
}

.full_text {
	position: fixed;
}

.paywall {
	opacity: 0.5;
}

.readmore h1,
.readmore p {
	color: #FFF !important;
}

.readmore h1 {
	font-size: 3em;
}

.readmore a.btn {
	border: solid 2px #FFF;
}

.references {
	font-size: 0.8em;
}

/* ======= Post Nav ======== */

.post_nav {
    padding: 0;
}

.post_nav img {
    width: 14px;
    height: auto;
    position: relative;
    top: -2px;
}

.post_nav span {
    display: none;
}

.post_nav a {
	text-decoration: none;
	color: #9F2671;
}

.post_nav .next a:hover,
.post_nav .prev a:hover  {
    color: #000;
}

.post_nav .next img {
    rotate: 180deg;
}

.post_nav .next {
    text-align: right;
}

/* ====== Team Bios ====== */

.bio .headshot {
	background-image: url(/wp-content/uploads/2024/01/progenyhealth_team_bio_headshot_keyline.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	padding: 30px 0;
	max-width: 300px;
}

.bio .headshot img {
	text-align: center;
	max-width: 90%;
	height: auto;
	margin: 0 auto;
}

.bio .hero.col_text {
/*	padding-right: 0;*/
	text-align: center;
}

.bio .hero.col_text p {
	line-height: 1.2;
}

.bio .leadin {
	font-weight: 500;
	margin-bottom: 20px;
}


.bio h1 {
	font-weight: normal;
	font-size: 1.6em;
	margin-bottom: 5px;
	line-height: 1;
}

.bio h1.spot:before {
	top: -20px;
	left: -65px !important;
}

.bio h1 span {
	font-size: 0.8em;
}

.subnav {
	margin-top: 0;
	background-color: #F3F6F5;
	padding: 10px 0;
}

.subnav span {
	width: 100%;
}

.subnav ul {
	padding: 0;
/*	margin: 30px 0;*/
/*	display: flex;*/
	justify-content: space-between;
	margin-bottom: 0;
	text-align: center;
}

.subnav li {
	list-style-type: none;
	display: inline-block;
	margin: 0;
/*	margin-right: 5px;*/
}

.subnav li:before {
	content: none;
}

.subnav li a {
	color: #4F5972;
	padding: 15px;
	cursor: pointer;
	font-family: 'Source Serif 4',Georgia,serif;	
	text-decoration: underline !important;
}

.subnav li a:hover {
/*	text-decoration: underline;*/
}

.subnav li a.active {
	color: #9F2671;
	font-weight: bold;
}

footer {
/*	display: none;*/
}

@media(min-width: 768px) {

	main {
		padding-top: 45px !important;
	}	

	.bio .hero.col_text {
		text-align: left;
		padding-right: 0;
	}

	.bio .headshot {
		max-width: 100%;
	}

	.bio h1 {
		font-size: 2.2em;
	}
}