.team-member {
    margin-bottom: 98px;
}

.team-member .team-member-wrap {
    background: #fff;
    position: relative;
    padding-bottom: 29%;
    overflow: hidden;
    cursor: pointer;
    max-width: 402px;
    margin: 0 auto;
} 

.team-member .team-member-wrap .team-member-photo {
    width: 100%;
    background-color: #888;
    background-position: top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    transform: scale(1) translateZ(0);
    -webkit-transform: scale(1) translateZ(0);
    -moz-transform: scale(1) translateZ(0);
    -o-transform: scale(1) translateZ(0);
    transition: all .2s,background-position .1ms;
    -webkit-transition: all .2s,background-position .1ms;
    -moz-transition: .2s all,.1ms background-position;
    -o-transition: .2s all,.1ms background-position;
}

.team-member .team-member-wrap .team-member-panel {
    background: #fff;
    padding: 36px 0;
    min-height: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .3s,background-color .2s;
    -webkit-transition: all .3s,background-color .2s;
    -moz-transition: .3s all,.2s background-color;
    -o-transition: .3s all,.2s background-color;
}

.team-member .team-member-wrap .team-member-panel {
    background: #fff;
    padding: 36px 0;
    min-height: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .3s,background-color .2s;
    -webkit-transition: all .3s,background-color .2s;
    -moz-transition: .3s all,.2s background-color;
    -o-transition: .3s all,.2s background-color;
}

.team-member .team-member-wrap .team-member-panel .team-member-name, 
.team-member .team-member-wrap .team-member-panel .team-member-title {
    max-height: 30px;
    margin: 0;
    line-height: 1.3;
    opacity: 1;
    transition: all .3s,color .2s;
    -webkit-transition: all .3s,color .2s;
    -moz-transition: .3s all,.2s color;
    -o-transition: .3s all,.2s color;
}

.middle {
    width: 100%;
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.team-member .team-member-wrap .team-member-photo:before {
    content: "";
    float: left;
    padding-bottom: 63.93862%;
}
.team-member .team-member-wrap .team-member-photo:after {
    content: "";
    display: table;
    clear: both;
}
.page-template-page-team .team-member .team-member-wrap {
    position: relative;
    padding-bottom: 29%;
    overflow: hidden;
}
.team-member .team-member-wrap .team-member-panel .team-member-bio-wrap {
    padding: 0 5%;
}
.team-member .team-member-wrap .team-member-panel .team-member-bio-wrap {
    overflow: hidden;
    padding: 0 36px;
    max-height: 0;
    opacity: 0;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: .3s all 0s ease-in-out;
    -o-transition: .3s all 0s ease-in-out;
}
.team-member .team-member-wrap .team-member-panel .team-member-name {
    max-height: 30px;
    margin: 0;
    line-height: 1.3;
    opacity: 1;
    transition: all .3s,color .2s;
    -webkit-transition: all .3s,color .2s;
    -moz-transition: .3s all,.2s color;
    -o-transition: .3s all,.2s color;
    font-weight: 600;
    text-align: center;
}
.team-member .team-member-wrap .team-member-panel .team-member-title {
    max-height: 30px;
    margin: 0;
    line-height: 1;
    opacity: 1;
    transition: all .3s,color .2s;
    -webkit-transition: all .3s,color .2s;
    -moz-transition: .3s all,.2s color;
    -o-transition: .3s all,.2s color;
    text-align: center;
}
.italic-serif {
    font-style: italic;
}

.team-member-panel-up {
	min-height: 100% !important;
}

.team-member-bio-wrap-up {
	max-height: 100% !important;
	opacity: 1 !important;
}


.team-member-bio-wrap {
	color: #fff !important;
	padding-top:20px;
	padding-top: 60px !important;
	line-height: 1.2;
}

.team-member-bio-wrap h2,
.team-member-bio-wrap h3,
.team-member-bio-wrap h4,
.team-member-bio-wrap h5 {
	color:#fff !important;
	font-weight: 600;
	margin: 5px 0 2px 0 !important;
}

.team-member-bio-wrap p {
	margin-bottom: 10px !important;
	padding: 0 !important;
}


@media screen and (max-width: 992px) {
  .fixed {
    position: fixed;
	height: 100%;
	margin-left: -10px;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10000;
	margin-left: -18px;
  }
  .fixed .team-member-wrap {
  	position: fixed;
	height: 100%;
	width: 100%;
	max-width: none;
  }
  .fixed .team-member-panel:before {
	    content: "\00d7";
	    color: #fff;
	    font-size: 55px;
	    line-height: 1;
	    font-weight: 300;
	    display: inline-block;
	    position: absolute;
	    top: 0px;
	    left: 10px;
	    z-index: 10;
	}
	.fixed .team-member-panel-up {
		background: #333333 !important;
	}
	.fixed .team-member-name {
		color: #fff !important;
	}
}