@charset "utf-8";
/* Our Team CSS Document */
.teammember-list { position:relative; margin-bottom:30px; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.team-inner { position:relative;}
.team-thumbnail { position:relative; display:flex; overflow:hidden;}
.team-thumbnail img { width:100%; height:auto; display:block; border-radius:10px 10px 10px 10px; object-fit:cover;}
.team-info { display:flex; align-items:center; gap:20px; padding:30px 20px 20px 20px;}
.team-share-button { position:relative; width:50px; height:50px; border-radius:50%; display:inline-flex; justify-content:center; align-items:center; background-color:#1f1d1d; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; cursor:pointer;}
.team-share-icon { -webkit-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-transition-delay:0.1s; transition-delay:0.1s; -webkit-transform: scale(1) rotateY(0deg); -ms-transform: scale(1) rotateY(0deg); transform:scale(1) rotateY(0deg); line-height:1;}
.team-share-icon i { color:#ffffff; font-size:20px; line-height:1;}
.member-social-icon { position:absolute; top:unset; bottom:0; margin:0; padding:0; list-style:none; opacity:0; visibility:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.member-social-icon li { position:relative; list-style:none;}
.member-social-icon li a { width:50px; height:50px; border-radius:50%; display:inline-flex; justify-content:center; align-items:center; background-color:#cf4a46; color:#ffffff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.team-contact { position:relative;}
.teammember-list .team-contact h4 { margin:0 0 5px 0; text-transform:capitalize;}
.team-contact span { margin:0; font-size:14px; color:#cf4a46;}

.teammember-list:hover .team-share-button { background-color:#cf4a46; color:#ffffff; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
.teammember-list:hover .team-share-icon { -webkit-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-transition-delay:0.1s; transition-delay:0.1s; -webkit-transform:scale(0.95) rotateY(360deg); transform:scale(0.95) rotateY(360deg);}
.teammember-list:hover .team-share-icon i { color:#ffffff;}
.teammember-list:hover .member-social-icon { top:unset; bottom:calc( 100% + 10px); opacity:1; visibility:visible; z-index:1; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
.member-social-icon li a:hover { background-color:#ffffff; color:#1f1d1d;}