/* Filters */

.filter-by {
    font-size: 18px;
    font-weight: 600;
}

.filters {
    display: flex;
    /* align-items: center; */
    flex-direction: column;
}

    .filters * {
        /* width: 100%; */
    }

    .filters select {
        padding: 8px 40px 8px 16px;
        border-radius: 6px;
        font-size: 14px;
        border-color: #ccc;
    }

        .filters select:focus-visible {
            outline: -webkit-focus-ring-color auto 1px;
            outline-offset: 2px;
        }


/* Read Reviews (directory) sm and up screen size */
@media (min-width: 768px) {
    .filters {
        flex-direction: row;
    }

        .filters * {
            width: initial;
        }

        .filters select {
            margin-right: 16px;
        }
}

/* Read Reviews (directory) md screen size only */
@media (min-width: 768px) and (max-width: 991px) {
    .filters > select:first-child {
        max-width: 150px;
    }
}

/* Read Reviews (directory) md and up screen size */
@media (min-width: 992px) {
}






.directory-card {
    display: flex;
    background: var(--card);
    border: 1px solid #eaeaea;
    border-radius: 6px;
    padding: 24px;
}

.directory-card-img {
    margin: 24px 0;
}

    .directory-card-img img {
        max-height: 88px;
        object-fit: contain;
        max-width: 80%;
    }

.directory-card-header > div > div {
    /* min-height: 24px; */
}

    .directory-card-header > div > div:nth-child(2) {
        border-right: solid 1px #ccc;
        border-left: solid 1px #ccc;
    }

.directory-card-body > div > div:nth-child(2) {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.directory-card-info {
    background: #EAF0F7;
}

    .directory-card-info p {
        padding: 2px 8px;
    }

    .directory-card-info > p:nth-child(even) {
        background: #fff;
    }

.contact-info {
    border-top: none;
}


/* md and up screen size */
@media (min-width: 768px) {
    .directory-card-img img {
        max-width: 304px;
        width: 100%;
    }

    .directory-card-info > p:nth-child(even) {
        background: #EAF0F7;
    }
}

/* lg and up screen size */
@media (min-width: 992px) {
    .directory-card-info > p:nth-child(even) {
        background: #fff;
    }

    .directory-card-body > div > div:nth-child(2) {
        border-right: solid 1px #ccc;
        border-left: solid 1px #ccc;
        border-top: none;
        border-bottom: none;
    }

    .directory-card-img {
        margin-top: 0;
    }
}

/* xl and up screen size */
@media (min-width: 1200px) {
    .directory-card-info > p:nth-child(even) {
        background: #EAF0F7;
    }
}