.team-member[data-style="bio_fullscreen"] {
cursor: pointer;
}
.team-member {
margin-top: 7px;
padding-bottom: 7px;
}
.team-member[data-style="meta_overlaid"], .team-member[data-style="meta_overlaid_alt"], .team-member[data-style="bio_fullscreen"] {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
line-height: 0;
position: relative;
}
.team-member[data-style="bio_fullscreen"] .team-member-image {
z-index: 2;
width: 100%;
}
.team-member[data-style="meta_overlaid"] img, .team-member[data-style="meta_overlaid_alt"] img, .team-member[data-style="bio_fullscreen"] img {
line-height: 0;
max-width: none;
max-height: none;
width: 100%!important;
margin-bottom: 0;
}
.row .team-member .team-member-image-inner .nectar-lazy {
display: block;
transition: opacity 0.5s ease;
opacity: 0;
width: 100%;
}
.row .team-member .team-member-image-inner .nectar-lazy.loaded {
opacity: 1;
}
.row .team-member .team-member-image-inner .nectar-lazy.loaded {
border-radius: 3px;
}
.team-member[data-style="meta_overlaid"] .team-member-overlay, .team-member[data-style="bio_fullscreen"] .team-member-overlay {
background-color: #282B30;
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
opacity: 0.45;
transition: opacity 0.3s ease 0s;
}
.team-member[data-style="meta_overlaid"]:hover .team-member-overlay, .team-member[data-style="bio_fullscreen"] .team-member-overlay {
opacity: 0;
}
.team-member[data-style="bio_fullscreen"] .team-member-overlay {
transition: opacity .8s cubic-bezier(.2,1,.2,1);
-webkit-transition: opacity .8s cubic-bezier(.2,1,.2,1);
backface-visibility: hidden;
transform: translateZ(0);
}
.team-member[data-style="meta_overlaid"] .team-meta, .team-member[data-style="meta_overlaid_alt"] .team-meta, .team-member[data-style="bio_fullscreen"] .team-meta {
position: absolute;
z-index: 10;
bottom: 40px;
width: 100%;
text-align: center;
}
.team-member[data-style="bio_fullscreen"] .team-meta {
padding-left: 25px;
margin-bottom: 25px;
left: 0;
bottom: 0;
text-align: left;
}
.team-member[data-style="bio_fullscreen"] .team-meta h3 {
transform: translateY(10px);
-webkit-transform: translateY(10px);
transition: opacity .95s cubic-bezier(.2,1,.2,1),transform .95s cubic-bezier(.2,1,.2,1);
-webkit-transition: opacity .95s cubic-bezier(.2,1,.2,1),-webkit-transform .95s cubic-bezier(.2,1,.2,1);
opacity: 0;
}
.team-member[data-style="meta_overlaid"] .team-meta h3, .team-member[data-style="meta_overlaid_alt"] .team-meta h3, .team-member[data-style="bio_fullscreen"] .team-meta h3 {
color: #fff;
}
.team-member[data-style="bio_fullscreen"] .team-meta p {
transform: translateY(20px);
-webkit-transform: translateY(20px);
transition: opacity .95s cubic-bezier(.2,1,.2,1),transform .95s cubic-bezier(.2,1,.2,1);
-webkit-transition: opacity .95s cubic-bezier(.2,1,.2,1),-webkit-transform .95s cubic-bezier(.2,1,.2,1);
opacity: 0;
}
.team-member[data-style="meta_overlaid"] .team-meta p, .team-member[data-style="meta_overlaid_alt"] .team-meta p, .team-member[data-style="bio_fullscreen"] .team-meta p {
color: rgba(255,255,255,0.8);
padding: 7px 0 0 0;
}
body .team-member[data-style="bio_fullscreen"] .team-meta p {
display: block;
line-height: 16px;
padding-top: 0;
}
body .team-member[data-style="bio_fullscreen"] .team-meta p {
line-height: 20px;
font-size: 16px;
width: 80%;
}
.team-member[data-style="bio_fullscreen"] .team-meta .arrow-end {
display: inline-block;
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 50px;
height: 50px;
-webkit-font-smoothing: antialiased;
letter-spacing: 0;
content: "\f105";
margin-left: 15px;
position: absolute;
right: 0;
top: 53%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%) translateZ(0);
transform: translateY(-50%) translateZ(0);
font-size: 25px;
transition: opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),transform 0.25s cubic-bezier(0.12,0.75,0.4,1);
-webkit-transition: opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),-webkit-transform 0.25s cubic-bezier(0.12,0.75,0.4,1);
}
body .team-member[data-style="bio_fullscreen"] .team-meta .arrow-end {
color: #fff;
right: 25px;
opacity: 0;
width: auto;
}
body .team-member[data-style="bio_fullscreen"] .team-meta .arrow-end {
-ms-transform: translateX(-8px) translateY(-50%);
-webkit-transform: translateX(-8px) translateY(-50%);
transform: translateX(-8px) translateY(-50%);
}
.team-member[data-style="bio_fullscreen"] .team-meta .arrow-line {
backface-visibility: hidden;
letter-spacing: 0;
display: block;
content: ' ';
z-index: 100;
position: absolute;
width: 22px;
height: 2px;
background-color: #000;
top: 53%;
opacity: 0;
right: -10px;
cursor: pointer;
transform: translateY(-50%) translateX(-20px) translateZ(0);
-webkit-transform: translateY(-50%) translateX(-20px) translateZ(0);
transition: opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),transform 0.25s cubic-bezier(0.12,0.75,0.4,1);
-webkit-transition: opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),-webkit-transform 0.25s cubic-bezier(0.12,0.75,0.4,1);
}
.team-member[data-style="bio_fullscreen"] .team-meta .arrow-line {
top: 53%;
}
body .team-member[data-style="bio_fullscreen"] .team-meta .arrow-line {
background-color: #fff;
right: 27px;
}
.team-member .nectar_team_bio_img, .team-member .nectar_team_bio {
display: none;
}
.team-member {
box-shadow: 0 30px 80px rgb(0 0 0 / 14%), 0 20px 70px rgb(0 0 0 / 12%);
border-radius: 3px;
overflow: hidden;
}
.team-member[data-style="bio_fullscreen"]:hover .team-member-overlay {
opacity: 0.4;
}
.team-member[data-style="bio_fullscreen"]:hover .team-meta h3, .team-member[data-style="bio_fullscreen"]:hover .team-meta p {
transform: translateY(0px);
-webkit-transform: translateY(0px);
opacity: 1;
}
.team-member[data-style="bio_fullscreen"]:hover .team-meta .arrow-line, .team-member[data-style="bio_fullscreen"]:hover .team-meta .arrow-end {
opacity: 1;
-ms-transform: translateX(0) translateY(-50%);
-webkit-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);
}
.team-member[data-style="bio_fullscreen"] .team-meta h3 {
font-family: Lato;
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin-bottom: 8px;
}
.nectar_team_member_overlay {
height: 100%;
width: 100%;
background-color: #f2f2f2;
color: #555;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1100;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.2,1,.2,1);
transition: transform 0.8s cubic-bezier(0.2,1,.2,1);
}
.nectar_team_member_overlay.open {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.nectar_team_member_overlay .inner-wrap {
position: relative;
width: 100%;
height: 100%;
}
.nectar_team_member_overlay .inner-wrap {
display: -webkit-box;
display: -webkit-flex;
display: flex;
overflow: hidden;
}
.nectar_team_member_overlay .inner-wrap {
padding-top: 0!important;
}
.nectar_team_member_overlay .team_member_details {
width: 50%;
left: 0;
position: relative;
padding: 3% 10%;
margin: auto 0;
}
a#backbtn {
display: none !important;
}
.nectar_team_member_overlay .team_member_details .bio-inner {
height: 100%;
}
.nectar_team_member_overlay .team_member_details h2, .nectar_team_member_overlay .team_member_details .mobile-close, .nectar_team_member_overlay .team_member_details .title, .nectar_team_member_overlay .team_member_details .team-desc, .nectar_team_member_overlay .team_member_details .team-desc .bottom_meta a {
opacity: 0;
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
transform: translateY(40px);
-ms-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.4s;
-webkit-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.4s;
transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.4s;
}
.nectar_team_member_overlay.open .team_member_details .mobile-close, .nectar_team_member_overlay.open .team_member_details h2, .nectar_team_member_overlay.open .team_member_details .title, .nectar_team_member_overlay.open .team_member_details .team-desc, .nectar_team_member_overlay.open .team_member_details .team-desc .bottom_meta a {
opacity: 1;
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.nectar_team_member_overlay .team_member_details .bio-inner .mobile-close {
transform: rotate(
45deg) !important;
-webkit-transform: rotate(
45deg) !important;
display: block;
height: 32px;
width: 32px;
border-radius: 50px;
transform-origin: center;
margin-bottom: 10px;
cursor: pointer;
border: 2px
solid #005eff;
}
.nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:before {
position: absolute;
display: block;
height: 2px;
width: 16px;
left: 6px;
top: 13px;
content: ' ';
background-color:rgb(0, 94, 255) !important;
}
.nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:after {
position: absolute;
display: block;
height: 16px;
width: 2px;
left: 13px;
top: 6px;
content: ' ';
background-color:rgb(0, 94, 255) !important;
}
.nectar_team_member_overlay .team_member_details h2, .nectar_team_member_overlay .team_member_details .mobile-close, .nectar_team_member_overlay .team_member_details .title, .nectar_team_member_overlay .team_member_details .team-desc, .nectar_team_member_overlay .team_member_details .team-desc .bottom_meta a {
opacity: 0;
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
transform: translateY(40px);
-ms-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.4s;
-webkit-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.4s;
transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.4s;
}
.nectar_team_member_overlay.open .team_member_details .mobile-close, .nectar_team_member_overlay.open .team_member_details h2, .nectar_team_member_overlay.open .team_member_details .title, .nectar_team_member_overlay.open .team_member_details .team-desc, .nectar_team_member_overlay.open .team_member_details .team-desc .bottom_meta a {
opacity: 1;
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.nectar_team_member_overlay .team_member_details .title {
line-height: 20px;
margin-bottom: 30px;
}
.nectar_team_member_overlay .team_member_details h2, .nectar_team_member_overlay .team_member_details .mobile-close, .nectar_team_member_overlay .team_member_details .title, .nectar_team_member_overlay .team_member_details .team-desc, .nectar_team_member_overlay .team_member_details .team-desc .bottom_meta a {
opacity: 0;
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
transform: translateY(40px);
-ms-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.4s;
-webkit-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.4s;
transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.4s;
}
.nectar_team_member_overlay .team_member_details .title {
-ms-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.55s;
-webkit-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.55s;
transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.55s;
}
.nectar_team_member_overlay .team_member_details .title {
font-family: Lato;
font-weight: 700;
color:#555;
}
.nectar_team_member_overlay .team_member_details .team-desc {
-ms-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.7s;
-webkit-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.7s;
transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.7s;
}
.nectar_team_member_overlay .team_member_picture {
height: 100%;
width: 50%;
position: fixed;
right: 0;
top: 0;
background-color: rgba(0,0,0,0.1);
}
.nectar_team_member_overlay .team_member_picture .team_member_image_bg_cover {
width: 100%;
height: 100%;
position: absolute;
z-index: 1001;
left: -2px;
top: 0;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-ms-transform-origin: left;
-webkit-transform-origin: left;
transform-origin: left;
background-color: #f2f2f2;
-webkit-transition: -webkit-transform 1s cubic-bezier(0.25,1,.2,1);
transition: transform 1s cubic-bezier(0.25,1,.2,1);
}
.nectar_team_member_overlay.open .team_member_picture .team_member_image_bg_cover {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.team_member_picture_wrap {
overflow: hidden;
width: 100%;
top: 0;
left: 0;
height: 100%;
position: absolute;
}
.nectar_team_member_overlay .team_member_image {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
background-size: cover;
-webkit-transition: -webkit-transform 15s cubic-bezier(.15,0,.7,1),opacity 0.3s;
transition: transform 15s cubic-bezier(.15,0,.7,1),opacity 0.3s;
-webkit-transform: scale(1.11);
transform: scale(1.11);
opacity: 0;
background-position: center top;
}
.nectar_team_member_overlay.open:not(.animating) .team_member_image {
-webkit-transform: scale(1);
transform: scale(1);
}
.nectar_team_member_overlay .team_member_details h2 {color: #05142E;font-family: Lato;font-size: 36px;line-height: 42px;font-weight: 700;}