@charset "utf-8";
/* Our Team CSS Document */
.teammember-list { position:relative; margin-bottom:30px; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.team-inner { position:relative; padding-top:30px; text-align:center;}
.team-inner-info { position:relative; padding:0 20px 20px 20px; border:2px solid #000000; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.team-thumbnail { position:relative; overflow:hidden; margin:-32px 0 20px 0; z-index:1;}
.team-thumbnail img { width:100%; height:auto; display:block;}
.team-social { display:flex; position:absolute; top:0; right:0; bottom:0; left:0; font-size:0; padding:25px 20px; opacity:0; background-color:rgba(0,0,0,0.6); -webkit-transform:scale(0) rotate(90deg); -ms-transform:scale(0) rotate(90deg); transform:scale(0) rotate(90deg); -webkit-transition:all 0.4s ease-out; transition:all 0.4s ease-out;}
.member-social-icon { margin:0; padding:0; width:100%; display:block; -webkit-align-self:flex-end; -ms-flex-item-align:end; align-self:flex-end;}
.member-social-icon li { list-style:none; display:inline-block; margin:0 3px;}
.member-social-icon li a { display:block; width:30px; height:30px; line-height:30px; font-size:15px; text-align:center; color:#000000; border-radius:50%; background-color:#ffffff;}
.member-social-icon li a:hover { background-color:#cd9b33; color:#ffffff;}

.team-info { position:relative;}
.team-info h5 { font-size:20px; text-transform:uppercase; margin-bottom:5px;}
.team-info span { color:#cd9b33; font-size:17px;}

.teammember-list:hover .team-inner-info { border-color:#cd9b33;}
.teammember-list:hover .team-social { opacity:1; -webkit-transform:scale(1) rotate(0); -ms-transform:scale(1) rotate(0); transform:scale(1) rotate(0);}