@charset "utf-8";
/* Our Team CSS Document */
.teammember-list { position:relative; margin:0 30px 30px 0;}
.team-inner { position:relative;}
.team-thumbnail { position:relative; overflow:hidden;}
.team-thumbnail img { width:100%; height:auto; display:block;}
.team-thumbnail:before { background:rgba(0,0,0,0.7); position:absolute; top:100%; width:100%; height:100%; left:0px; -webkit-transition:all .35s ease-in-out; transition:all .35s ease-in-out; opacity:0; content:''; z-index:1;}

.team-info { position:static;}
.team-info-details { padding-top:20px;}
.team-info-details span { font-size:16px; line-height:16px; color:#9c5451; display:block; text-transform:capitalize; font-weight:600; position:absolute; right:-20px; width:0px; white-space:nowrap; top:0; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
.team-info-details h4 { font-size:24px; text-transform:uppercase; margin-bottom:15px;}

.team-social { position:relative;}
.member-social-icon { position:relative; margin:0; padding:0;}
.member-social-icon li { display:inline-block; margin:5px 7px 5px 0;}
.member-social-icon li a { font-size:15px; background-color:#9c5451; color:#ffffff; display:flex; align-items:center; justify-content:center; -webkit-transition:all 500ms ease; transition:all 500ms ease; width:40px; height:40px; line-height:40px;}
.member-social-icon li a:hover { background-color:#101010; color:#ffffff;}

.teammember-list:hover .team-thumbnail:before { top:0; opacity:1;}