/* Staff Item - Type III */

.dt-sc-staff-item.type3 .dt-sc-team-social li {background-color: unset;transform: unset;opacity: 1;}
.dt-sc-staff-item.type3 { display: grid; grid-template-columns: auto auto; gap: 40px; align-items: start; }

.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 > div:not(:last-child) { margin: 0 0 20px; }
.dt-sc-staff-item.type3 .dt-sc-staff-details > .dt-sc-content-sub-title + .dt-sc-content-title { margin-top: -14px; }

.dt-sc-staff-item.type3 .dt-sc-staff-details >  .dt-sc-content-title { 
    border-bottom: 1px solid var(--wdt_Booking_BorderColor);
    padding-bottom: 20px;
 }

.dt-sc-staff-item.type3 .dt-sc-staff-details .staff-opt-title {     margin: 0 0 10px; font-weight: var(--wdtFontWeight_Ext); }
.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); align-items: center; }

.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-special-container > .staff-opt-value {margin-top: 4px;}


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

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

.dt-sc-staff-item.type3 .dt-sc-staff-details .dt-sc-team-social li a {
    color: var(--wdt_Booking_AccentTxtColor);
    background-color: var(--wdt_Booking_BodyTxtColor);
}

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

.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; }

.dt-sc-staff-item.type3 .dt-sc-staff-details > .dt-sc-staff-experience-container,
.dt-sc-staff-item.type3 .dt-sc-staff-details > .dt-sc-staff-certifications-container,
.dt-sc-staff-item.type3 .dt-sc-staff-details > .dt-sc-staff-languages-spoken-container {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}

.dt-sc-staff-item.type3 .dt-sc-staff-details .dt-sc-staff-languages-spoken-container .staff-opt-title{margin: 0;}


/* AT Media Rules - Responsive */

@media (max-width:767px) {
    .dt-sc-staff-item.type3 {
        grid-template-columns: auto;
        gap: 30px;
    }
}