/* GENERAL */

.row {
    margin: 0 !important;
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    padding: 0 !important;
}

h1, h4 {
    font-family: 'Bellota', cursive;
}
  
h5 {
    font-family: 'Bellota', cursive;
    text-transform: uppercase;
    margin-bottom: 0 !important;
    overflow: hidden;
    max-height: 1.25rem;
    color: #E7711B;
}

p {
    font-family: 'Bellota Text', cursive;
    margin-bottom: 0 !important;
}

/* MAP */

#map {
    height: 100vh;
    background-color: grey;
}

/* SIDEBAR */

#sidebar {
    height: 100vh;
    overflow: scroll;
    border-left: 1px solid #ddd;
}

/* Title */

#title {
    margin-top: 10px !important;
    margin-bottom: 30px !important;
}

#logo {
    height: 40px;
    width: 40px;
    margin-right: 10px;
}

/* Filter */

#filter {
    align-items: baseline;
    margin-bottom: 30px !important;
}

label {
    font-family: 'Bellota Text', cursive;
    font-size: 1.1rem;
}

select, option, .btn {
    font-family: 'Bellota Text', cursive !important;
}

.custom-select {
    height: 2rem !important;
    padding: 0 !important;
    padding-left: 1rem !important;
}

/* Restaurant List */

.divider {
    height: 1px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    background: linear-gradient(to left, #fff, #ddd, #ddd, #fff);
}

.icon {
    width: 15px;
    height: 15px;
}

.restaurant-overview {
    margin-left: 30px !important;
}

.fas {
    color: #666;
}

.hover :hover {
    cursor: pointer;
    color: #28a745;
}

/* MODALS */

 .modal-header-2 {
    border-bottom: 1px solid #dee2e6;
 }