

/* Staff Item - Type III */


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

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

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

.dt-sc-staff-item.type3 .dt-sc-staff-details .staff-opt-title { margin: 0 0 10px; font-weight: 600; }
.dt-sc-staff-item.type3 .dt-sc-staff-details .staff-opt-value { margin: 0px; }

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

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

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

.dt-sc-staff-item.type3 .dt-sc-staff-details .dt-sc-staff-social-container > .staff-opt-title { display: none; }
.dt-sc-staff-item.type3 .dt-sc-staff-details .dt-sc-staff-social-container > .social-media { padding: 5px; margin: 0px; }

.dt-sc-staff-special-container .staff-opt-title:has(+ .staff-opt-value:empty) { display: none; }

.dt-sc-staff-item.type3 .dt-sc-staff-details .dt-sc-staff-item.type3 .dt-sc-staff-details .dt-sc-team-social { margin: 0px; padding: 0px; }

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

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

/* Custom CSS for Staff Type III */


.dt-sc-staff-item.type3 .dt-sc-media-group { display: inline-grid; justify-items: center; align-items: end; }
.dt-sc-staff-item.type3 .dt-sc-media-group > div.dt-sc-content-button { width: 100%; text-align: center; }
.dt-sc-staff-item.type3 .dt-sc-media-group > div.dt-sc-content-button a { background-color: rgba(var(--wdtPrimaryColorRgb), .5);
    margin: 0; width: 100%; padding: 33px 10px; text-transform: uppercase; font-weight: var(--wdtFontWeight_Base); color: var(--wdtHeadAltColor); }
.dt-sc-staff-item.type3 .dt-sc-media-group > div.dt-sc-content-button a:hover { background-color: rgba(var(--wdtPrimaryColorRgb), 1); color: var(--wdtAccentTxtColor); }

.dt-sc-staff-item.type3 .dt-sc-staff-details > div.dt-sc-content-title-wrapper { display: inline-flex ; align-items: baseline; gap: .5em; margin-bottom: 5px; }
.dt-sc-staff-item.type3 .dt-sc-staff-details > div.dt-sc-content-title-wrapper .dt-sc-staff-title { 
    margin: 0; font-size: 28px; line-height: var(--wdtLineHeight_H1); font-weight: normal; }
.dt-sc-staff-item.type3 .dt-sc-staff-details .dt-sc-staff-role { text-transform: none; font-size: var(--wdtFontSize_Base); color: var(--wdtBodyTxtColor); }

.dt-sc-staff-item.type3 .dt-sc-staff-details > .dt-sc-staff-department-container { margin-bottom: 20px; }
.dt-sc-staff-item.type3 .dt-sc-staff-details > .dt-sc-staff-department-container .staff-department a { color: var(--wdtBodyTxtColor); pointer-events: none; }


.dt-sc-staff-item.type3 .dt-sc-staff-details > .dt-sc-staff-social-container { margin-bottom: 10px; }
.dt-sc-staff-item.type3 .dt-sc-staff-details > .dt-sc-staff-social-container .social-media { padding: 0; }
.dt-sc-staff-item.type3 .dt-sc-staff-details > .dt-sc-staff-social-container .dt-sc-team-social li a { color: var(--wdtHeadAltColor);
    width: clamp(2.1875rem, 1.9408rem + 0.9868vw, 3.125rem); /* Min-35 & Max-50 */ height: clamp(2.1875rem, 1.9408rem + 0.9868vw, 3.125rem); /* Min-35 & Max-50 */ 
    line-height: clamp(2.1875rem, 1.9408rem + 0.9868vw, 3.125rem); /* Min-35 & Max-50 */ font-size: clamp(1.125rem, 1.0921rem + 0.1316vw, 1.25rem); /* Min-18 & Max-20 */ 
    border-radius: var(--wdtRadius_Full); background-color: transparent; }
.dt-sc-staff-item.type3 .dt-sc-staff-details > .dt-sc-staff-social-container .dt-sc-team-social li a:hover { color: var(--wdtAccentTxtColor); background-color: rgba(var(--wdtPrimaryColorRgb), .5); }

.dt-sc-staff-item.type3 .dt-sc-staff-details .dt-sc-staff-options-warapper { display: grid; gap: clamp(1.25rem, -0.1816rem + 2.2346vw, 2.5rem); /* Min-20 & Max-40 */  }
.dt-sc-staff-item.type3 .dt-sc-staff-details .dt-sc-staff-options-container { 
    display: grid; gap: clamp(0.9375rem, 0.5796rem + 0.5587vw, 1.25rem); /* Min-15 & Max-20 */ grid-template-columns: 1fr; }
.dt-sc-staff-item.type3 .dt-sc-staff-details .dt-sc-staff-options-container .staff-opt-title { font-weight: var(--wdtFontWeight_Alt); margin: 0; font-size: var(--wdtFontSize_H5); }
.dt-sc-staff-item.type3 .dt-sc-staff-details .dt-sc-staff-options-container .staff-opt-value { line-height: var(--wdtLineHeight_Base);
    font-size: clamp(1rem, 0.8568rem + 0.2235vw, 1.125rem); /* Min-16 & Max-18 */ font-weight: var(--wdtFontWeight_Alt); }

@media (min-width: 1025px) {
    .elementor-widget-dt-staff-item[data-settings*='"columns":"1"'] .dt-sc-staff-item.type3 { display: grid; grid-template-columns: .75fr 1fr; gap: 60px; align-items: center; }
    .dt-sc-staff-item.type3 .dt-sc-staff-details .dt-sc-staff-options-container { grid-template-columns: minmax(150px, auto) 1fr; }
    .dt-sc-staff-item.type3 .dt-sc-staff-details .dt-sc-staff-options-container .staff-opt-title { padding-right: 20px; border-right: 1px solid rgba(var(--wdtBorderColorRgb),.7); }
    .dt-sc-staff-item.type3 .dt-sc-staff-details .dt-sc-staff-options-container .staff-opt-value { padding-left: 20px; }
    .dt-sc-staff-item.type3 .dt-sc-staff-details > .dt-sc-staff-social-container { margin-bottom: 20px; }
}
@media (max-width: 767px) {
    .dt-sc-staff-item.type3 { grid-template-columns: 1fr; gap: 30px; } 
}

/* AT Media Rules - Responsive */

