@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; padding:15px; -webkit-transition:all .3s; transition:all .3s;}
.team-inner:before { content:''; top:0; z-index:1; right:0; position:absolute; width:50%; height:50%; border:solid 2px #9f7150; -webkit-transition:all .3s; transition:all .3s;}
.team-inner:after { content:''; bottom:0; left:0; position:absolute; width:50%; height:50%; z-index:1; border:solid 2px #9f7150; -webkit-transition:all .3s; transition:all .3s;}

.team-thumbnail { position:relative; text-align:center; --box-space:20px; --translate:-40px;}
.team-thumbnail:before, .team-thumbnail:after { content:''; position:absolute; left:calc(5px + 1.5rem / 2); right:calc(5px + 1.5rem / 2); top:20px; height:calc(50% - 20px); background-color:rgba(0, 0, 0, 0.8); z-index:1; -webkit-transition:all ease 0.4s; transition:all ease 0.4s; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transform-origin:100% 0; -ms-transform-origin:100% 0; transform-origin:100% 0;}
.team-thumbnail:after { top:auto; -webkit-transform-origin:0 100%; -ms-transform-origin:0 100%; transform-origin:0 100%; bottom:var(--box-space);}

.team-img { position:relative; overflow:hidden;}
.team-img img { width:100%; height:auto; display:block; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:all ease 0.4s; transition:all ease 0.4s;}

.team-share-button { position:relative;}
.team-share-icon { z-index:999; position:absolute; right:30px; bottom:30px; pointer-events:inherit;}
.team-share-icon i { display:flex; justify-content:center; align-items:center; background-color:#ffffff; color:#1b1d27; width:35px; height:35px;}
.team-social-icon { position:absolute; display:flex; flex-direction:column-reverse; align-items:center; bottom:75px; right:30px;}
.team-social-icon .member-social-icon { opacity:0; margin:0; padding:0; -webkit-transform:scaleX(0); -ms-transform:scaleX(0); transform:scaleX(0); -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; z-index:99;}
.team-social-icon .member-social-icon li { position:relative; list-style:none;}
.team-social-icon .member-social-icon li a { display:flex; justify-content:center; align-items:center; background-color:#ffffff; color:#1b1d27; width:35px; height:35px; margin-top:5px; -webkit-transition: all .5s ease-in-out; transition:all .5s ease-in-out;}
.team-social-icon .member-social-icon li a:hover { background-color:#9f7150; color:#ffffff;}

.team-content { position:absolute; width:80%; left:50%; top:50%; z-index:3; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.team-content h4 { font-size:24px; font-weight:400; letter-spacing:2px; margin-bottom:5px; opacity:0; visibility:hidden; -webkit-transition:all ease 0.4s; transition:all ease 0.4s; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px);}
.team-content h4 a { color:#ffffff;}
.team-content span { color:#9f7150; font-size:18px; opacity:0; visibility:hidden; -webkit-transition:all ease 0.4s; transition:all ease 0.4s; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px);}

.teammember-list:hover .team-inner:before, .teammember-list:hover .team-inner:after { width:100%; height:100%;}
.teammember-list:hover .team-thumbnail:before, .teammember-list:hover .team-thumbnail:after { -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1);}
.teammember-list:hover .team-img img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.teammember-list:hover .team-content h4 { opacity:1; visibility:visible; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:0.5s; transition-delay:0.5s;}
.teammember-list:hover .team-content span { opacity:1; visibility:visible; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:0.4s; transition-delay:0.4s;}

.team-share-button:hover .team-share-icon { cursor:pointer;}
.team-share-button:hover .team-share-icon i { background-color:#9f7150; color:#ffffff;}
.team-share-button:hover .member-social-icon { opacity:1; -webkit-transform:scaleX(1); -ms-transform:scaleX(1); transform:scaleX(1); -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.team-share-button:hover .member-social-icon li a { pointer-events:visible;}