/* Staff Contact Details Widget */

.elementor-widget-dt-staff-contact-details { container: contact-staff / inline-size; width: 100%; }


.dt-sc-staff-contact-details {
    display: flex; flex-direction: column; padding: 20px; background: transparent; border-radius: 5px; }

.dt-sc-contact-content { display: grid; gap: .5em; }

.dt-sc-layout-horizontal.dt-sc-staff-contact-details {
	display: grid; grid-template-columns: 1fr 1.5fr; padding:0; gap: 15px;}


.dt-sc-staff-contact-details.dt-sc-layout-horizontal .dt-sc-staff-contact-item {
	margin-bottom: 0; display: grid; grid-template-columns: auto 1fr;
	gap: 15px; align-items: flex-start; }

.dt-sc-staff-contact-details.dt-sc-layout-horizontal .dt-sc-staff-contact-item:last-child {
    margin-right: 0;
}

.dt-sc-staff-contact-item {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.dt-sc-staff-contact-item:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
}

.dt-sc-staff-contact-details.dt-sc-layout-horizontal .dt-sc-staff-contact-item:not(:last-child) {
    border-bottom: none;
}

.dt-sc-staff-contact-item i,
.dt-sc-staff-contact-item .dt-sc-icon {
    margin-right: 15px;
    font-size: 18px;
    color: #333333;
    flex-shrink: 0;
}

.dt-sc-contact-media {
	width: 1.5em; height: 1.5em; display: inline-flex; padding: 0.45em; font-size: 40px; 
	background: var(--wdtPrimaryColor); border-radius: var(--wdtRadius_Full); align-content: center;
	align-items: center; color: var(--wdtAccentTxtColor); }

.dt-sc-staff-contact-item .contact-label {
	font-size: var(--wdtFontSize_H5); font-family: var(--wdtFontTypo_H5); font-weight: var(--wdtFontWeight_H5); 
	line-height:var(--wdtLineHeight_H5); color:var(--wdtHeadAltColor); }

.dt-sc-staff-contact-item .contact-value { font-size: var(--wdtFontSize_Base);
	font-family: var(--wdtFontTypo_Base); font-weight: var(--wdtFontWeight_Base); color:var(--wdtHeadAltColor); 
	transition:var(--wdt-Ad-Transition); }

.dt-sc-staff-contact-item .contact-value:hover { color: rgba(var(--wdtPrimaryColorRgb), .75); }

/* Responsive */
@media (max-width: 767px) {
    .dt-sc-staff-contact-details.dt-sc-layout-horizontal {
        grid-template-columns: 1fr;
    }
    
    .dt-sc-staff-contact-details.dt-sc-layout-horizontal .dt-sc-staff-contact-item {
        margin-right: 0;
        margin-bottom: 10px;
    }
    
    .dt-sc-staff-contact-details.dt-sc-layout-horizontal .dt-sc-staff-contact-item:last-child {
        margin-bottom: 0;
    }
    
    .dt-sc-staff-contact-item .contact-label {
        display: none;
    }
}

@media (max-width: 767px) {
  .dt-sc-staff-contact-item .contact-label { display: inline-block; }
}

@container contact-staff ( width < 530px ) {
	body .dt-sc-layout-horizontal.dt-sc-staff-contact-details { grid-template-columns: 1fr; gap:15px; }
}