.dipl_team_member_wrapper_lightbox,
.dipl_team_member_wrapper_lightbox .dipl_bar_counter_chunks,
.dipl_team_member_wrapper_lightbox .dipl_bar_counter_filled_bar,
.dipl_team_member_wrapper_lightbox .dipl_empty_bar .dipl_team_member_wrapper_lightbox .dipl_bar_counter_bar,
.dipl_team_member_wrapper_lightbox .dipl_team_member_social_icon,
.et_pb_with_border .dipl-team-items-categories .dipl-team-active-category,
.et_pb_with_border .dipl-team-items-categories li,
.et_pb_with_border .dipl_team_grid_item,
.et_pb_with_border .dipl_team_member_image,
.et_pb_with_border .dipl_team_member_social_icon {
border: 0 solid #333;
}
.dipl-team-filterable-categories {
margin-bottom: 30px;
}
.dipl_team_grid_items {
display: flex;
flex-wrap: wrap;
}
.dipl_team_grid_item {
position: relative;
overflow: hidden;
float: left;
}
.dipl_team_link,
.dipl_team_popup {
cursor: pointer;
}
.dipl_team_grid .dipl_team_member_name,
.dipl_team_member_lightbox .dipl_team_member_name {
padding: 0;
font-size: 18px;
line-height: 1.5;
}
.dipl_team_grid .dipl_team_member_designation,
.dipl_team_member_lightbox .dipl_team_member_designation {
margin-top: 5px;
font-size: 12px;
line-height: 1.5;
}
.dipl_team_grid .dipl_team_member_short_desc,
.dipl_team_member_lightbox .dipl_skill_name,
.dipl_team_member_lightbox .dipl_team_member_description {
font-size: 14px;
line-height: 1.5;
}
.dipl_team_grid .dipl_team_member_designation + .dipl_team_member_short_desc,
.dipl_team_grid .dipl_team_member_name + .dipl_team_member_short_desc,
.dipl_team_grid .layout1 .dipl_team_member_hidden_wrapper,
.dipl_team_member_lightbox .dipl_team_member_designation + .dipl_team_member_description,
.dipl_team_member_lightbox .dipl_team_member_name + .dipl_team_member_description,
.dipl_team_member_lightbox .dipl_team_social_wrapper + .dipl_team_member_description {
margin-top: 15px;
}
.dipl_team_grid .dipl_team_member_designation + .dipl_team_social_wrapper,
.dipl_team_grid .dipl_team_member_name + .dipl_team_social_wrapper,
.dipl_team_grid .dipl_team_member_short_desc + .dipl_team_social_wrapper,
.dipl_team_member_lightbox .dipl_team_member_description + .dipl_team_social_wrapper,
.dipl_team_member_lightbox .dipl_team_member_designation + .dipl_team_social_wrapper,
.dipl_team_member_lightbox .dipl_team_member_name + .dipl_team_social_wrapper {
margin-top: 5px;
}
.dipl_team_grid .dipl_team_member_image_wrapper {
position: relative;
overflow: hidden;
line-height: 0;
}
.dipl_team_grid .dipl_team_member_image {
width: 100%;
transition: transform 0.3s;
}
.dipl_team_grid .dipl_team_grid_item:hover .dipl_team_member_image {
transform: scale(1.1);
}
.dipl_team_grid .dipl_team_overlay_wrapper {
display: flex;
flex-direction: column;
backface-visibility: hidden;
transform: translateY(100%);
transition: 0.3s;
}
.dipl_team_grid .layout1 .dipl_team_member_image_wrapper + .dipl_team_overlay_wrapper {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.dipl_team_grid_item:hover .dipl_team_overlay_wrapper {
transform: translateY(0) !important;
}
.dipl_team_grid_item .dipl_team_member_hidden_wrapper {
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.dipl_team_grid_item:hover .dipl_team_member_hidden_wrapper {
opacity: 1;
visibility: visible;
}
.dipl_team_grid .dipl_team_social_wrapper,
.dipl_team_member_lightbox .dipl_team_social_wrapper {
display: flex;
flex-wrap: wrap;
line-height: 1;
}
.dipl_team_grid .dipl_team_social_wrapper a,
.dipl_team_member_lightbox .dipl_team_social_wrapper a {
margin-top: 10px;
margin-right: 10px;
font-size: 14px;
}
.dipl_team_grid .dipl_team_social_wrapper a:last-child,
.dipl_team_grid_pagination li:last-child,
.dipl_team_member_lightbox .dipl_team_social_wrapper a:last-child {
margin-right: 0;
}
.dipl_team_grid .dipl_team_website,
.dipl_team_member_lightbox .dipl_team_website {
color: #0069ff;
}
.dipl_team_grid .dipl_team_facebook,
.dipl_team_member_lightbox .dipl_team_facebook {
color: #1a4791;
}
.dipl_team_grid .dipl_team_twitter,
.dipl_team_member_lightbox .dipl_team_twitter {
color: #00a6e9;
}
.dipl_team_grid .dipl_team_linkedin,
.dipl_team_member_lightbox .dipl_team_linkedin {
color: #0270ad;
}
.dipl_team_grid .dipl_team_instagram,
.dipl_team_member_lightbox .dipl_team_instagram {
background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: #d6249f;
}
.dipl_team_grid .dipl_team_youtube,
.dipl_team_member_lightbox .dipl_team_youtube {
color: #f60000;
}
.dipl_team_member_lightbox .mfp-container {
display: flex;
height: auto;
min-height: 100%;
padding: 0;
}
.dipl_team_member_lightbox .mfp-content {
display: flex;
justify-content: center;
align-items: center;
}
.dipl_team_member_lightbox .mfp-close:active {
top: 1px !important;
}
.dipl_team_member_wrapper_lightbox {
display: grid;
grid-template-columns: 1fr 1fr;
position: relative;
background: #fff;
}
.dipl_team_member_wrapper_lightbox.dipl-no-team-member{
grid-template-columns: auto 1fr;
}
.dipl_team_member_lightbox .dipl_team_member_image_wrapper {
line-height: 0;
}
.dipl_team_member_lightbox .dipl_team_member_image {
width: 100%;
height: 100%;
object-fit: cover;
}
.dipl_team_member_lightbox .dipl_team_member_content_wrapper {
padding: 20px;
}
.dipl_team_member_lightbox .dipl_skill_bar_wrapper {
display: flex;
flex-direction: column;
width: 100%;
margin-top: 10px;
}
.dipl_team_member_lightbox .dipl_skill_bar_wrapper_inner {
display: flex;
flex-direction: column;
width: 100%;
margin-bottom: 10px;
}
.dipl_team_member_lightbox .dipl_skill_bar_wrapper_inner:last-child {
margin-bottom: 0;
}
.dipl_team_member_lightbox .dipl_empty_bar {
position: relative;
background: #ccc;
height: 12px;
}
.dipl_team_member_lightbox .dipl_filled_bar {
position: absolute;
left: 0;
top: 0;
background: #0c71c3;
width: 0;
height: 100%;
transition: width 0.3s;
}
.dipl_team_member_lightbox .dipl_bar_counter_bar_wrapper {
display: flex;
align-items: center;
width: 100%;
}
.dipl_team_member_lightbox .dipl_bar_counter_wrapper_inner {
margin: 5px 0;
}
.dipl_team_member_lightbox .dipl_bar_counter_animated_striped_bar:before,
.dipl_team_member_lightbox .dipl_bar_counter_striped_bar:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 35px 35px;
}
.dipl_team_member_lightbox .dipl_bar_counter_animated_striped_bar:before {
animation: 1s linear infinite dipl_animated_stripe;
}
@keyframes dipl_animated_stripe {
0% {
background-position: 0 0;
}
100% {
background-position: 35px 0;
}
}
.dipl_team_member_lightbox .dipl_bar_counter_percent {
display: inline-block;
position: relative;
vertical-align: middle;
padding: 0 0 0 5px;
font-size: 14px;
line-height: 1.5;
}
.dipl_team_member_lightbox .dipl_bar_counter_chunks {
position: relative;
background: #ddd;
margin-right: 5px;
flex-grow: 1;
}
.dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:before {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: #0c71c3;
content: "";
}
.dipl_team_member_lightbox .dipl_bar_counter_filled_chunks.dipl_animate_filled:before {
animation-name: dipl_animate_filled;
animation-fill-mode: forwards;
animation-timing-function: linear;
animation-duration: 0.2s;
}
.dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:nth-child(2):before {
animation-delay: 0.1s;
}
.dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:nth-child(3):before {
animation-delay: 0.2s;
}
.dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:nth-child(4):before {
animation-delay: 0.3s;
}
.dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:nth-child(5):before {
animation-delay: 0.4s;
}
.dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:nth-child(6):before {
animation-delay: 0.5s;
}
.dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:nth-child(7):before {
animation-delay: 0.6s;
}
.dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:nth-child(8):before {
animation-delay: 0.7s;
}
.dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:nth-child(9):before {
animation-delay: 0.8s;
}
.dipl_team_member_lightbox .dipl_bar_counter_filled_chunks:nth-child(10):before {
animation-delay: 0.9s;
}
@keyframes dipl_animate_filled {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.dipl_team_grid .layout2 .dipl_team_overlay_wrapper {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.dipl_team_grid .layout2 .dipl_team_member_visible_wrapper + .dipl_team_member_hidden_wrapper {
margin-bottom: 15px;
}
.layout2 .dipl_team_grid_item:hover .dipl_team_overlay_wrapper {
flex-direction: column-reverse;
}
.dipl_team_grid .layout3 .dipl_team_content_wrapper {
width: 100%;
}
.dipl_team_grid .layout3 .dipl_team_member_image_wrapper + .dipl_team_content_wrapper,
.dipl_team_grid .layout3 .dipl_team_member_image_wrapper {
width: 50%;
float: left;
}
.dipl_team_grid .layout3 .dipl_team_grid_item,
.dipl_team_grid .layout3 .dipl_team_member_image_wrapper {
display: flex;
}
.dipl_team_grid .layout3 .dipl_team_member_image {
height: 100%;
object-fit: cover;
}
.dipl-team-filterable-categories .dipl-team-items-categories {
list-style: none;
padding: 0;
text-align: center;
}
.dipl-team-items-categories li {
display: inline-block;
margin-right: 15px;
margin-bottom: 15px;
padding: 10px;
line-height: normal;
color: #fff;
transition: 0.3s;
cursor: pointer;
}
.dipl-team-items-categories .dipl-team-active-category {
color: #000;
cursor: default;
}
.dipl_team_lightbox_loader {
position: relative;
}
.dipl_team_lightbox_loader:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
background: rgba(255, 255, 255, 0.8);
}
.dipl_team_lightbox_loader:after {
position: absolute;
top: 50%;
left: 50%;
z-index: 999;
content: "\e02d";
font-family: ETMODULES;
font-size: 36px;
color: #000;
transform: translate(-50%, -50%);
animation: 2s linear infinite dipl_rotator;
}
@keyframes dipl_rotator {
from {
transform: translate(-50%, -50%) rotate(0);
}
to {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@media screen and (max-width: 767px) {
.dipl_team_member_wrapper_lightbox {
grid-template-columns: 1fr;
}
}
.dipl_team_grid_pagination_wrapper {
position: relative;
width: 100%;
margin-top: 20px;
text-align: center;
}
.dipl_team_grid_pagination_wrapper .dipl_team_grid_pagination {
list-style: none;
padding: 0;
line-height: normal;
}
.dipl_team_grid_pagination li {
display: inline-block;
margin-right: 10px;
}
.dipl_team_grid_pagination li a {
display: block;
padding: 4px 10px;
font-size: 16px;
line-height: 1.5;
}
.dipl_team_grid_pagination li.active a,
.dipl_team_grid_pagination li.disabled a {
cursor: default;
}
.dipl_team_grid_pagination li.disabled {
display: none;
opacity: 0.2;
}
.dipl_team_content_wrapper > div + .dipl-team-item-link-btn-wrap{
margin-top: 15px;
}
.dipl_team_member_hidden_wrapper > div + .dipl-team-item-link-btn-wrap{
margin-top: 20px;
}