.team-current-theme1 .inner-box {
position: relative;
z-index: 1;
transition: all 600ms ease;
border-radius: 20px;
background: var(--theme-color-white);
}
.team-current-theme1 .inner-box .image {
border-radius: 20px 20px 0 0;
overflow: hidden;
transition: all 300ms ease;
position: relative;
}
.team-current-theme1 .inner-box .image img {
transition: all 300ms ease;
width: 100%;
}
.team-current-theme1 .inner-box .image::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(-135deg, rgba(23, 23, 23, 0) 0%, rgba(23, 23, 23, 0) 65%, var(--theme-color3) 100%);
content: "";
z-index: 0;
opacity: 0;
transition: all 300ms ease;
visibility: hidden;
}
.team-current-theme1 .inner-box .content-box {
padding: 20px 30px;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.0509803922);
color: var(--theme-color-white);
border-radius: 0 0 20px 20px;
transition: all 600ms ease;
}
.team-current-theme1 .inner-box .content-box .team-subtitle {
color: var(--headings-color);
font-size: 14px;
transition: all 300ms ease;
margin: 0;
}
[data-tm-layout=dark] .team-current-theme1 .inner-box .content-box .team-subtitle {
color: var(--theme-color-white);
}
.team-current-theme1 .inner-box .content-box .team-title {
margin: 0;
}
.team-current-theme1 .inner-box .content-box .team-title a:hover {
color: var(--theme-color-white);
}
.team-current-theme1 .inner-box .socials {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50%;
background-color: var(--theme-color2);
color: var(--theme-color-white);
position: absolute;
right: 20px;
bottom: 83px;
cursor: pointer;
font-size: 14px;
transition: all 300ms ease;
}
.team-current-theme1 .inner-box .socials .fa-plus {
transition: all 300ms ease;
}
.team-current-theme1 .inner-box .socials ul {
width: 40px;
position: absolute;
bottom: 45px;
right: 0;
display: flex;
align-items: center;
flex-direction: column;
gap: 5px;
visibility: hidden;
}
.team-current-theme1 .inner-box .socials ul li {
opacity: 0;
visibility: hidden;
transform: translateY(10px);
display: inline-flex;
margin-bottom: 0;
transition: all 700ms ease;
}
.team-current-theme1 .inner-box .socials ul li:nth-child(2) {
transition: all 500ms ease;
}
.team-current-theme1 .inner-box .socials ul li:nth-child(3) {
transition: all 400ms ease;
}
.team-current-theme1 .inner-box .socials ul li:nth-child(4) {
transition: all 300ms ease;
}
.team-current-theme1 .inner-box .socials ul li a {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: var(--theme-color-white);
color: var(--theme-color2);
border-radius: 50%;
}
[data-tm-layout=dark] .team-current-theme1 .inner-box .socials ul li a {
color: var(--theme-color-white);
}
.team-current-theme1 .inner-box .socials ul li i {
transition: all 900ms ease;
}
.team-current-theme1 .inner-box .socials ul li:hover i {
transform: rotateY(360deg);
}
.team-current-theme1 .inner-box:hover {
background-color: var(--theme-color2);
transition: all 600ms ease;
}
.team-current-theme1 .inner-box:hover .image {
border-radius: 20px;
overflow: hidden;
transition: all 600ms ease;
}
.team-current-theme1 .inner-box:hover .image img {
filter: grayscale(100%);
}
.team-current-theme1 .inner-box:hover .image::after {
opacity: 1;
visibility: visible;
}
.team-current-theme1 .inner-box:hover .content-box .team-title {
color: var(--theme-color-white);
}
.team-current-theme1 .inner-box:hover .content-box .team-title a {
color: var(--theme-color-white);
}
.team-current-theme1 .inner-box:hover .content-box .team-subtitle {
color: var(--theme-color-white);
}
.team-current-theme1 .inner-box:hover .socials {
background-color: var(--theme-color1);
color: var(--theme-color1-text-color);
}
.team-current-theme1 .inner-box:hover .socials .fa-plus {
display: inline-block;
transform: rotate(135deg);
}
.team-current-theme1 .inner-box:hover .socials ul {
visibility: visible;
}
.team-current-theme1 .inner-box:hover .socials ul li {
opacity: 1;
transform: translateY(0px);
visibility: visible;
}