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

.opening-hours-list {
    /*font-weight: normal;*/
    z-index: 999;
    width: max-content;
    margin-left: -3rem;
    margin-top: -2rem; 
}

.opening-hours-container {
    position: relative;
   text-align: -webkit-center; 
}

.opening-hours-heading {
    font-weight: bold;
    padding: 5px 5px;
    margin-bottom: 5px;
    font-size: 18px;
    text-align: center;

}

.opening-hours-list-item {
    padding: 20px 5px;
}
.hours_line_list_item{
    padding:1rem;
}
.opening-hours-short-day {
    width: 32%;
    white-space: nowrap
}
.hours_inline_show_time{
    display:block;
}

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

.opening-hours-time {
    width: 100% !important;
    white-space: nowrap;
}

.opening-hours-column{
    margin-left:15px;
}

.p_time{
    margin-right: 2px;
}
.more_time_outer{
    padding-left:2rem
}
.more_time_inner{
    padding-left:3rem;
}
@media all and (max-width: 767px) {
.opening-hours-box {
    display: block;
}
}
@media (max-width:576px){

    .opening-hours-container {
    margin: 0px;
    text-align:center;
    display: flex;
    align-content: center;
    justify-content: center;
}
    .opening-hours-list{
        margin-left:0px;
    }
}
@media (min-width:980px){
    .opening-hours-container {
    margin: 0px;
}

}