@charset "utf-8";
/* Our Team CSS Document */
.teammember-list{ position:relative; -webkit-transform: perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; transition-duration:0.3s; -webkit-transition-property:transform; transition-property:transform; margin:15px 0; overflow: hidden; border: 1px solid #eee; background-color: #ffffff; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.team-thumbnail{ -webkit-transition:0.6s; transition:0.6s; position:relative; overflow: hidden; }
.team-overlay{ background: #2e2d2a; width: 100%; height: 100%; position: absolute; inset: 0; left: 0; opacity: 0; -webkit-transform: rotateY(180deg) scale(0.5,0.5); transform: rotateY(180deg) scale(0.5,0.5); -webkit-transition: all 450ms ease-out 0s; -ms-transition: all 450ms ease-out 0s; transition: all 450ms ease-out 0s; z-index: 1; }
.team-social-overlay{ position: absolute; left: 15px; top: 15px; padding: 20px; opacity: 0; -webkit-transition: all 0.8s ease-out; transition: all 0.8s ease-out; z-index: 1; }
.teammember-list:hover .team-social-overlay{ opacity: 1; -webkit-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }

.team-content{ position: relative; text-align: center; }
.team-content .team-name{ position:relative; padding: 2em; }
.team-content .team-name h4{ margin:0; font-size:20px; font-weight:600; }
.team-content .team-name h4 a, .team-content .team-name span{ -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.team-name h4 a, .teammember-list:hover span{ color:#2e2d2a; }
.teammember-list:hover h4 a, .team-name span{ color:#e8772e; }

.member-social-icon{ background: #2e2d2a; width: 100%; height: 100%; position: absolute; inset: 0; left: 0; opacity: 0; -webkit-transform: rotateY(180deg) scale(0.5,0.5); transform: rotateY(180deg) scale(0.5,0.5); -webkit-transition: all 450ms ease-out 0s; -ms-transition: all 450ms ease-out 0s; transition: all 450ms ease-out 0s; z-index: 1; }
.member-social-icon a{ width: 40px; height: 40px; line-height: 40px; display: inline-block; text-align: center; -webkit-transition: all ease 0.35s; transition: all ease 0.35s; padding: 0; border-radius: 4px; background-color: #ffffff; color: #e8772e; }
.member-social-icon a:not(:last-of-type){ margin-bottom: 5px; }
.member-social-icon a:hover{ color:#2e2d2a; }

.teammember-list:hover .team-overlay, .teammember-list:hover .member-social-icon{ opacity: .8; -webkit-transform: rotateY(0deg) scale(1,1); -ms-transform: rotateY(0deg) scale(1,1); transform: rotateY(0deg) scale(1,1); }