.directory-card {
    text-decoration: none;
    position: relative;
    z-index: 1;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
    border-radius: 4px;
    overflow: hidden;
    flex-grow: 1;
}
.directory-card .purdue-home-cta-grid__card-name  {
    z-index: 2;
}
.directory-card .purdue-home-cta-grid__card-name a  {
    text-decoration: none;
}
.directory-card  a {
    color: white;
}
.directory-card  a:hover {
    text-decoration: underline;
    color:#ebd99f !important;
}
.directory-card.no-headshot {
    background: #000 !important;
}
.directory-card.no-headshot > .flex-container {
    margin: 0 !important;
}

.directory-card ul.research-websites,  .directory-card ul.research-areas {
    margin: 1em 0 0 0;
    padding:0;
}
.directory-card ul.research-websites li ,  .directory-card ul.research-areas li {
    display: inline-block;
    margin-right:.5em;
    padding: 0;
    color: white;
}
.directory-card .cardtitle,  .has-none-background .directory-card .cardtitle{
    color: #ebd99f;
    font-family: acumin-pro,"Franklin Gothic",sans-serif;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    line-height: 1.4;
    margin:0;
    padding:0;
    margin-top:1em;
}
.post-type-archive-directory .purdue-home-button-list, .post-type-archive-directory-category .purdue-home-button-list, .directory-category-template-default .purdue-home-button-list {
    justify-content: flex-start;
    margin-left:0;
    padding-left:0;
}
.purdue-home-cta-card.purdue-home-cta-card--stack.directory-card .purdue-home-cta-grid__card-titleline {
    letter-spacing: normal;
}

.directory-single h1.main-heading, .directory-single h1:not(:last-child) {
    margin:0
}

.directory-content .subhead {
    font-size:1.5em;
    margin:0;
}
.directory-content .subhead + p {
    margin-bottom:.5em;
}
.directory-content .subhead + .purdue-home-button-list {
    margin-top:1em;
}
.directory-title .post-content__subheading {
    margin:0  !important;
    padding:0;
    padding-top: .25em;
}
.main-content .directory-contact ul {
    list-style: none;
    margin:0;
    padding:0;
}
.main-content .directory-contact ul li {
    padding-bottom: 0;
}
.directory-contact h2:not(:last-child) {
    margin-top:0;
    margin-bottom:.25em;
}
.directory-contact h3:not(:last-child) {
    margin-top:.5em;
    margin-bottom:.25em;
}

.directory-content .post-content__body {
    margin-top:1em;
    padding-top:1em;
}
.directory-single h1 {
    margin:0;
}
.directory-single .research-areas {
    display: flex;
    list-style: none;
    gap:1em;
    margin:0;
    padding:0;
}

