/* Staff Item - Type III */


/* .dt-sc-staff-item.type2 { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 40px; align-items: center; } */

.dt-sc-staff-item.type2 .dt-sc-staff-details { padding: 0px; text-align: left; }

.dt-sc-staff-item.type2 .dt-sc-staff-details > div:empty { display: none !important; }

.dt-sc-staff-item.type2 .dt-sc-staff-details > div:not(:last-child):not(.dt-sc-staff-title-wrapper) { margin: 0 0 20px; display: flex;  align-items: baseline;}
.dt-sc-staff-item.type2 .dt-sc-staff-details > .dt-sc-content-sub-title + .dt-sc-content-title { margin-top: -14px; }

.dt-sc-staff-item.type2 .dt-sc-staff-details .staff-opt-title { font-size: clamp(1.125rem, 1.0419rem + 0.2776vw, 1.375rem); margin: 0; }
.dt-sc-staff-item.type2 .dt-sc-staff-details .staff-opt-value { margin: 0 0 0 7px; }

.dt-sc-staff-item.type2 .dt-sc-staff-details div.dt-sc-staff-special-container,
.dt-sc-staff-item.type2 .dt-sc-staff-details .dt-sc-staff-social-container { display: flex; flex-wrap: wrap; width: calc(100% + 10px); align-items: center; gap: 12px; }

.dt-sc-staff-item.type2 .dt-sc-staff-details div.dt-sc-staff-special-container { margin: -5px; margin-bottom: 15px; gap:2px; }

.dt-sc-staff-item.type2 .dt-sc-staff-details .dt-sc-staff-special-container > .staff-opt-value { padding: 5px; margin: 0px; }

.dt-sc-staff-item.type2 .dt-sc-staff-details .dt-sc-team-social,
.dt-sc-staff-item.type2 .dt-sc-staff-details .dt-content-container p { margin: 0px; padding: 0px; }

.dt-sc-staff-item.type2 .dt-sc-staff-details .dt-sc-team-social{display: flex; gap: 16px;}

.dt-sc-staff-item.type2 .dt-sc-staff-image,
.dt-sc-staff-item.type2 .dt-sc-staff-image .dt-sc-image-wrapper { display: block; width: 100%; height: 100%; }

.dt-sc-staff-item.type2 .dt-sc-staff-image .dt-sc-image-wrapper img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.dt-sc-staff-item.type2 .dt-sc-staff-details .dt-sc-content-title .dt-sc-staff-title{ font-size: clamp(1.875rem, 1.5841rem + 0.9715vw, 2.75rem); color: var(--wdt_Booking_PrimaryColor);}
.dt-sc-staff-item.type2 .dt-sc-staff-details .dt-sc-staff-role {
    text-transform: capitalize;
    font-size: clamp(1.125rem, 1.0419rem + 0.2776vw, 1.375rem);
    font-family: var(--wdtFontTypo_Alt); color: var(--wdt_Booking_PrimaryColor);
}
.dt-sc-staff-item.type2 .dt-sc-staff-details > .dt-sc-staff-title-wrapper{display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px;}
.dt-sc-staff-item.type2 .dt-sc-staff-details > div.dt-content-container{flex-direction: column;}
.dt-sc-staff-item.type2 .dt-sc-staff-details .dt-content-container .staff-opt-title{margin-bottom: 10px;}

.dt-sc-staff-item.type2 .dt-sc-team-social li a {
    background-color: var(--wdt_Booking_PrimaryColor);
    color: var(--wdt_Booking_AccentTxtColor);
    border-radius: var(--wdt_Booking_Radius_Full);
}

.dt-sc-staff-item.type2 .dt-sc-team-social li a:hover{background-color: var(--wdtLinkHoverColor);}

/* AT Media Rules - Responsive */

@media (max-width:767px) {
    .dt-sc-staff-item.type2 .dt-sc-staff-details > .dt-sc-staff-title-wrapper {
    align-items: flex-start;
    flex-direction: column-reverse; gap: 6px;
}
}





/* ================================
   For Icon Team
================================ */



.wdt-inview-section .dt-sc-staff-item {
  opacity: 0;
  will-change: transform, opacity;
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.3, 1), 
              opacity 0.8s cubic-bezier(0.25, 1, 0.3, 1);
}


.wdt-inview-section .dt-sc-staff-item:nth-child(1) {
  transform: translateY(0px);
}
.wdt-inview-section .dt-sc-staff-item:nth-child(2) {
  transform: translateY(30px);
}
.wdt-inview-section .dt-sc-staff-item:nth-child(3) {
  transform: translateY(60px);
}
.wdt-inview-section .dt-sc-staff-item:nth-child(4) {
  transform: translateY(90px);
}


.wdt-inview-section.wdt-item-is-inview .dt-sc-staff-item {
  transform: translateY(0px);
  opacity: 1;
}


.wdt-inview-section.wdt-item-is-inview .dt-sc-staff-item:nth-child(1) {
  transition-delay: 0s;
}
.wdt-inview-section.wdt-item-is-inview .dt-sc-staff-item:nth-child(2) {
  transition-delay: 0.15s;
}
.wdt-inview-section.wdt-item-is-inview .dt-sc-staff-item:nth-child(3) {
  transition-delay: 0.3s;
}
.wdt-inview-section.wdt-item-is-inview .dt-sc-staff-item:nth-child(4) {
  transition-delay: 0.45s;
}


.wdt-inview-section .dt-sc-staff-item {
  opacity: 0;
  will-change: transform, opacity;
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.3, 1), 
              opacity 0.8s cubic-bezier(0.25, 1, 0.3, 1);
}