@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,700;1,800&display=swap');
@font-face {
    font-family: 'Scala SC';
    font-style: normal;
    font-weight: 700;
    src: local("☺︎"), url(https://ireward.superghs.com/templates/defaultv3.1.yq/fonts/scala/scala_700_normal.woff) format("woff")
}

@font-face {
    font-family: 'Scala SC';
    font-style: italic;
    font-weight: 700;
    src: local("☺︎"), url(https://ireward.superghs.com/templates/defaultv3.1.yq/fonts/scala/scala_700_italic.woff2) format("woff2"), url(https://ireward.superghs.com/templates/defaultv3.1.yq/fonts/scala/scala_700_italic.woff) format("woff")
}


:root{
    --master--blue: #0072ce;
    --master--black: #282828;
    --master--yellow: #ffb612;
    --font1x: 14px;
    --font2x: 16px;
    --font3x: 18px;
    --font4x:  20px;
    --font--family--master: 'Open Sans', sans-serif;;
    --font--family--title: 'Scala SC';
}
body{
    font-family: var(--font--family--master);
    color: var(--master--black);
}
a {
    color: var(--master--blue);
}
a#cart{
    font-size: var(--font3x);
}
h1{
    font-family: var(--font--family--title);
    color: #282828;
    text-transform: uppercase;
}
.btn-primary{
    border-radius: 0px;
}
.cat--home--single div{
    text-transform: uppercase;
    font-family: var(--font--family--title);
    text-shadow: none;
    left: 40px;
    right: 40px;
    top: 50px;
    bottom: 50px;
    background-color: rgba(0,0,0,0.54);
    text-shadow: 0 0 20px rgb(0 0 0 / 60%);
}
.modal--menu--content a:hover, .modal--menu--content a:focus{
    color: var(--master--blue);
}
.mm--single--label:hover, 
.mm--single--icon:hover, 
.mm--single--label:focus, 
.mm--single--icon:focus{
    color: var(--master--blue);
}
.brand--product--title a{
    color: var(--master--blue);
}
.head--menul--label{
    color: var(--master--black);
    font-family: var(--font--family--master);
}
.head--menul--icon div:nth-child(2),
.head--menul--icon div:nth-child(1){
    background: var(--master--black);
}
.ib--redeem--btn{
    font-size: var(--font2x);
    font-family: var(--font--family--master);
    text-transform: uppercase;
    font-weight: 400;
}
.header--logo {
    width: 180px;
    margin-top: -5px;
}
.ib--redeem--zone {
    position: relative;
    height: 76px;
    top: -2px;
}
.filter--toggle {
    background: var(--master--black);
    border: 1px solid var(--master--black);
    border-radius: 0px;
}
.filter--toggle:hover {
    color: var(--master--black);
}
.product--type.active {
    border: 2px solid var(--master--black);
    background: var(--master--black);
    color: #fff;
}
a:hover, 
a:focus {
    color: var(--master--blue);
}
.ib--redeem--zone{
    background: var(--master--yellow);
    color: var(--master--black);
    display: none !important;
}
.id--rd--mobile{
    background: var(--master--yellow);
    color: var(--master--black);
    font-size: var(--font2x);
    padding: 10px 0;
    height: initial;
    text-transform: uppercase;
}
.food--item{
    margin-bottom: 30px;
}
.line-clamp-2{
    height: 42px;
}
.cat__food .old{
    text-decoration: line-through;
    color: #929191;
    display: block;
    /*font-size: 16px;*/
}
.cat__food .name{
    font-size: 20px;
    font-family: var(--font--family--title);
    height: 60px;
}
.title--sline{
    display: block;
    width: 80px;
    background: var(--master--black);
    height: 1px;
    margin: 10px auto;
}
.footer--content p a{
    color: var(--master--black);
}
.footer--title{
    color: var(--master--blue);
    font-family: var(--font--family--title);
    text-transform: uppercase;
}
.footer--social .icon.ti-world{
    background: var(--master--blue);
}
.food--item--footer button{
    border-color: var(--master--black);
}
#post_paging li a.active {
    background-color: var(--master--blue);
    border-color: var(--master--blue);
}
#post_paging li a {
    color: var(--master--blue);
    border: 1px solid var(--master--blue);
}
.product--type{
    border-radius: 0px !important;
    font-size: var(--font1x);
}
.food--item--property{
    text-transform: uppercase;
    font-size: var(--font1x);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.food--item--content{
    color: var(--master--black);
}
.food--item--footer .btn{
    text-transform: uppercase;
    font-size: var(--font1x);
}
.product--discount--percent{
    background: #002B49;
    overflow: initial !important;
}
.product--discount--percent:after{
    border-color: transparent #002B49;
}
.product--discount--percent .percent,
.product--discount--percent .discount--percent--label{
    /*color: var(--master--black);*/
    color: #fff;
        text-transform: uppercase;
}
.product--detail--description{
    font-family: var(--font--family--master) !important;
    color: var(--master--black);
}
.like--item{
    color: var(--master--black);
    text-align: center;
}
.like--item .name{
    font-size: 20px;
    font-family: var(--font--family--title);
    height: 60px;
}
.food--item.coming__soon .food--item--price{
    display: block !important;
    visibility: hidden !important;
}
.rd--zone--body{
    top: 80px;
}
/*footer*/
.sec--footer{
    background: var(--master--black);
    color: #b6b6b6;
}
.sec--footer a{
    color: #b6b6b6;
}

.sec--footer a:hover,
.sec--footer a:focus{
    color: #fff;
    text-decoration: underline;
}
.contact--hotel--single{
    margin-bottom: 20px;
}
.sec--footer h5{
    color: #fff;
    font-size: var(--font3x);
        text-transform: uppercase;
}

@media screen and (max-width: 520px){
    .food--item--property{
        height: 42px;
    }
    .product--types{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        -webkit-scroll-snap-points-x: repeat(300px);
        -ms-scroll-snap-points-x: repeat(300px);
        scroll-snap-points-x: repeat(300px);
        -webkit-scroll-snap-type: mandatory;
        -ms-scroll-snap-type: mandatory;
        scroll-snap-type: mandatory;
        padding-bottom: 20px;
    }
    .product--type {
        border-radius: 0px !important;
        font-size: var(--font1x);
        padding: 5px 5px !important;
        width: 140px;
        /* display: flex; */
        /* flex-basis: 120px; */
        /* flex: 1; */
        flex-shrink: 0;
        text-align: center;
    }
    .filter--toggle{
        position: fixed;
        bottom: 20px;
        z-index: 1;
        right: 10px;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        border-radius: 100%;
            box-shadow: 1px 2px 2px 0px #383737;
    }
    .filter--toggle span.text{
        display: none;
    }
    .fillter--product{
        background: #f5f5f5;
    }
}
/*game upate css*/
.gift_box_item img{
    width: calc(100% - 10px) !important;
}
.game_container{
    justify-content: center;
}
.game__finding__stt{
    font-size: 16px;
    color: green;
    padding-left: 30px;
    text-align: center;
    justify-content: center;
}
.gift_box_item .gift_border.active + .gift_reward{
    color: red;
}
.btn-play-again a{
    width: 200px;
    background: var(--master--black);
    color: #fff;
}
.game--title{
    text-align: center;
}
.game--description{
    text-align: center;
}
.game__form__find{
    display: flex;
    justify-content: center;
}
.footer-lang{
    background: #262626;
}
.footer-lang a{
    color: var(--master--black);
}
.dropdown--lang--header{
    text-transform: uppercase;
}
.dropdown--lang--header a{
    color: var(--master--black);
}
.dropdown--lang--header a.dropdown-toggle {
    color: #fff;
}
.footer-lang a.dropdown-toggle {
    background-color: #262626 !important;
    color: #fff !important;
}
.gift_box_item .gift_reward{
    font-weight: bold;
    position:relative !important;
    top: initial !important;
    left: initial !important;
    transform: initial !important;

}