.vendor-list {
    width: 100%;
    padding: 75px 15px 30px;
}

/*
 * Search Fields
 */
.ui.vendor-list-search.form {
    margin: 0 0 1.5em;
}
    .ui.vendor-list-search.form ::placeholder {
        color: #3b3b3b;
    }
    .vendor-list .ui.inverted.form ::placeholder {
        color: #fff;
    }
    .ui.vendor-list-search.form .ui.radius.input {
        width: 2rem;
    }
        .ui.vendor-list-search.form .ui.radius.input > input[type="text"] {
            padding: 3px 0;
            text-align: center;
            border-bottom-color: #3b3b3b !important;
        }
        .ui.vendor-list-search.inverted.form .ui.radius.input > input[type="text"] {
            border-bottom-color: #fff !important;
        }

/*
 * Placeholder
 */
.vendor-list-placeholder {
    display: none;
}
.vendor-list-placeholder.visible {
    display: block;
}

/*
 * No Results
 */
 .vendor-list-no-results {
    display: none;
}
.vendor-list-no-results.visible {
    display: block;
}

/*
 * Cards
 */
/*
.vendor-list-cards {
}
*/
    .vendor-list-cards .ui.horizontal.card {
        width: 100%;
        cursor: pointer;
        transition: all 0.016s ease-out;
    }
    .vendor-list-cards .ui.horizontal.card:hover {
        box-shadow: 2px 2px 4px #0006;
        transform: translate(-0.25rem, -0.1rem);
    }
    .vendor-list-cards .ui.horizontal.card + .card {
        margin-top: 1rem;
    }
        .vendor-list-cards .ui.horizontal.card > .image {
            background: none;
            width: 120px;
            margin: 1rem 0;
            padding: 0 0 0 1rem;
        }
            .vendor-list-cards .ui.horizontal.card > .image img {
                width: 100%;
                height: auto;
            }

        .vendor-list-cards .ui.horizontal.card .description {
            max-height: 4.2855em;
            overflow: hidden;
            overflow-wrap: break-word;
            text-overflow: ellipsis;
        }