/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.food-hours-list {
    font-weight: normal;
    z-index: 999;
    width: max-content;
    margin-top: -30px;
}
.food_hours_inline_show_time{
    display:block;
}
.food_hours_line_list_item.food_more_time_outer{
    padding-left:0rem;
}
.food-hours-container {
    position: relative;
   text-align: -webkit-center; 
}
.food-hours-time {
    display: unset !important;
}
.food_more_time_outer{
    padding-left:3rem;
}
.food-hours-heading {
    font-weight: bold;
    padding: 5px 5px;
    margin-bottom: 5px;
    font-size: 18px;
    text-align: center;

}

.food-hours-list-item {
    padding: 16px 5px;
}



.food-hours-container {
    margin: 0px;
}


.food_p_time{
    margin-right: 2px;
}

.more-time-inner{
    padding-left:3rem;
}
@media all and (max-width: 767px) {
.food-hours-box {
    display: block;
}
}
@media (max-width:576px){

    .food-hours-container {
    margin: 0px;
    text-align:center;
    display: flex;
    align-content: center;
    justify-content: center;
}

}
@media (min-width:980px){
    .food-hours-container {
    margin: 0px;
}

}

.food_hours_inline_show_date{
    width: 100%;
}
.food_hours_line_list_item{
    padding:15px 0rem;
}