@font-face {
    font-family: 'Indie';
    src: url('../fonts/Indie-Regular.eot');
    src: url('../fonts/Indie-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Indie-Regular.woff2') format('woff2'),
        url('../fonts/Indie-Regular.woff') format('woff'),
        url('../fonts/Indie-Regular.ttf') format('truetype'),
        url('../fonts/Indie-Regular.svg#Indie-Regular') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

.indie {
    font-family: 'Indie';
    font-weight: normal;
    font-style: italic;
}

.lato-thin {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.lato-light {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.lato-bold {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.lato-black {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.lato-thin-italic {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.lato-light-italic {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.lato-regular-italic {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.lato-bold-italic {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.lato-black-italic {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: italic;
}

.horaires {
    border: 3px solid;
    color: var(--yellow-color);
    border-radius: 25px;
}

.horaires ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: var(--gray-color);
    font-size: 14px;
    line-height: 17px;
}

@media (max-width: 575px) {
    .nav-mobile {
        display: flex !important;
    }

    .nav-pc {
        display: none;
    }

    .food-menu-tab button {
        font-size: 20px !important;
    }
}


.food-feature {
    text-align: center;
}

.food-feature .box-title {
    font-size: 16px;
    color: var(--title-color);
    margin-bottom: 10px;
    font-weight: 600;
}

.food-menu-tab {
    max-width: none;
}

.food-menu-tab button {
    font-family: 'Indie';
    background-color: transparent;
    color: var(--yellow-color);
    font-size: 30px;
    font-weight: normal;
    text-transform: none;
}

.th-product.list-view {
    display: contents;
    text-align: left;
    height: 100%;
    background-color: var(--smoke-color2);
    border: 1px solid #bdbdbd;
    border-radius: 10px
}

.th-product .price {
    color: var(--text-color);
    font-weight: 500;
    margin-bottom: -0.45em;
    font-family: var(--title-font);
}

.th-product.list-view .product-content {
    padding: 10px;
    border-bottom: 2px solid;
    color: var(--light-color);
}

.th-product.list-view .product-title {
    margin: 0;
}

.th-product.list-view .product-text {
    font-size: 14px;
    color: var(--light-color);
    margin-bottom: 0px;
    font-weight: 400;
    font-style: italic;
}

.th-product.list-view .product-text {
    display: block;
}

.menu-image-box .discount_style4:before {
    border-color: var(--theme-color);
}

.discount_style4 .percentage {
    color: var(--theme-color) !important;
}

.food-menu_desc {
    font-size: 14px;
    color: var(--light-color);
    margin-bottom: 0px;
    font-weight: 400;
    font-style: italic;
}

.food-menu_img {
    min-width: 120px;
    width: 120px;
    height: 120px;
    background: none !important;
    margin-right: 0px
}

.food-menu_img:before {
    border: 0px solid var(--theme-color);
}

.food-menu {
    gap: 0px;
    margin-top: 0px;
    padding-bottom: 15px;
}

.food-menu_price {
    background-color: transparent;
}

.mfp-figure {
    background-color: #CCC;
}

.home-dark .booking-form {
    --white-color: #000;
    --title-color: #FFF;
}

.checklist.style4 {
    max-width: fit-content;
}