@charset "utf-8";
/* Our Team CSS Document */
.teammember-list { position:relative; margin:0 0 30px 0;}
.team-inner { position:relative;}
.team-thumbnail { position:relative;}
.team-thumbnail img { width:100%; height:auto; display:block;}
.team-content { position:relative; padding:19px 70px 19px 30px; background-color:#ffffff; max-width:322px; margin:-35px auto 0; box-shadow:0px 10px 60px rgba(0, 0, 0, 0.07); z-index:2;}
.team-content:before { content:''; position:absolute; left:0; top:0; height:100%; width:100%; width:0; background-color:#ffad2b; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.team-content:after { content:''; position:absolute; left:0; top:0; height:100%; width:100%; top:50%; width:9px; height:45px; background-color:#ffad2b; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.team-content h4 { margin-bottom:0; position:relative;}
.team-content p { position:relative; margin-bottom:0; font-size:15px; color:#ffad2b;}

.share-icon { position:absolute; top:50%; right:20px; width:40px; height:40px; line-height:40px; font-size:20px; border-radius:10px; background-color:#191919; color:#ffffff; text-align:center; -webkit-transition:all 300ms ease; transition:all 300ms ease; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:3;}

.member-social-icon { position:absolute; right:20px; bottom:100%; margin-bottom:-18px; display:flex; align-items:center; opacity:0; flex-direction:column; -webkit-transform:scaleY(0); -ms-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:bottom; -ms-transform-origin:bottom; transform-origin:bottom; z-index:3; visibility:hidden; -webkit-transition:all 400ms ease; transition:all 400ms ease;}
.member-social-icon li { list-style:none; margin-bottom:5px; display:flex; justify-content:center; align-items:center;}
.member-social-icon li a { position:relative; height:40px; width:40px; line-height:40px; text-align:center; font-size:16px; color:#191919; background-color:#ffffff; border-radius:10px; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.member-social-icon li a:hover { background-color:#191919; color:#ffad2b;}

.teammember-list:hover .team-content:before { width:100%;}
.teammember-list:hover .team-content:after { background-color:#191919;}
.teammember-list:hover .team-content h4 a { color:#ffffff;}
.teammember-list:hover .team-content p { color:#191919;}
.teammember-list:hover .share-icon { background-color:#ffffff; color:#191919;}
.teammember-list:hover .member-social-icon { opacity:1; visibility:visible; -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1);}