.qi-block-team-member {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%
}

.qi-block-team-member .qodef-m-inner {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top
}

.qi-block-team-member .qodef-m-inner:hover .qodef-m-content {
    opacity: 1
}

.qi-block-team-member .qodef-m-title {
    margin: 0
}

.qi-block-team-member .qodef-m-role,
.qi-block-team-member .qodef-m-text {
    margin: 0 0 .8em
}

.qi-block-team-member .qodef-m-image {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top
}

.qi-block-team-member .qodef-m-image img {
    display: block
}

.qi-block-team-member .qodef-m-social-icons {
    font-size: 0;
    margin: 0
}

.qi-block-team-member .qodef-m-social-icons>* {
    fill: currentColor;
    stroke: currentColor;
    font-size: 1rem;
    margin-right: .7em
}

.qi-block-team-member .qodef-m-social-icons>:last-child {
    margin-right: 0 !important
}

.qi-block-team-member .qodef-e-social-icon i {
    font-size: inherit
}

.qi-block-team-member .qodef-e-social-icon svg {
    fill: inherit;
    stroke: inherit;
    height: auto;
    vertical-align: middle;
    width: 1em
}

.qi-block-team-member.qodef-image--hover-scale img,
.qi-block-team-member.qodef-image--hover-zoom img {
    transform: scale(1.005) translateZ(0);
    transition: transform .35s cubic-bezier(.25, .46, .45, .94);
    will-change: transform
}

.qi-block-team-member.qodef-image--hover-scale:hover img,
.qi-block-team-member.qodef-image--hover-zoom:hover img {
    transform: scale(1.03)
}

.qi-block-team-member.qodef-image--hover-zoom .qodef-m-image {
    overflow: hidden
}

.qi-block-team-member.qodef-item-layout--info-below .qodef-m-content {
    margin: .9em 0 0
}

.qi-block-team-member.qodef-item-layout--info-below-left .qodef-m-inner {
    overflow: hidden
}

.qi-block-team-member.qodef-item-layout--info-below-left .qodef-m-inner:hover .qodef-m-role,
.qi-block-team-member.qodef-item-layout--info-below-left .qodef-m-inner:hover .qodef-m-social-icons,
.qi-block-team-member.qodef-item-layout--info-below-left .qodef-m-inner:hover .qodef-m-title {
    opacity: 1;
    transform: translateX(0)
}

.qi-block-team-member.qodef-item-layout--info-below-left .qodef-m-inner:hover .qodef-m-role {
    transition-delay: .15s
}

.qi-block-team-member.qodef-item-layout--info-below-left .qodef-m-inner:hover .qodef-m-social-icons {
    transition-delay: .3s
}

.qi-block-team-member.qodef-item-layout--info-below-left .qodef-m-content {
    margin: .9em 0 0
}

.qi-block-team-member.qodef-item-layout--info-below-left .qodef-m-content .qodef-m-role,
.qi-block-team-member.qodef-item-layout--info-below-left .qodef-m-content .qodef-m-social-icons,
.qi-block-team-member.qodef-item-layout--info-below-left .qodef-m-content .qodef-m-title {
    opacity: 0;
    transform: translateX(30px);
    transition: transform .45s cubic-bezier(.16, .32, .26, .92), opacity .45s ease-out;
    transition-delay: 0s, 0s
}

.qi-block-team-member.qodef-item-layout--info-from-bottom .qodef-m-inner {
    overflow: hidden
}

.qi-block-team-member.qodef-item-layout--info-from-bottom .qodef-m-inner:hover .qodef-m-content {
    transform: translateY(0)
}

.qi-block-team-member.qodef-item-layout--info-from-bottom .qodef-m-content {
    align-items: center;
    background-color: #fff;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    opacity: 1;
    padding: 30px;
    position: absolute;
    transform: translateY(100%);
    transition: transform .4s cubic-bezier(.22, .61, .36, 1);
    width: 100%;
    z-index: 1
}

.qi-block-team-member.qodef-item-layout--info-on-hover .qodef-m-inner:hover .qodef-m-content {
    opacity: 1
}

.qi-block-team-member.qodef-item-layout--info-on-hover .qodef-m-content {
    align-items: center;
    background-color: #111;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 20px 30px;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%
}

.qi-block-team-member.qodef-item-layout--info-on-hover .qodef-m-content>* {
    width: 100%
}

.qi-block-team-member.qodef-item-layout--info-on-hover .qodef-m-title {
    color: #fff
}

.qi-block-team-member.qodef-item-layout--info-on-hover .qodef-m-role {
    color: #c4c4c4
}

.qi-block-team-member.qodef-item-layout--info-on-hover-inset .qodef-m-inner:hover .qodef-m-content {
    -webkit-clip-path: inset(10px 10px 10px 10px);
    clip-path: inset(10px 10px 10px 10px);
    opacity: 1;
    transition-delay: 0s, .15s
}

.qi-block-team-member.qodef-item-layout--info-on-hover-inset .qodef-m-content {
    align-items: center;
    background-color: #fff;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 5%;
    position: absolute;
    top: 0;
    transition: opacity .25s ease-out, all .3s cubic-bezier(.46, .03, .52, .96);
    width: 100%
}

.qi-block-team-member.qodef-item-layout--info-on-hover-inset .qodef-m-content>* {
    width: 100%
}