.site-container {
	overflow:hidden;
	position:relative;
}

.team-grid {
	overflow:hidden;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}


.team-grid ul li {
	list-style-type:none;
	float: left;
	margin-left: 2.564102564102564%;
	margin-bottom:2.564102564102564%;
	width: 23.076923076923077%;
	overflow:hidden;
}

.team-grid ul li:first-child,
.team-grid ul li:nth-child(4n+1) {
	margin-left:0;
}

.team-grid .wp-post-image,
.team-grid .secondary-image {
	width:100%;
}

.team-grid ul li .secondary-image,
.team-grid ul li:hover .wp-post-image {
	display:block;
}

.team-grid ul li .wp-post-image,
.team-grid ul li:hover .secondary-image {
	display:none;
}

.team-member-info {
	position:relative;
}

.team-post-meta, .team-post-meta:hover {
	color: #ffffff;
	text-decoration: none;
}

.team-member-info .team-post-meta {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	z-index:99;
	padding:10px;
	display:block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
	background:-moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
	background:-webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
	background:-ms-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
	background:-o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
	transform:translateY(90px);
	-moz-transform:translateY(90px);
	-webkit-transform:translateY(90px);
	-ms-transform:translateY(90px);
	-o-transform:translateY(90px);
	transition:transform 0.5s ease;
	-moz-transition:-moz-transform 0.5s ease;
	-webkit-transition:-webkit-transform 0.5s ease;
	-o-transition:-o-transform 0.5s ease;
	-ms-transition:-ms-transform 0.5s ease;
}

.team-member-info:hover .team-post-meta {
	transform:translateY(0px);
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transition:transform 0.5s ease;
	-moz-transition:-moz-transform 0.5s ease;
	-webkit-transition:-webkit-transform 0.5s ease;
	-o-transition:-o-transform 0.5s ease;
	-ms-transition:-ms-transform 0.5s ease;
}

.team-bio {
	background:#d15656;
	width:auto;
	position:absolute;
	top:0px;
	left:0px;
	z-index:99;
	color:#fff;
	padding:8px;
	text-transform:uppercase;
	font-size:18px;
	font-style:italic;
	text-align:center;
	opacity:0;
	line-height:1;
	transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	-webkit-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
}

.team-member-info:hover .team-bio {
	opacity:1;
	transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;

}

.main-container {
	width:100%;
	position:relative;
	float:left;
	overflow-x:hidden;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
}

.main-container.slide-left {
	position:fixed;
	top:0px;
	width:100%;
	transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
}

.site-container .overlay {
	width:100%;
	height:100%;
	position:absolute;
	background:rgba(0,0,0,0.75);
	display:none;
	z-index:99;
}

.site-container.slide-left .overlay {
	display:block;
}

.team-member-bio {
	width:50%;
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	padding:0 20px 20px;
	background:#fff;
	z-index:999;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	transform:translateX(100%);
	-moz-transform:translateX(100%);
	-webkit-transform:translateX(100%);
	-o-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
}

.team-member-bio h2 {
	font-size:32px;
}

.team-member-bio h2,
.team-member-bio h3 {
	text-align:center;
	margin-bottom:15px;
}

.team-member-bio.slide-left {
	display:block;
	position:relative;
	float:right;
	transform:translateX(0);
	-moz-transform:translateX(0);
	-webkit-transform:translateX(0);
	-o-transform:translateX(0);
	-ms-transform:translateX(0);
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
}

.team-member-bio.slide-left .close-btn {
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	line-height:1;
	font-size:60px;
	color:#333;
	cursor:pointer;
}

@media only screen and (max-width:767px) {
	.team-member-info .team-post-meta {
		font-size:12px;
	}
}


@media only screen and (max-width:480px) {
	.team-grid ul li {
		width:100%;
		margin-left:0;
	}

	.team-member-info .team-post-meta {
		font-size:16px;
	}

	.team-member-bio {
		width:100%;
	}

	.main-container.slide-left {
		transform:translateX(-100%);
		-moz-transform:translateX(-100%);
		-webkit-transform:translateX(-100%);
		-o-transform:translateX(-100%);
		-ms-transform:translateX(-100%);
	}
}