
/* Detail */
.unmc .directory-detail {
    --icon-size: 1rem;
    padding-bottom: 3.16em;
}

.unmc .directory-detail-img-sticky,
.unmc .directory-detail-img-placeholder {
    aspect-ratio: 1 / 1;
}

.unmc .directory-detail-img-sticky {
    clip-path: polygon(0 0,0 100%,2px 100%,2px 2px,calc(100% - 2px) 2px,calc(100% - 2px) calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 5px,5px 5px,5px calc(100% - 5px),2px calc(100% - 5px),2px 100%,100% 100%,100% 0);
}

.unmc .directory-detail-img-placeholder {
    align-items: center;
    display: flex;
    justify-content: center;
}

.unmc .directory-detail-img-placeholder-icon {
    color: rgba(0,0,0,.18);
    height: 32%;
    width: 32%;
}

.unmc .directory-detail-main-info dd:last-child {
    margin-bottom: 0;
}

.unmc .directory-detail-grid,
.unmc .directory-detail-info,
.unmc .directory-detail-main-info,
.unmc .directory-detail-address {
    container-type: inline-size;
}

.unmc .directory-detail-main-info,
.unmc .directory-detail-info-section-orgs {
    column-gap: 3.16vw;
    display: flex;
    flex-direction: row;
    row-gap: 1.33em;
}

.unmc .directory-detail-main-info {
    flex-wrap: wrap;
}

.unmc .directory-detail-affiliation {
    font-size: .75rem;
    font-weight: bold;
    letter-spacing: .1em;
    margin-bottom: 0;
    margin-top: 1rem;
    text-transform: uppercase;
}

.unmc .directory-detail-name {
    margin-block: 0;
}

.unmc .directory-detail-job-title-list,
.unmc .directory-detail-major-list {
    list-style-type: "";
    margin-top: .75em;
    padding-left: 0;
}

.unmc .directory-detail-job-title-list-item,
.unmc .directory-detail-major-list-item {
    margin-bottom: 0;
}

