/*-------------------------------------------------------*/
/* Team
/*-------------------------------------------------------*/
.team { position: relative; overflow: hidden; }

.team-col { width: 300px; padding: 0 15px; }

.team__img-holder { position: relative; overflow: hidden; margin-bottom: 24px; }

.team__img { width: 100%; }

.team__name { font-size: 1.25rem; margin-bottom: 4px; }

.hover-overlay .team__name { color: #fff; }

.team__position { font-size: 0.8125rem; font-weight: 700; text-transform: uppercase; }

.team__details, .team__socials { opacity: 0; position: absolute; right: 0; padding: 32px 48px; overflow: hidden; width: 100%; z-index: 2; color: #fff; -webkit-transition: 0.3s cubic-bezier(0.43, 0.07, 0.61, 0.95); -moz-transition: 0.3s cubic-bezier(0.43, 0.07, 0.61, 0.95); -ms-transition: 0.3s cubic-bezier(0.43, 0.07, 0.61, 0.95); -o-transition: 0.3s cubic-bezier(0.43, 0.07, 0.61, 0.95); transition: 0.3s cubic-bezier(0.43, 0.07, 0.61, 0.95); }

.team__details { bottom: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }

.team__socials { padding-top: 40px; top: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }

.team:hover .team__details, .team:hover .team__socials, .team:focus .team__details, .team:focus .team__socials { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.team:hover .team__socials, .team:focus .team__socials { opacity: 1; }