html {
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "DMSans-Regular";
  src: url("../../fonts/DMSans-Regular.ttf");
}
@font-face {
  font-family: "DMSans-Bold";
  src: url("../../fonts/DMSans-Bold.ttf");
}
@font-face {
  font-family: "Lato-Regular";
  src: url("../../fonts/Lato-Regular.ttf");
}
@font-face {
  font-family: "Lato-Bold";
  src: url("../../fonts/Lato-Bold.ttf");
}
@font-face {
  font-family: "Caladea-Italic";
  src: url("../../fonts/Caladea-Italic.ttf");
}
@font-face {
  font-family: "Caladea-BoldItalic";
  src: url("../../fonts/Caladea-BoldItalic.ttf");
}
#menu-item-118 a {
  color: #e8ba94;
}
body {
  margin: 0 !important;
}
.restaurant-row {
  margin: 0;
}
.menu-row {
  margin: 0;
}
.product-match-title h2 {
  font-family: "Caladea-Italic";
  font-weight: 200;
  -webkit-font-smoothing: antialiased;
}
.restaurant-wrapper {
  background-color: #090909;
  color: #fff;
}
.restaurant-wrapper .col-lg-3 {
  padding: 0;
}
.restaurant-wrapper .restaurant-sidebar {
  background-image: url("../../images/louna-bg.png");
  background-repeat: no-repeat;
  background-size: 85%;
  background-position: left;
  padding: 0;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.restaurant-wrapper .restaurant-sidebar .restaurant-title {
  /*display: flex;*/
}
.restaurant-wrapper .restaurant-sidebar .restaurant-title h2 {
  font-family: "Caladea-Italic";
  font-weight: 200;
  -webkit-font-smoothing: antialiased;
  padding: 1rem 2rem;
  border: 1px solid #e8ba94;
  font-size: 2rem;
  color: #e8ba94;
}
.restaurant-wrapper .restaurant-sidebar .restaurant-submenu {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  padding: 2rem 0;
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  width: 70%;
  bottom: -184px;
}
.restaurant-wrapper .restaurant-sidebar .restaurant-submenu ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
.restaurant-wrapper .restaurant-sidebar .restaurant-submenu ul li {
  list-style: none;
  color: #000000;
  background-image: linear-gradient(to right, #8b8b8b 33%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 6px 2px;
  background-repeat: repeat-x;
  padding: 0.5rem 0;
  width: 80%;
  margin: auto;
  text-align: center;
}
.restaurant-wrapper .restaurant-sidebar .restaurant-submenu ul li a {
  font-family: "DMSans-Regular";
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  /*color: #000000;*/
}
.restaurant-wrapper .restaurant-sidebar .restaurant-submenu ul li #broneeri {
  display: block;
  background: #caa181;
  padding: 0.5rem 0;
  width: 100%;
}
.restaurant-wrapper .restaurant-sidebar .broneeri ul li #broneeri {
  display: block;
  background: #caa181;
  padding: 0.5rem 0;
  width: 100%;
}
.restaurant-wrapper .restaurant-content {
  margin-top: 15rem;
}
.restaurant-wrapper .restaurant-content h2 {
  font-family: "Caladea-Italic";
  font-weight: 200;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  font-size: 2rem;
  padding-left: 15px;
}
.restaurant-wrapper .restaurant-content p {
  font-family: "DMSans-Regular";
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.restaurant-wrapper .restaurant-content .menu-row {
  padding-top: 2rem;
}
.restaurant-wrapper .restaurant-content .menu-row .menu-item h3 {
  font-family: "Lato-Bold";
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  color: #e8ba94;
}
.restaurant-wrapper .restaurant-content .menu-row .menu-item p {
  margin-bottom: 0;
}
.restaurant-wrapper .restaurant-content .menu-row .menu-item h4 {
  font-family: "Lato-Regular";
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}
.restaurant-wrapper .restaurant-content .menu-row .menu-item h4 span {
  color: #e8ba94;
}
.restaurant-wrapper .restaurant-content .menu-item {
  padding: 2rem 0;
}
.restaurant-wrapper .restaurant-content .restaurant-product {
  display: flex;
  justify-content: center;
}
.restaurant-wrapper .restaurant-content .restaurant-product-info {
  margin-top: -4.5rem;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.restaurant-wrapper .restaurant-content .restaurant-product-info h3 {
  padding-top: 2rem;
  width: 100%;
  text-align: center;
  margin: 0;
  font-size: 1.75rem;
  background-image: linear-gradient(to top, #000000, rgba(0, 0, 0, 0));
}
.restaurant-wrapper .restaurant-content .restaurant-product-info p {
  text-align: center;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .restaurant-wrapper .restaurant-row .restaurant-sidebar {
    background-size: cover;
    background-position: 30%;
    padding-top: 5rem;
    height: 100vh;
    position: sticky;
    width: 100%;
    top: 0;
  }
  .restaurant-wrapper .restaurant-row .restaurant-sidebar .restaurant-title {
    justify-content: flex-end;
  }
  .restaurant-wrapper .restaurant-row .restaurant-sidebar .restaurant-title h2 {
    font-size: 2.8rem;
    padding: 1rem 2.5rem;
    border: 1px solid #e8ba94;
    margin-top: 0;
    margin-right: -2rem;
    margin-left: auto;
    max-width: 360px;
  }
  .restaurant-wrapper .restaurant-row .restaurant-sidebar .restaurant-submenu {
    position: unset;
    background-color: unset;
    left: unset;
    transform: unset;
    bottom: unset;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    width: unset;
    justify-content: flex-end;
    padding-top: 0rem;
  }
  .restaurant-wrapper .restaurant-row .restaurant-sidebar .restaurant-submenu ul {
    width: unset;
  }
  .restaurant-wrapper .restaurant-row .restaurant-sidebar .restaurant-submenu ul li {
    min-width: 200px;
    text-align: left;
    padding: 0.25rem 0;
    width: unset;
    margin: 0;
    background-image: unset;
  }
  .restaurant-wrapper .restaurant-row .restaurant-sidebar .restaurant-submenu ul li a {
    font-family: "DMSans-Regular";
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    /*color: #fff;*/
    transition: 0.15s ease;
  }
  .restaurant-wrapper .restaurant-row .restaurant-sidebar .restaurant-submenu ul li a:hover,
  .restaurant-wrapper .restaurant-sidebar .restaurant-submenu ul li.current_page_item a {
    transition: 0.15s ease;
    color: #e8ba94;
  }
  .restaurant-wrapper .restaurant-row .restaurant-sidebar .restaurant-submenu ul li button {
    margin-top: 2rem;
  }
  .restaurant-wrapper .restaurant-row .restaurant-sidebar .restaurant-submenu ul li #broneeri {
    background: #caa181;
    margin-top: 2rem;
    width: 190px;
    transition: 0.25s ease;
  }
  .restaurant-wrapper .restaurant-row .restaurant-sidebar .restaurant-submenu ul li #broneeri:hover {
    background-color: #decbbc;
  }
  .restaurant-wrapper .restaurant-row .restaurant-sidebar .restaurant-submenu ul .active-page a {
    color: #e8ba94;
  }
  .restaurant-wrapper .restaurant-row .restaurant-sidebar .broneeri ul li:nth-child(1) a {
    color: #fff;
  }
  .restaurant-wrapper .restaurant-row .restaurant-sidebar .broneeri ul li #broneeri {
    background: #caa181;
    margin-top: 2rem;
    width: 190px;
  }
  .restaurant-wrapper .restaurant-row .restaurant-content {
    margin-top: 0;
    padding-top: 5rem;
    padding-left: 4rem;
  }
  .restaurant-wrapper .restaurant-row .restaurant-content h2 {
    margin-top: 0;
    text-align: left;
  }
  .restaurant-wrapper .restaurant-row .restaurant-content .menu-row {
    width: 100%;
  }
  .restaurant-wrapper .restaurant-row .restaurant-content .menu-row .menu-item {
    width: 100%;
  }
  .restaurant-wrapper .restaurant-row .restaurant-content .menu-row .menu-item .restaurant-product img {
    object-fit: cover;
  }
  .restaurant-wrapper .restaurant-row .restaurant-content .menu-row .menu-item .restaurant-product-info {
    margin-top: unset;
    display: unset;
    align-items: unset;
    flex-flow: unset;
  }
  .restaurant-wrapper .restaurant-row .restaurant-content .menu-row .menu-item .restaurant-product-info h3 {
    font-size: 2rem;
    padding-top: unset;
    width: unset;
    text-align: unset;
    margin: unset;
    background-image: unset;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .restaurant-wrapper .restaurant-row .restaurant-content .menu-row .menu-item .restaurant-product-info p {
    text-align: unset;
    margin-bottom: 1rem;
  }
}