@font-face {
  font-family: 'Stag LCG';
  src: url('font/StagLCG-Bold.woff2') format('woff2'),
    url('font/StagLCG-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trade Gothic LT Std';
  src: url('font/TradeGothicLTStd-Bd2.woff2') format('woff2'),
    url('font/TradeGothicLTStd-Bd2.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trade Gothic LT Std';
  src: url('font/TradeGothicLTStd.woff2') format('woff2'),
    url('font/TradeGothicLTStd.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

body {
  background-color: white;
  font-family: 'Trade Gothic LT Std';
  font-weight: 500;
  color: #09194e;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Stag LCG';
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: none;
}

#Main-Logo img {
  max-height: 147px;
}

#Menu-Content .Menu-Category .Menu-Category-Description {
  background-color: #09194e;
  color: white;
}

#Menu-Content .Menu-Category .Menu-Category-Description h1 {
  color: #ffcc00;
}

.Menu-Item {
  background-color: #ecedf1;
  color: #09194e;
}

.Menu-Item .Menu-Item-Content .Menu-Item-Description::before {
  background-color: #09194e;
}
.Menu-Item .Menu-Item-Content .Menu-Item-Name {
  font-family: 'Trade Gothic LT Std';
  font-weight: bold;
}

#Main-Content .Content {
  background-color: #09194e;
}
#Main-Content .Content h1 {
  color: #ffcc00;
}

.Menu-Item-Vega {
  color: #a3cd39;
}

#Menu-Categories {
  background-color: #09194e;
  color: white;
}
#Menu-Categories h1 {
  color: #ffcc00;
}

.Opening-Hours,
#Meet-Us-Online {
  background-color: #09194e;
  color: white;
  padding: 15px;
  border-radius: 6px;
}
.Opening-Hours h2,
#Meet-Us-Online h2 {
  color: #ffcc00;
}

.Button {
  padding: 18px 49px 11px 15px;
  text-transform: none;
  text-align: left;
}

.Button::after {
  right: 15px;
  height: 100%;
  width: 24px;
  margin-left: 0;
  background-position: center right;
}

#Menu-Switcher-Wrapper {
  background-color: white;
}

#Menu-Switcher-Wrapper::before {
  background: rgb(255, 255, 255);
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

#Menu-Switcher .Button {
  background-color: #09194e;
  color: white;
}

.Button.Filter::after {
  background-image: url(../image/icon/menu-white.svg);
}

.Social-Icons {
  max-width: 400px;
  margin: 0 auto;
}

.Menu-Item-Price {
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.Menu-Item-Price.Unit {
  display: flex;
}

.Menu-Item-Price.Unit div:nth-child(1) {
  flex: 0 1 auto;
  margin-right: 10px;
}

.Menu-Item-Price.Unit div:nth-child(2) {
  flex: 1 1 auto;
  text-align: right;
}

@media (max-width: 500px) {
  .Opening-Hours li {
    margin-bottom: 15px;
  }
  .Opening-Hours li:last-of-type {
    margin-bottom: 0;
  }
  .Opening-Hours li span {
    float: unset !important;
    display: block;
  }
}

.Opening-Hours h2 {
  margin-bottom: 5px;
}

#Content-Message {
  margin: 5px 0 0 0;
}

#Content-Menu-Button {
  margin-top: 12px;
}
