.w-person {
text-align: center;
position: relative;
z-index: 1;
max-width: 25rem;
}
:not(.w-hwrapper):not(.w-vwrapper) > .w-person {
margin: 0 auto;
}
.w-person-link {
display: block;
transition: none;
}
.w-person-image {
position: relative;
}
.w-person-image img {
display: block;
width: 100%;
}
.w-person-image .img_hover {
position: absolute;
top: -1px;
left: 0;
right: 0;
bottom: -1px;
opacity: 0;
transition: opacity 0.2s;
transform: translateZ(0); background-size: cover;
}
.w-person:hover .w-person-image .img_hover {
opacity: 1;
}
.w-person-content {
padding: 1rem 0;
}
.w-person-name {
margin: 0;
}
.w-person-link > .w-person-name {
color: inherit;
transition: color 0.3s;
}
.w-person-role {
font-size: 0.9em;
opacity: 0.5;
}
.w-person-description {
margin-top: 0.3rem;
}
.w-person-description p:not(:last-child) {
margin-bottom: 0.75rem;
}
.w-person-links-list {
display: flex;
justify-content: center;
}
.w-person-links-item {
text-align: center;
font-size: 1.2rem;
line-height: 3rem;
width: 3rem;
flex-shrink: 0;
border-radius: 50%;
overflow: hidden;
position: relative;
z-index: 1;
transition: none;
}
.w-person-links-item i {
position: relative;
vertical-align: top;
line-height: inherit;
}
.w-person a.w-person-links-item {
color: inherit;
}
.no-touch .w-person-links-item:hover {
background: var(--color-content-primary-grad);
color: #fff !important;
} .w-person.effect_bw img,
.w-person.effect_bw .img_hover {
-webkit-filter: brightness(1.1) grayscale(1);
filter: brightness(1.1) grayscale(1);
}
.w-person.effect_sepia img,
.w-person.effect_sepia .img_hover {
-webkit-filter: contrast(0.8) grayscale(0.5) sepia(0.65);
filter: contrast(0.8) grayscale(0.5) sepia(0.65);
}
.w-person.effect_faded img,
.w-person.effect_faded .img_hover {
-webkit-filter: brightness(1.2) contrast(0.8) grayscale(0.75);
filter: brightness(1.2) contrast(0.8) grayscale(0.75);
}
.w-person.effect_colored img,
.w-person.effect_colored .img_hover {
-webkit-filter: brightness(1.1) contrast(0.85) saturate(3) grayscale(0.5) sepia(0.1);
filter: brightness(1.1) contrast(0.85) saturate(3) grayscale(0.5) sepia(0.1);
} .w-person.layout_modern {
overflow: hidden;
}
.w-person.layout_modern .w-person-content {
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
height: 100%;
padding: 2rem;
transition: transform 0.3s;
transform: translate3d(0,-100%,0);
background: rgba(30,30,30,0.8);
color: #fff;
}
.w-person.layout_modern:hover .w-person-content {
transform: translate3d(0,0,0);
}
.w-person.layout_modern .w-person-name {
color: inherit;
} .w-person.layout_trendy {
overflow: hidden;
}
.w-person.layout_trendy .w-person-content {
position: absolute;
z-index: 2;
left: 0;
right: 0;
bottom: 0;
padding: 3rem 2rem 1rem;
transition: bottom 0.3s;
background: linear-gradient(transparent, rgba(30,30,30,0.8)) repeat-x;
color: #fff;
}
.w-person.layout_trendy.with_desc:hover .w-person-content,
.w-person.layout_trendy.with_socials:hover .w-person-content {
bottom: 100%;
}
.w-person.layout_trendy .w-person-name {
color: #fff;
}
.w-person.layout_trendy .w-person-content-alt {
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
z-index: 2;
top: 100%;
left: 0;
right: 0;
height: 101%;
padding: 2rem;
transition: top 0.3s;
transform: translate3d(0,0,0);
background: rgba(30,30,30,0.8);
color: #fff;
}
.w-person.layout_trendy:hover .w-person-content-alt {
top: 0;
}
.w-person.layout_trendy .w-person-content-alt .w-person-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
} .w-person.layout_cards {
overflow: hidden;
border-radius: 0.2rem;
box-shadow: var(--box-shadow);
}
.w-person.layout_cards .w-person-content {
padding: 1.5rem;
} .w-person.layout_simple_circle .w-person-image {
border-radius: 50%;
overflow: hidden;
z-index: 1;
}
.w-person.layout_simple_circle .w-person-image img {
border-radius: 50%;
} .w-person.layout_square .w-person-image,
.w-person.layout_circle .w-person-image {
overflow: hidden;
z-index: 1;
}
.w-person.layout_circle .w-person-image,
.w-person.layout_circle .w-person-image img {
border-radius: 50%;
}
.w-person.layout_square .w-person-links,
.w-person.layout_circle .w-person-links {
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
height: 100%;
margin: 0;
transition: transform 0.3s;
transform: translate3d(0,-100%,0);
background: rgba(30,30,30,0.8);
color: #fff;
}
.w-person.layout_square:hover .w-person-links,
.w-person.layout_circle:hover .w-person-links {
transform: translate3d(0,0,0);
}
.w-person.layout_square .w-person-links-list,
.w-person.layout_circle .w-person-links-list {
position: relative;
top: 50%;
padding: 1rem;
transform: translateY(-50%);
} .no-touch .links_underline .w-person-link:hover .w-person-name span {
border-bottom: 1px solid;
}