﻿@font-face {
    font-family: "Outfit-Black";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Outfit/Outfit-Black.ttf");
}
@font-face {
    font-family: "Outfit-Bold";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Outfit/Outfit-Bold.ttf");
}
@font-face {
    font-family: "Outfit-ExtraBold";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Outfit/Outfit-ExtraBold.ttf");
}

@font-face {
    font-family: "Outfit-ExtraLight";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Outfit/Outfit-ExtraLight.ttf");
}
@font-face {
    font-family: "Outfit-Light";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Outfit/Outfit-Light.ttf");
}

@font-face {
    font-family: "Outfit-Medium";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Outfit/Outfit-Medium.ttf");
}

@font-face {
    font-family: "Outfit-Regular";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Outfit/Outfit-Regular.ttf");
}

@font-face {
    font-family: "Outfit-SemiBold";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Outfit/Outfit-SemiBold.ttf");
}
@font-face {
    font-family: "Outfit-Thin";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Outfit/Outfit-Thin.ttf");
}
@font-face {
    font-family: "Fascinate-Regular";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Fascinate/Fascinate-Regular.ttf");
}
/*Start : Menu Slider */

.left-block {
    background: #FEC97B;
}

.innerPageRestaurantName {
    color: #000;
    font-family: "Fascinate-Regular";
    font-size: 70px;
}

.phone-icon {
    background-image: url(../images/Icons/Phone.png);
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.location-icon {
    background-image: url(../images/Icons/Location.png);
    display: block;
    width: 18px;
    height: 24px;
    background-repeat: no-repeat;
}

.innerPageBusinessInfo {
    color: #3F3F3F;
    font-family: Outfit-SemiBold;
    font-size: 18px;
    text-decoration: none;
}

.BusinessHourContainer {
    background: #EBAF57;
    gap: 20px;
    align-items: center;
}

.BusinessTitle {
    color: #000;
    font-family: Outfit-Medium;
    font-size: 22px;
    padding: 5px 0;
}

.BusinessTime {
    font-family: Outfit-Medium;
    color: #000;
}

.CateringContainer {
    background: #FFD89D;
    gap: 20px;
    align-items: center;
}

    .CateringContainer a {
        color: #000;
        font-family: 'Outfit-Medium';
        FONT-SIZE: 18PX;
        ALIGN-ITEMS: center;
        text-decoration: none !important;
    }
.catering-icon {
    background-image: url(../images/Icons/Catering.png);
    display: block;
    width: 24px;
    height: 20px;
    background-repeat: no-repeat;
}
@media only screen and (max-width:1399px) {
    .innerPageRestaurantName {
        font-size: 48px;
    }

    .BusinessTitle {
        font-size: 18px;
    }

    .BusinessTime {
        font-size: 16px;
        height: fit-content;
        line-height: normal;
    }

    .innerPageBusinessInfo {
        font-size: 16px;
    }
}

@media only screen and (max-width:1199px) {
    .innerPageRestaurantName {
        font-size: 44px;
    }

    .BusinessTitle,
    .BusinessTime {
        font-size: 18px;
    }

    .innerPageBusinessInfo {
        font-size: 16px;
    }
}

@media only screen and (max-width:576px) {
    .BusinessHourContainer {
        flex-direction: column;
        gap: 0px;
    }

    .innerPageBusinessInfo {
        font-size: 14px;
    }

    .BusinessTitle {
        font-size: 18px;
    }

    .BusinessTime {
        font-size: 16px;
        padding: 0 0 5px 0;
    }

    .CateringContainer a {
        font-size: 16px;
    }

    #restaurantsMessages li {
        width: 100% !important;
    }
    .innerPageRestaurantName {
        font-size: 32px;
        /*text-align: justify;*/
    }
}
.arrownext-icon {
    background-image: url(../images/Arrow_next.png);
    width: 30px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: center;
}
.BUSINESSHOURCOLOR {
    color: #EBAF57;
}
/*End : Menu Slider */