.unmc .directory-detail-info-dt {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

.unmc .directory-detail-info-dd {
    column-gap: .42rem;
}

.unmc .directory-detail-info-dd:not(:last-child),
.unmc .directory-detail-info-section-extra .directory-detail-info-icon-text-pair:not(:last-child) {
    margin-bottom: .56rem;
}

.unmc .directory-detail-info-icon-text-pair {
    align-items: center;
    column-gap: .42rem;
    display: flex;
}

.unmc .directory-detail-info-icon-text-pair-multi-line {
    align-items: start;
}

.unmc .directory-detail-info-icon-text-pair-multi-line .directory-detail-info-icon {
    margin-top: .32em;
}

.unmc .directory-detail-info-icon {
    flex-shrink: 0;
    height: var(--icon-size);
    width: var(--icon-size);
}

.unmc .directory-detail-info-section {
    border-top: 1px solid var(--b);
    flex-grow: 1;
    padding-top: 1em;
}

.unmc .directory-detail-info-section dl,
.unmc .directory-detail-info-section dt {
    margin-bottom: 0;
}

.unmc .directory-detail-info-section-social {
    flex-shrink: 0;
    margin-bottom: 0;
}

.unmc .directory-detail-info-text {
    font-size: .84em;
}

.unmc a.directory-detail-job-org-unit,
.unmc a.directory-detail-major-unit,
.unmc a.directory-detail-info-text,
.unmc .directory-detail-info-text a {
    text-decoration: none;
}

.unmc a.directory-detail-job-org-unit:hover,
.unmc a.directory-detail-major-unit:hover,
.unmc a.directory-detail-info-text:hover,
.unmc .directory-detail-info-text a:hover {
    text-decoration: underline;
}

.unmc .directory-detail-main-info {
    margin-top: 1.78em;
}

.unmc .directory-detail-phone-on-campus {
    font-size: .75em;
}

.unmc .directory-detail-info-section-orgs {
    margin-top: 1.78em;
}

.unmc .directory-detail-info-section-org dd {
    display: inline;
    margin: 0;
}

.unmc .directory-detail-info-section-org dd:not(:first-of-type)::before {
    content: ", ";
}

.unmc .directory-detail-info-section-tools {
    display: flex;
    align-items: center;
    column-gap: 1.78em;
    flex-wrap: wrap;
    margin-top: 1.78em;
    row-gap: 1em;
}

.unmc .directory-detail-tools-btn {
    background-color: transparent;
    border: 0;
    color: var(--btn-tertiary);
    padding: 0;
}

.unmc .directory-detail-tools-btn:hover {
    color: var(--btn-secondary-tertiary-hover);
}

.unmc .directory-detail-tools-btn:focus-visible {
    box-shadow: 0 0 0 3px var(--bg-body), 0 0 0 5px var(--b-input-focus);
}

.unmc .directory-detail-tools-btn-icon {
    flex-shrink: 0;
    height: var(--icon-size);
    width: var(--icon-size);
}

.unmc .directory-detail-qr-code {
    max-height: 10rem;
}

.unmc .directory-detail-address { flex: 1 0 auto; }
.unmc .directory-detail-extra { flex: 1 1 auto; }

.unmc .directory-detail-img,
.unmc .directory-detail-info,
.unmc .directory-detail-about {
    grid-column: 1 / -1;
}

.unmc .directory-detail-dept-employees {
    padding-top: 1em;
}

@container (max-width: 42.09em) {
    .unmc .directory-detail-info-section-orgs { flex-wrap: wrap; }

}

@container (min-width: 42.09em) {
    .unmc .directory-detail-info-section-orgs { flex-wrap: nowrap; }

    .unmc .directory-detail-info-section-org { flex-basis: 50%; }

}

@container (min-width: 42.09em) {
    .unmc .directory-detail-extra { flex: 1 0 33%; }

}

@container (min-width: 63.14em) {

    .unmc .directory-detail-about { grid-column: 2 / -1; }

}

@media only screen and (max-width: 56.12em) {

    .unmc .directory-detail {
    padding-top: 1.78em;
    }

    .unmc .directory-detail-img-sticky {
    margin-bottom: 1.33em;
    max-width: 14.98em;
    }

    .unmc .directory-detail-name {
    font-size: 2.67em;
    }

}

@media only screen and (min-width: 56.12em) {

    .unmc .directory-detail {
    padding-top: 3.16em;
    }

    .unmc .directory-detail-img-sticky {
    top: 1.78em;
    }

    .unmc .directory-detail-grid {
    grid-template-rows: auto auto;
    }

    .unmc .directory-detail-img { grid-column: 1 / span 1; }
    .unmc .directory-detail-info { grid-column: 2 / span 1; }

    .unmc .directory-detail-name {
    font-size: 3.16em;
    }

}

@media only screen and (min-width: 56.12em) and (max-width: 74.83em) {

    .unmc .directory-detail-grid { grid-template-columns: minmax(auto, 14.98em) minmax(31.57em, 1fr); }

}

@media only screen and (min-width: 74.83em) and (max-width: 99.78em) {

    .unmc .directory-detail-grid { grid-template-columns: minmax(14.98em, 1fr) minmax(auto, 47.35em); }

}

@media only screen and (min-width: 99.78em) {

    .unmc .directory-detail-grid { grid-template-columns: minmax(14.98em, 31.57em) minmax(47.35em, 1fr); }

}

/* Search results */
.directory-search-results-list {
    container-type: inline-size;
}

.unmc .dcf-btn-unstyled {
    background: transparent;
    border-style: none;
    border-width: 0;
    color: var(--btn-tertiary);
    padding: 0;
}

.unmc .dcf-btn-unstyled:hover {
    color: var(--hover);
}

.unmc .directory-search {
    padding-block: 1.78em;
}

.unmc .directory-search-results {
    padding-block: 3.16em;
}

.unmc .directory-search-form-group {
    margin-bottom: 0;
}

.unmc .directory-search-results-tab-header {
    margin-bottom: 1.33em;
}

.unmc .directory-search-results-tab-heading {
    font-size: 1.78em;
    letter-spacing: -.02em;
    margin-bottom: 0;
}

.unmc .directory-search-results-count {
    font-size: .84em;
    margin-bottom: 0;
    margin-top: .32em;
}

.unmc .directory-search-results-controls .dcf-form-group {
    margin-bottom: 0;
}

.unmc .directory-results-filter-results {
    padding-bottom: 1.33em;
    padding-top: .75em;
}

.unmc .directory-results-filter-results ol {
    list-style-type: "";
    margin-bottom: 0;
    padding-left: 0;
}

.unmc .directory-results-filter-results-header {
    padding-bottom: 1em;
}

.unmc .directory-results-filter-results-heading {
    font-size: .84em;
    font-weight: 600;
    margin-bottom: 0;
}

.unmc .directory-results-departments-units-printer-friendly {
    font-size: .84em;
    margin-bottom: 0;
}

.unmc .directory-search-results-controls {
    padding-block: .75em;
}

.unmc .directory-search-results-section-header {
    padding-top: 2.37em;
}

.unmc .directory-search-results-section-heading {
    margin-bottom: 0;
}

.unmc .directory-search-results-list {
    list-style-type: "";
    margin-bottom: 0;
    padding-left: 0;
}

.unmc .directory-search-results-list li {
    margin-bottom: 0;
}

.unmc .directory-search-results-list > li {
    padding-block: 1.33rem;
}

.unmc .directory-search-results-section:last-child .directory-search-results-list li:last-child {
    padding-bottom: 0;
}

.unmc .directory-search-results-list > li:not(:first-child) {
    border-top: 1px solid var(--b);
}

.unmc .directory-search-result-details-list {
    list-style-type: "";
    margin-block: 0;
    padding-left: 0;
}

.unmc .directory-search-results-list .directory-search-result-text > :nth-child(n + 3) {
    margin-top: .32rem;
}

.unmc .directory-search-results-grid .directory-search-result {
    width: 100%;
}

.unmc .directory-search-results-list .directory-search-result {
    column-gap: 1em;
    display: flex;
    flex-wrap: nowrap;
    width: fit-content;
}

.unmc .directory-search-results-grid .directory-search-result-img {
    margin-bottom: .75em;
}

.unmc .directory-search-results-list .directory-search-result-img {
    align-self: start;
    flex-shrink: 0;
}

.unmc .directory-search-result-img {
    clip-path: polygon(0 0,0 100%,2px 100%,2px 2px,calc(100% - 2px) 2px,calc(100% - 2px) calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 5px,5px 5px,5px calc(100% - 5px),2px calc(100% - 5px),2px 100%,100% 100%,100% 0);
    overflow: hidden;
    position: relative;
}

.unmc .directory-search-results-list .directory-search-result-text {
    align-self: center;
}

.unmc .directory-search-result a {
    text-decoration: none;
}

.unmc .directory-search-result a:hover {
    text-decoration: underline;
}

.unmc .directory-search-result-name {
    font-size: 1.13em;
    font-weight: 600;
}

.unmc .directory-search-result-text-details {
    font-size: .84em;
}

.unmc .directory-search-result-text-details-icon-wrapper {
    align-items: center;
    column-gap: .42em;
    display: flex;
    flex-wrap: nowrap;
}

.unmc .directory-search-result-text-details-icon {
    flex-shrink: 0;
    height: 1em;
    width: 1em;
}

.unmc .directory-search-result dl,
.unmc .directory-search-result dt,
.unmc .directory-search-result dd {
    margin: 0;
}

.unmc .directory-search-result dt  {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

.unmc .directory-search-result-telephone-on-campus {
    font-size: .63rem;
}

@container (max-width: 23.68em) {

    .unmc .directory-search-results-list .directory-search-result-img {
    height: 3.16em;
    width: 3.16em;
    }

}

@container (min-width: 23.68em) and (max-width: 31.57em) {

    .unmc .directory-search-results-list .directory-search-result-img {
    height: 4.21em;
    width: 4.21em;
    }

}

@container (min-width: 31.57em) and (max-width: 42.09em) {

    .unmc .directory-search-results-list .directory-search-result-img {
    height: 5.62em;
    width: 5.62em;
    }

}

@container (min-width: 42.09em) {

    .unmc .directory-search-results-list .directory-search-result-img {
    height: 7.49em;
    width: 7.49em;
    }

}

@media only screen and (min-width: 42.09em) {

    .unmc .directory-search-results-tab-heading {
    font-size: 2.37em;
    }

}

@media only screen and (min-width: 56.12em) {

    /* .unmc .directory-search-results {
    padding-block: 4.21em;
    } */

    .dcf-tabs-panel {
    padding-block: 3.16em !important;
    padding-inline: 2.37em !important;
    }

    .unmc .directory-search-results-tab-heading {
    font-size: 2.67em;
    }

}
