.elementor-social-icon-instagram.elementor-icon {
background-color: #c52ea7;
}
.single-team .wgl_col-12 > .team__member {
display: flex;
position: relative;
z-index: 1;
margin-bottom: 30px;
background-repeat: no-repeat;
background-position: 96% 129%;
color: var(--itconf-tertiary-color);
background-color: var(--itconf-primary-color);
}
@media (max-width: 992px) {
.single-team .wgl_col-12 > .team__member {
margin-top: 0;
margin-left: 0;
}
}
.single-team .wgl_col-12 > .team__member:empty {
display: none;
}
.single-team .wgl_col-12 > .team__member .member__thumbnail-wrap {
position: relative;
z-index: 2;
flex-shrink: 0;
}
@media (min-width: 993px) {
.single-team .wgl_col-12 > .team__member .member__thumbnail-wrap .thumbnail__featured {
width: 500px;
}
}
.single-team .wgl_col-12 > .team__member .member__thumbnail {
position: relative;
z-index: 1;
}
.single-team .wgl_col-12 > .team__member .member__info {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 95px 60px 40px 71px;
overflow: hidden;
}
.single-team .wgl_col-12 > .team__member .member__name {
position: relative;
z-index: 1;
margin-bottom: 13px;
color: inherit;
font-family: var(--itconf-content-font-family);
font-size: 40px;
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.02em;
}
@media (max-width: 992px) {
.single-team .wgl_col-12 > .team__member .member__name {
margin-bottom: 26px;
}
}
.single-team .wgl_col-12 > .team__member .member__name span {
font: inherit;
color: inherit;
letter-spacing: inherit;
text-decoration: inherit;
text-transform: inherit;
}
.single-team .wgl_col-12 > .team__member .member__excerpt {
margin: 10px 0 16px;
font-size: 16px;
font-weight: 400;
line-height: 30px;
position: relative;
z-index: 1;
}
.single-team .wgl_col-12 > .team__member .member__highlighted {
margin-bottom: 18px;
font-size: 13px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.1em;
color: inherit;
}
.single-team .wgl_col-12 > .team__member .info__item {
padding: 9px 0 7px;
font-size: 16px;
line-height: 1.5em;
font-weight: 500;
color: inherit;
}
.single-team .wgl_col-12 > .team__member .info__item h5,
.single-team .wgl_col-12 > .team__member .info__item span {
display: inline-block;
font-size: inherit;
line-height: inherit;
}
.single-team .wgl_col-12 > .team__member .info__item h5 {
font-family: var(--itconf-content-font-family);
margin-right: 1.25em;
font-size: 15px;
font-weight: 700;
color: inherit;
letter-spacing: 0.1em;
}
.single-team .wgl_col-12 > .team__member .info__item a {
color: inherit;
}
.single-team .wgl_col-12 > .team__member .member__socials {
margin: 20px 0 0 -10px;
line-height: 1;
}
.single-team .wgl_col-12 > .team__member .social__icon {
display: inline-block;
position: relative;
z-index: 1;
}
@media (max-width: 1200px) {
.single-team .wgl_col-12 > .team__member[style^="background-image: url"] {
background-position: 101% 130%;
}
.single-team .wgl_col-12 > .team__member .member__info {
padding: 60px 30px 30px;
}
}
@media (max-width: 992px) {
.single-team .wgl_col-12 > .team__member {
flex-direction: column;
}
.single-team .wgl_col-12 > .team__member .member__thumbnail-wrap {
margin: 0 auto;
}
.single-team .wgl_col-12 > .team__member .member__socials {
margin-top: 17px;
}
.single-team .wgl_col-12 > .team__member .member__info {
width: 100%;
text-align: center;
display: block;
margin: 0;
padding: 50px 30px;
}
.single-team .wgl_col-12 > .team__member .info__item {
padding: 10px 0;
}
.single-team .wgl_col-12 > .team__member .info__item h5 {
min-width: auto;
margin-right: 0;
}
}
@media (max-width: 767px) {
.single-team .wgl_col-12 > .team__member[style^="background-image: url"] {
background-image: none !important;
}
.single-team .wgl_col-12 > .team__member .member__info {
padding: 40px 30px 30px;
}
}
@media (max-width: 600px) {
.single-team .wgl_col-12 > .team__member .member__name {
margin-bottom: 17px;
}
.single-team .wgl_col-12 > .team__member .member__name,
.single-team .wgl_col-12 > .team__member .member__name span {
font-size: 34px;
}
.single-team .wgl_col-12 > .team__member .info__item h5 + span,
.single-team .wgl_col-12 > .team__member .info__item h5 + a {
display: block;
margin-left: unset;
}
}
@media (max-width: 380px) {
.single-team .wgl_col-12 > .team__member .member__name,
.single-team .wgl_col-12 > .team__member .member__name span {
font-size: 30px;
line-height: 34px;
}
.single-team .wgl_col-12 > .team__member .member__info {
padding: 35px 10px 20px;
}
}