h2 {
    font-size: 1.7rem;
    font-weight: 200;
    margin-top: 15px;
}
 .vendor-info .name {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: block;
    margin: 0;
    line-height: 1.3em;
    color: #333;
    font-size: 1.1rem;
    font-weight: 700;
    padding: 4px 16px 0 0;
}
.vendor-info .ratings-component {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.vendor-info .ratings-component .fa-star {
    color: #C70056;
}
.vendor-info .headline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-top: 7px;
}
.vendor-info .categories {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-weight: 300;
margin: 0;
padding: 0;
list-style-type: none;
max-height: 2.6em;
line-height: 1.3em;
}
.vendor-info .extra-info {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
/* margin: 8px 0 2px; */
padding: 0;
overflow: hidden;
list-style-type: none;
font-size: 1rem;
line-height: 1.4em;
}
.vendor-info .extra-info>li {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 8px;
}
.vendor-info .categories>li {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}

.card.active { border-color: #C70056; }
.card-body { padding: 8px; }
.vendor-info .categories>li.vendor-characteristic {
display: inline;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-transform: lowercase;
}
.vendor-info .categories>li.vendor-characteristic span::after {
position: relative;
content: ', ';
font-size: 1.2rem;
}
#all_restaurant_html { width: 100%; }
.hero-style-2, .hero-style-1 .slide, .hero-style-2 .slide { }
.card-body { color: #000; }