#footer {
    background-color: #381111;
    height: 300px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.navbar-light .navbar-nav .nav-link:hover {
    border-bottom: 1px solid #a42c2c;
}

.navbar-light .navbar-nav .nav-link {
    color: #a42c2c !important;
    font-weight: 500;
    font-size: 20px;
}

.navbar-light .navbar-nav .nav-link.btn-outline-danger:hover {
    border-color: #a42c2c;
    background-color: #a42c2c;
    color: #fff !important;
    ;
}

.navbar-light .navbar-nav .nav-item {
    margin-left: 5px;
}

.navbar-light .navbar-nav .nav-link.btn-outline-danger {
    border-color: #a42c2c;
    color: #a42c2c;
    padding-left: 30px;
    padding-right: 30px;
}

nav.navbar-light.navbar-laravel {
    -webkit-box-shadow: 0 8px 6px -6px #a8a8a8;
    -moz-box-shadow: 0 8px 6px -6px #a8a8a8;
    box-shadow: 0 8px 6px -6px #a8a8a8;
}

.btn-brown {
    border-color: #b02929 !important;
    background-color: #b02929 !important;
}

.btn-brown:hover {
    background-color: #c53535 !important;
}

.text-brown {
    color: #641011;
}

.text-gray-title {
    color: #6b6b6b;
}

.text-gray-content {
    color: #8e8e8e;
}

.text-brown-light {
    color: #b02929;
}

.fw-500 {
    font-weight: 500;
}

.text-bold {
    font-weight: bold;
}

.font-18 {
    font-size: 18px;
}

.bg-pink {
    background-color: #f5dfdf;
}

.bg-white-fade {
    background-color: #ffffffbf;
}

#accordionFAQ .card-header h2.collapsed:after {
    font-family: FontAwesome;
    position: absolute;
    right: 30px;
    content: "\f107";
    color: #b02929;
}

#accordionFAQ .card-header h2:after {
    font-family: FontAwesome;
    position: absolute;
    right: 30px;
    content: "\f106";
    color: #b02929;
}

.title-content {
    height: 600px;
    display: flex;
    align-content: center;
}

#stepper2 .bs-stepper-header {
    align-items: flex-start;
}

@media only screen and (min-width: 992px) {
    #stepper2 .bs-stepper-header .col-md-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

#stepper2 .bs-stepper-circle:hover {
    background-color: #b02929;
    color: #fff;
}

#stepper2 .bs-stepper-circle {
    background-color: transparent;
    border: 1px solid #b02929;
    color: #b02929;
    font-size: 2rem;
    align-items: center;
}

#stepper2 .active .bs-stepper-circle {
    background-color: #b02929;
    color: #fff;
}

#stepper2.bs-stepper .step-trigger:hover {
    background-color: transparent;
}

.bg-ready-order {
    background-image: url("../images/front-02.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 450px;
    display: flex !important;
    align-items: center !important;
}

.ready-order-item {
    padding: 40px;
}

hr {
    border-color: #b02929;
}

.btn-faq:hover {
    color: #b02929;
    text-decoration: none;
}

.btn-faq {
    color: #b02929;
    font-size: 2rem;
}

.accordion .card-header h2 {
    cursor: pointer;
}

.accordion .card .card-header {
    background-color: transparent;
    border-bottom: 1px solid #b02929;
    padding: 1.5rem 1.25rem;
}

.accordion .card {
    border: 1px solid #b02929;
}

.accordion .card-body {
    color: #b02929;
}


/*restaurant search page*/

.restaurant-form select:focus {
    color: #b02929;
}

.restaurant-form input,
.restaurant-form select {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);
    color: #b02929;
    font-size: 2rem;
    height: 100px;
}

.restaurant-form input::-webkit-input-placeholder {
    /* Edge */
    color: #b02929;
}

.restaurant-form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #b02929;
}

.restaurant-form input::placeholder {
    color: #b02929;
    opacity: 1;
}

.restaurant-list:hover {
    text-decoration: none;
}

.restaurant-list .list-picture:hover {
    webkit-transform: scale(1.06);
    transform: scale(1.06);
}

.restaurant-list picture {
    position: relative;
    display: block;
    height: 200px;
    overflow: hidden;
}

.restaurant-list .list-picture {
    background: no-repeat center;
    background-size: contain;
    height: 100%;
    position: relative;
    z-index: 1;
    transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}