.ldc-team-filter__title {
margin: 0;
font-family: "Mulish", Sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.2em;
color: var(--e-global-color-text);
text-transform: uppercase;
}
.ldc-team-filter__divider {
margin: 12px 0;
width: 100%;
height: 1px;
background: #000000;
}
.ldc-team-filter__search {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
margin-bottom: 20px;
}
.ldc-team-filter__item {
border: 0;
background: transparent;
cursor: pointer;
font-family: "Mulish", Sans-serif;
font-size: 14px;
padding: 0;
color: #000000;
text-decoration: none;
}
.ldc-team-filter__item.is-active {
text-decoration: underline;
}
.ldc-team-filter__results.is-loading {
opacity: 0.6;
transition: opacity 0.2s ease;
}
.ldc-team-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
.ldc-team-card {
perspective: 1200px;
display: flex;
}
.ldc-team-card__inner {
width: 100%;
display: flex;
flex-direction: column;
height: 100%;
}
.ldc-team-card__image-button,
.ldc-team-card__image-static {
border: 0;
background: transparent !important;
padding: 0;
width: 100%;
text-align: left;
}
.ldc-team-card__image-button {
cursor: pointer;
}
.ldc-team-card__flip-inner {
position: relative;
display: block;
width: 100%;
aspect-ratio: 1 / 1;
transform-style: preserve-3d;
transition: transform 0.6s ease;
}
.ldc-team-card__flip-face {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
backface-visibility: hidden;
}
.ldc-team-card__image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ldc-team-card__image-button.is-flipped .ldc-team-card__flip-inner {
transform: rotateY(180deg);
}
.ldc-team-card__flip-face--back {
transform: rotateY(180deg);
background: var(--e-global-color-primary);
color: #fff;
padding: 10px;
justify-content: flex-start;
overflow-x: hidden;
overflow-y: auto;
white-space: normal;
font-family: var(--e-global-typography-f2d55df-font-family), Sans-serif;
font-size: var(--e-global-typography-f2d55df-font-size);
font-weight: var(--e-global-typography-f2d55df-font-weight);
gap: 0;
scrollbar-width: thin;
scrollbar-color: #8ea3b6 var(--e-global-color-primary);
}
.ldc-team-card__image--placeholder {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--e-global-color-primary);
}
.ldc-team-card__initials {
font-family: var(--e-global-typography-5c552c6-font-family), Sans-serif;
font-size: var(--e-global-typography-5c552c6-font-size);
font-weight: var(--e-global-typography-5c552c6-font-weight);
line-height: var(--e-global-typography-5c552c6-line-height);
letter-spacing: var(--e-global-typography-5c552c6-letter-spacing);
color: var(--e-global-color-4937cfb);
}
.ldc-team-card__content {
margin-top: 15px;
display: flex;
flex-direction: column;
}
.ldc-team-card__name {
margin: 0;
font-family: var(--e-global-typography-9c589e2-font-family), Sans-serif;
font-size: var(--e-global-typography-9c589e2-font-size);
font-weight: var(--e-global-typography-9c589e2-font-weight);
color: vvar(--e-global-color-text);
}
.ldc-team-card__role {
margin: 0;
font-family: var(--e-global-typography-05ab631-font-family), Sans-serif;
font-size: var(--e-global-typography-05ab631-font-size);
font-weight: var(--e-global-typography-05ab631-font-weight);
color: var(--e-global-color-text);
}
.ldc-team-card__divider {
margin-top: 15px;
width: 100%;
height: 2px;
background: var(--e-global-color-text);
}
.ldc-team-card__back-bio {
margin-top: 15px;
}
@media (max-width: 1024px) {
.ldc-team-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.ldc-team-grid {
grid-template-columns: 1fr;
}
}
.ldc-team-card__back-title,
.ldc-team-card__back-role {
color: inherit;
display: block;
white-space: normal;
}
.ldc-team-card__back-bio {
margin-top: 15px;
display: block;
inline-size: 100%;
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
}
.ldc-team-card__back-bio p {
margin: 0 0 12px;
white-space: normal;
}
.ldc-team-card__back-bio p:last-child {
margin-bottom: 0;
}
.ldc-team-card__flip-face--back::-webkit-scrollbar {
width: 10px;
}
.ldc-team-card__flip-face--back::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.2);
border-radius: 999px;
}
.ldc-team-card__flip-face--back::-webkit-scrollbar-thumb {
background: #8ea3b6;
border-radius: 999px;
border: 2px solid rgba(255, 255, 255, 0.2);
}
.ldc-team-card__flip-face--back::-webkit-scrollbar-thumb:hover {
background: #a3b7c8;
}
.ldc-team-grid__view-more-wrap {
margin-top: 20px;
text-align: center;
}
.ldc-team-grid__view-more {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 15px;
background-color: #e4511300;
font-family: var(--e-global-typography-accent-font-family), Sans-serif;
font-size: var(--e-global-typography-accent-font-size);
font-weight: var(--e-global-typography-accent-font-weight);
text-transform: var(--e-global-typography-accent-text-transform);
fill: var(--e-global-color-text);
color: var(--e-global-color-text);
border-style: solid;
border-width: 1px;
border-color: var(--e-global-color-text);
border-radius: 60px;
padding: 22px 20px;
cursor: pointer;
text-decoration: none;
transition:
background-color 0.2s ease,
color 0.2s ease,
border-color 0.2s ease;
}
.ldc-team-grid__view-more .elementor-button-content-wrapper {
display: inline-flex;
align-items: center;
gap: 15px;
}
.ldc-team-grid__view-more .elementor-button-icon {
display: inline-flex;
align-items: center;
justify-content: center;
}
.ldc-team-grid__view-more .elementor-button-icon svg {
width: 0.75em;
height: 0.75em;
fill: var(--e-global-color-accent) !important;
}
.ldc-team-grid__view-more:hover .elementor-button-icon svg,
.ldc-team-grid__view-more:focus .elementor-button-icon svg,
.ldc-team-grid__view-more:focus-visible .elementor-button-icon svg {
fill: var(--e-global-color-accent) !important;
}
.ldc-team-grid__view-more:hover,
.ldc-team-grid__view-more:focus,
.ldc-team-grid__view-more:focus-visible {
background-color: var(--e-global-color-text);
color: var(--e-global-color-4937cfb);
border-color: var(--e-global-color-text);
outline: none;
}
.elementor-43025
.elementor-element.elementor-element-4983c5a
.elementor-button
.elementor-button-content-wrapper {
gap: 15px;
}
.elementor-43025
.elementor-element.elementor-element-4983c5a
.elementor-button-content-wrapper {
flex-direction: row-reverse;
}
.elementor-43025
.elementor-element.elementor-element-4983c5a
.elementor-button-icon
svg {
height: 0.7em !important;
fill: var(--e-global-color-accent) !important;
}