@charset "utf-8";
/* Our Team CSS Document */
.teammember-list { position:relative; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; margin-bottom:30px;}
.team-inner { position:relative; padding:0px 0px 29px 0px;}
.team-inner:before { content:'\e3d2'; font-family:'Font Awesome 6 Pro'; font-weight:300; position:absolute; font-size:3em; color:#977444; width:50px; height:50px; bottom:23px; right:30px; visibility:visible; -webkit-transition:all .3s; transition:all .3s; z-index:1; opacity:.3;}

.team-thumbnail { position:relative; display:block; overflow:hidden; margin-bottom:30px;}
.team-thumbnail img { width:100%; height:auto; display:block; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:transform 0.4s; transition:transform 0.4s;}
.team-overlay { position:absolute; top:0%; left:0%; background:transparent; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); display:block; padding:30px; right:0; bottom:0; -webkit-transition:all 0.3s; transition:all 0.3s; box-align:center !important;}
.team-overlay:before, .team-overlay:after { content:''; width:0; height:100%; position:absolute; transition:0.5s cubic-bezier(.785,.135,.15,.86); -webkit-transition:0.5s cubic-bezier(.785,.135,.15,.86); z-index:0;}

.team-overlay:before { top:0; left:0; right:auto; border-top:6px solid; border-image:linear-gradient(to left,#977444,rgb(58 123 213 / 0%)); border-image-slice:1; background:linear-gradient(to left,#000000,rgb(58 123 213 / 0%));}
.team-overlay:after { bottom:0; right:0; left:auto; border-bottom:6px solid; border-image:linear-gradient(to right,#977444,rgb(58 123 213 / 0%)); border-image-slice:1; background:linear-gradient(to right,#000000,rgb(58 123 213 / 0%));}

.member-social-icon { position:relative; z-index:2; opacity:0; -webkit-transition:all .3s linear; transition:all .3s linear; -webkit-transition-delay:0.05s; transition-delay:0.05s; text-align:center;}
.member-social-icon ul { display:inline-block; text-align:center;}
.member-social-icon ul li { line-height:1; float:left; list-style:none;}
.member-social-icon ul li a { width:40px; height:40px; line-height:40px; margin-right:5px; background-color:#977444; color:#ffffff; display:inline-block; text-align:center; padding:0; font-size:16px; border-radius:2px; -webkit-transition:all ease 0.35s; transition:all ease 0.35s;}
.member-social-icon ul li a:hover { background-color:#0f1d22; color:#ffffff; border-radius:16px 10px;}

.team-info { position:relative; padding-left:30px; text-align:left;}
.team-info h5 { font-size:22px; display:block; text-transform:uppercase; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); margin-bottom:10px; -webkit-transition:all .3s; transition:all .3s;}
.team-info span { font-size:22px; color:#977444; font-family:'Cookie'; text-transform:capitalize; font-weight:500; letter-spacing:1px; line-height:19px;}

.teammember-list:hover .team-thumbnail img { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:-webkit-transform 0.4s; transition:transform 0.4s;}

.teammember-list:hover .team-inner:before { -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg); opacity:1;}
.teammember-list:hover .team-overlay { opacity:1; -webkit-transition:all 0.3s; transition:all 0.3s;}

.teammember-list:hover .team-overlay:before { width:100%; right:0; left:auto;}
.teammember-list:hover .team-overlay:after { width:100%; left:0; right:auto;}
.teammember-list:hover .member-social-icon { margin-top:0; opacity:1; margin-top:50%; -webkit-transition:all .3s linear; transition:all .3s linear; -webkit-transition-delay:0.05s; transition-delay:0.05s;}