.directory-single {
    display:grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
}
.directory-title {
    grid-column:1/2;
    grid-row:1/2;
}
.directory-headshot {
    margin-top:1em;
    grid-column:1/2;
    grid-row:2/3;
    background-image: linear-gradient(135deg, #f1f1f1 25%, #fcfcfc 25%, #fcfcfc 50%, #f1f1f1 50%, #f1f1f1 75%, #fcfcfc 75%, #fcfcfc 100%);
    background-size: 56.57px 56.57px;
}
.directory-content {
    grid-column:1/2;
    grid-row:3/4;
}
.directory-contact {
    grid-column:1/2;
    grid-row:4/5;
    margin-top:1em;
}

.research-areas {
    padding-top:2em;
}
.research-areas article {
    margin-bottom: 1em;
}
.single-directory .purdue-home-button-list  {
    align-items: flex-start;
    justify-content: flex-start;
    margin:0;
    padding:0;
}



@media (min-width: 767px) {
    .purdue-home-cta-stack__cards.directory .columns:not(.show-images) {
        gap: 1rem;
        display: flex !important;
        flex-wrap: wrap;
    }
    .purdue-home-cta-stack__cards.directory .columns:not(.show-images) article.column {
        width: calc(50% - 1rem);
        flex:auto;
    }
    .purdue-home-cta-stack__cards.directory .columns:not(.show-images) article.column a {
        height:100%;
    }
    .purdue-home-cta-stack__cards.directory .columns:not(.show-images) article.column a .flex-container {
        justify-content: flex-start;
    }

    .directory-single {
        display:grid;
        grid-template-rows:150px 150px 1fr;
        grid-template-columns: 300px 1fr;
        gap: 1em 2em;
    }

    .directory-title {
        grid-column:2/3;
        grid-row:1/2;
        align-self:end;
    }
    .directory-headshot {
        grid-column:1/2;
        grid-row:1/3;
    }
    .directory-contact {
        grid-column:1/2;
        grid-row:3/4;
    }
    .directory-content {
        grid-column:2/3;
        grid-row:2/4;
    }

    .directory-single.no-bio {
        grid-template-rows:150px 150px 1fr 1fr;
        grid-template-columns: 300px 1fr;
        
    }
    .directory-single.no-bio .directory-contact {
        grid-column:2/3;
        grid-row:2/4;
        padding-top:1em;
    }

    .directory-single.no-bio .directory-content {
        grid-column:2/3;
        grid-row:4/5;
    }
    .directory-single.no-bio .directory-content > div {
        border:none;
    }
}
.single-directory-category h2 a, .post-type-archive-directory-category  h2 a, .post-type-archive-directory h2 a {
    color:inherit;
    text-decoration: none;
}
.single-directory-category h2 a:hover, .post-type-archive-directory-category  h2 a:hover, .post-type-archive-directory h2 a:hover {
    text-decoration: underline;
}
.directory-group {
    margin-bottom:2em;
}

.directory-category-template-default, .post-type-archive-directory, .research-area-template-default, .post-type-archive-directory-category {
    .directory-results {
        margin-top:2em;
        display: flex;
        gap: 3em;
        .directory-results-filter {
            display: none;
            fieldset {
                display: flex;
                flex-direction:column;
                flex-grow: 1;
                width: 325px;
                border: .5px solid #c4bfc0;
                border-radius: 4px;
                margin-bottom: .625rem;
                background: #fff;
                .field-title {
                    border: none;
                    background: none;
                    font-size: 1.125rem;
                    font-family: acumin-pro,"Franklin Gothic",sans-serif;
                    padding: .75rem 2rem .75rem 1.5rem;
                    margin-bottom: 0;
                    text-align: left;
                    position: relative;
                    width: 100%;
                    cursor: default;
                    border-bottom: 1px solid #c4bfc0;
                    color: #000;
                    span {
                        font-family: "United Sans Condensed", Impact, "Arial Black", "sans serif";
                        font-size: 1.25rem;
                        font-style: normal;
                        font-weight: 700;
                        line-height: normal;
                        letter-spacing: .075rem;
                        text-transform: uppercase;
                    }
                }
                .field-content {
                    display: flex;
                    flex-direction: column;
                    padding: .75rem 1.5rem;
                    .field-wrap {
                        display: flex;
                        position: relative;
                        cursor: pointer;
                        font-size: 1rem;
                        -webkit-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                        margin-bottom: .5rem;
                        input {
                            appearance: none;
                            background-color: rgba(0, 0, 0, 0);
                            outline: none;
                            box-sizing: border-box;
                            width: 1rem;
                            height: 1rem;
                            border: 1px solid #000;
                            min-height: 1rem;
                            min-width: 1rem;
                            max-height: 1rem;
                            max-width: 1rem;
                            margin-top: .4rem;
                            cursor: pointer;
                        }
                        input[type=checkbox]:focus {
                            border:2px solid #8e6f3e;
                        }
                        input[type=checkbox]:checked {
                            background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2710%27 viewBox=%270 0 12 10%27 fill=%27none%27%3E%3Cpath d=%27M1 5L4.5 8.5L10.5 1%27 stroke=%27%238E6F3E%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E");
                            background-repeat: no-repeat;
                        }

                        label {
                            border: 0;
                            padding-left: 1rem;
                            position: relative;
                        }
                    }
                }
            }
            #clearFilters[hidden] {
                display: none;
            }
        }
        .directory-results-data {
            .purdue-home-link-cards[hidden] {
                display: none;
            }
            .purdue-home-link-cards__cards {
                display: flex;
                flex-wrap: wrap;
                gap: 1em;
                margin:0;
                > .purdue-home-cta-card {
                    margin:0;
                    display: block;
                    height:auto;
                }
                .purdue-home-cta-card[hidden] {
                    display: none;
                }

            }
        }
        &.show-filters {
            .search-box {
                margin-bottom:2em;
            }
        }
    }
}

