html, body {
    width: 100%;
    min-height: 100%;
    padding: 0;
    margin: 0;
}
body { 
    font-family: 'Prompt'; 
    background-color: #212529; /* 212529!important */
    color: #fff; /* #fff!important */
}
.logo { max-width: 100%; max-height: 80px; }
.bp-button-panel img { width: 100%; height: 100%; }
.bp-button-panel a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10%;
}
.bp-button-panel a.unavailable::before {
    content: "coming soon";
    width: 100%;
    display: block;
    position: absolute;
    z-index: 1;
    text-align: center;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: 5px 10px 10px rgba(0, 0, 0, 0.75),
              -3px 10px 12px rgba(0, 0, 0, 0.75);
}
.bp-button-panel a.unavailable img {
    filter: blur(6px);
}
header {
    position: relative;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 5px;
    height: 90px;
    overflow: visible;
}
main {
    min-height: calc(100vh - 120px);
}
footer {
    height: 20px;
    font-size: 11px;
    line-height: 20px;
    overflow: visible;
}

.btn-fb-share,.btn-fb-share:hover,.btn-fb-share:focus { background: #1877f2; color: #fff; }
.btn-line,.btn-line:hover,.btn-line:focus { background: #06c755; color: #fff; }
.btn-line:hover,.btn-line:focus { color: #fff; }

.menu-item .img_thumb {
    background-color: #333;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.menu-item h4 {
    margin-bottom: 0px;
    width: calc(100% - 4rem)
}
.menu-item.unavailable {
    position: relative;
    color: #777;
}
.menu-item.unavailable .img_thumb::before {
    background-color: rgba(255, 255, 255, 0.5);
}
.menu-item .info {
    position: relative;
}
.menu-item .price {
    position: absolute;
    top: 0px;
    right: 0px;
}
/* [LIGHTBOX BACKGROUND] */
#lb-back {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transition: all ease 0.4s;
}
#lb-back.show {
  visibility: visible;
  opacity: 1;
}

/* [LIGHTBOX IMAGE] */
#lb-img {
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  backdrop-filter: blur(2px); /* blur backdrop css feature */
}