/*-----------------------------------------------------------------------------------
Shortcodes: team.css
-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------
Team
-----------------------------------------------------------------*/
.team,
.team-image { position: relative; }
.team-image > a,
.team-image img {
display: block;
width: 100%;
}
.team-desc { text-align: center; }
.team-desc.team-desc-bg {
background-color: #FFF;
padding: 10px 0 30px;
}
.team .si-share {
margin-top: 30px;
text-align: left;
}
.team .si-share .social-icon {
font-size: 14px;
width: 34px;
}
.team-title {
position: relative;
padding-top: 20px;
}
.team-title h4 {
display: block;
margin-bottom: 0;
font-size: 19px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
}
.team-title span {
display: block;
color: #1ABC9C;
font-weight: 400;
font-family: 'Crete Round', serif;
font-style: italic;
font-size: 15px;
margin-top: 5px;
}
.team-content {
margin-top: 15px;
color: #777;
}
.team-content p:last-child { margin-bottom: 0; }
.team-overlay,
.team-overlay:before {
opacity: 0;
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
}
body:not(.device-touch) .team-overlay {
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.team-overlay:before {
content: '';
z-index: auto;
background-color: #FFF;
opacity: 0.75;
}
.team-overlay .social-icon {
float: none;
position: relative;
z-index: 3;
margin: 0 3px !important;
display: inline-block;
}
.team:hover .team-overlay { opacity: 1; }
/* Team Center
-----------------------------------------------------------------*/
.team.center .team-title:after {
left: 50%;
margin-left: -40px;
}
/* Team List
-----------------------------------------------------------------*/
.team.team-list .team-image {
float: left;
width: 250px;
margin-right: 30px;
}
.team.team-list .team-desc {
position: relative;
overflow: hidden;
text-align: left;
}
.team.team-list .team-title { padding-top: 0; }
.team .team-desc > .social-icon { margin-top: 20px; }
.team .team-content ~ .social-icon { margin-top: 30px; }
.team:not(.team-list) .social-icon {
display: inline-block;
float: none;
margin-left: 6px;
margin-right: 6px;
}