.purdue-home-cta-card.directory:after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27UTF-8%27%3F%3E%3Csvg width=%27104.253572px%27 height=%27104.253572px%27 viewBox=%270 0 104.253572 104.253572%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3Ctitle%3Earrow_circle_icon%3C/title%3E%3Cg id=%27Desktop%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cg id=%27arrow_circle_icon%27 transform=%27translate%2852.1268, 52.1268%29 rotate%2840%29 translate%28-52.1268, -52.1268%29translate%2815.1268, 15.1268%29%27 stroke=%27%238e6f3e%27 stroke-width=%274%27%3E%3Cg id=%27Group-3%27 transform=%27translate%280, 0%29%27%3E%3Ccircle id=%27Oval-Copy%27 transform=%27translate%2837, 37%29 rotate%28135%29 translate%28-37, -37%29%27 cx=%2736.9999977%27 cy=%2736.9999977%27 r=%2725.1629493%27%3E%3C/circle%3E%3Cg id=%27Arrow-Copy-3%27 transform=%27translate%2827.7199, 21.7701%29%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cline x1=%279.52771771%27 y1=%272.99227577%27 x2=%279.56560625%27 y2=%2727.0777404%27 id=%27Path-6%27 transform=%27translate%289.5467, 15.035%29 rotate%2850%29 translate%28-9.5467, -15.035%29%27%3E%3C/line%3E%3Cpolyline id=%27Path-5%27 transform=%27translate%2814.2315, 11.1834%29 rotate%2850%29 translate%28-14.2315, -11.1834%29%27 points=%274.73086087 17.2295253 14.1515077 5.10747085 23.7320575 17.2593992%27%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    height: 90px;
    width: 90px;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    transition: .3s ease;
}
.purdue-home-cta-card.directory:hover:after {
    transform: translateY(-50%) translateX(3px);
}




.purdue-home-cta-card.directory .purdue-home-cta-stack__card-subtext {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}

@media (min-width: 700px) {
    .directory-category-template-default, .post-type-archive-directory, .research-area-template-default, .post-type-archive-directory-category {
        .directory-results {
            .directory-results-data {
                flex-grow: 1;
                .purdue-home-link-cards__cards {
                    > .purdue-home-cta-card {
                        flex: 0 0 calc((100% - 2em) / 2);
                    }
                }
            }
            &.show-filters {
                flex-grow: 1;
                flex-basis: auto;
                .directory-results-data {
                    .purdue-home-link-cards__cards {
                        > .purdue-home-cta-card {
                            flex: 0 0 calc((100% - 2em) / 2);
                        }
                    }
                }
            }
        }
    }
}
@media (min-width: 900px) {
    .directory-category-template-default, .post-type-archive-directory, .research-area-template-default, .post-type-archive-directory-category {
        .directory-results {
            .directory-results-filter {
                display: block;
            }

            .directory-results-data {
                .purdue-home-link-cards__cards {
                    > .purdue-home-cta-card {
                        flex: 0 0 calc((100% - 1em) / 2);
                    }
                }
            }
            &.show-filters {
                flex-grow: 4;
                flex-basis: auto;

                .directory-results-data {
                    .purdue-home-link-cards__cards {
                        > .purdue-home-cta-card {
                            flex: 0 0 calc((100% - 1em) / 2);
                        }
                    }
                }
            }
        }
    }
}
@media (min-width: 1300px) {
    .directory-category-template-default, .post-type-archive-directory, .research-area-template-default, .post-type-archive-directory-category {
        .directory-results {
            .directory-results-data {
                .purdue-home-link-cards__cards {
                    > .purdue-home-cta-card {
                        flex: 0 0 calc((100% - 3em) / 4);
                    }
                }
            }
            &.show-filters {
                flex-grow: 4;
                flex-basis: auto;

                .directory-results-data {
                    .purdue-home-link-cards__cards {
                        > .purdue-home-cta-card {
                            flex: 0 0 calc((100% - 2em) / 3);
                        }
                    }
                }
            }
        }
    }
}