/* -------------------- Global and Nav ---------------------- */
body {
  background-image: url("https://apihoard.webit.com/api/v1/Image/E321125744CC71C7019E3B3CCAA5E8C0/E321125744CC71C7019E3B3CCAA5E8C0.jpg?size=Original"),
    url("https://apihoard.webit.com/api/v1/Image/62F871A1A81358F36C5838806E215B23/62F871A1A81358F36C5838806E215B23.jpg?size=Original");

  background-position: top, center;
  background-size: 1280px, cover;
  background-attachment: fixed, fixed;
  background-repeat: no-repeat, no-repeat;
}

.header .navbar.bg-primary {
  background: rgb(50, 50, 50) !important;
  background: -moz-linear-gradient(
    top,
    rgba(50, 50, 50, 1) 0%,
    rgba(77, 77, 77, 1) 13%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 1) 80%,
    rgba(51, 51, 51, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(50, 50, 50, 1) 0%,
    rgba(77, 77, 77, 1) 13%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 1) 80%,
    rgba(51, 51, 51, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(50, 50, 50, 1) 0%,
    rgba(77, 77, 77, 1) 13%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 1) 80%,
    rgba(51, 51, 51, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#323232', endColorstr='#333333', GradientType=0) !important;

  border-top: 2px solid var(--color-theme-primary);
  border-bottom: 2px solid var(--color-theme-primary);
}

.header .navbar .nav-link {
  text-transform: uppercase;
}

/* -------------------- Header ---------------------- */
.header-info {
  font-size: 1.3rem;
}

.header .header-info {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  margin-top: 2.5em;
}

.header-info .header-info-logo-img a {
  background: #fff;
  display: block;
  width: 100%;
  border: 3px solid #000;
}

.header-info .header-info-logo-img img {
  width: 400px;
}

/* -------------------- Homepage ---------------------- */
.page-home .list {
  padding-top: 0rem;
  padding-bottom: 3rem;
}

.page-home .list .list-img-photo {
  background-size: contain;
}

.page-home .list .list-wrap {
  margin-bottom: 0;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .header .navbar.bg-primary {
    background: transparent !important;
    border: none;
  }

  .header .navbar .container,
  .header .navbar .container-fluid {
    background: rgb(50, 50, 50);
    background: -moz-linear-gradient(
      top,
      rgba(50, 50, 50, 1) 0%,
      rgba(77, 77, 77, 1) 13%,
      rgba(0, 0, 0, 1) 50%,
      rgba(0, 0, 0, 1) 80%,
      rgba(51, 51, 51, 1) 100%
    );
    background: -webkit-linear-gradient(
      top,
      rgba(50, 50, 50, 1) 0%,
      rgba(77, 77, 77, 1) 13%,
      rgba(0, 0, 0, 1) 50%,
      rgba(0, 0, 0, 1) 80%,
      rgba(51, 51, 51, 1) 100%
    );
    background: linear-gradient(
      to bottom,
      rgba(50, 50, 50, 1) 0%,
      rgba(77, 77, 77, 1) 13%,
      rgba(0, 0, 0, 1) 50%,
      rgba(0, 0, 0, 1) 80%,
      rgba(51, 51, 51, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#323232', endColorstr='#333333', GradientType=0);

    border-top: 2px solid var(--color-theme-primary);
    border-bottom: 2px solid var(--color-theme-primary);
  }
}
/*-- Maps --*/

.page-home .map .map-container,
.page-contact-us .map .map-container {
  max-width: 1140px;
  margin: 0 auto;
}

/* -------------------- Menu Page ---------------------- */
.cw-menu-page {
  padding-bottom: 7em;
}
.cw-menu-page .card-header {
  display: block;
  background-color: #ea0a2a;
  color: #fff;
  font-size: 200%;
  font-weight: 700;
}
.cw-menu-page .card {
  width: 100%;
  display: block;
  margin: 1em auto;
  width: 95%;
}
.cw-menu-page h4 {
  color: #000;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(22, 23, 29, 0.5);
  border-bottom-style: dashed;
}
.cw-menu-page h4 span {
}
.cw-menu-page p {
  color: #cc0000;
  font-size: 120%;
}
.cw-menu-page p span {
  font-size: 140%;
}

.cw-menu-page img {
  margin: 1em auto;
  display: block;
}
.cw-menu-page h6 {
  color: #000;
  text-align: center;
  font-size: 1.6em;
}
.cw-menu-page h2 {
  color: #000;
  text-align: center;
  font-size: 1.7em;
  margin: 0.5em auto;
}

/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=ADLaM+Display&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

.cw-home-specials {
}
.cw-home-specials .card {
  background-color: #321a07;
  background-image: url("https://apihoard.webit.com/api/v1/Image/52A07E3B1172AEBD17EFD0EF8D73144F/52A07E3B1172AEBD17EFD0EF8D73144F.png?size=1920x1440");
  padding: 1em;
  margin: 2em auto;
  display: block;
  width: 100%;
  box-shadow: 0px 0px 3px #000000, 2px 2px 2px #000000;
}

.cw-home-specials .card-body {
  background-color: #292929;
  background-image: url("https://apihoard.webit.com/api/v1/Image/FA25D071266C14275F0F89610B759DD5/FA25D071266C14275F0F89610B759DD5.png?size=1920x1440");
  box-shadow: 0px 0px 3px #000000, 2px 2px 2px #000000;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 2em 1em;
}
@media (min-width: 992px) {
  .cw-home-specials .card-body {
    height: 24em;
  }
}
.cw-home-specials h2 {
  font-family: "ADLaM Display", sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
}
.cw-home-specials h2 span {
  display: block;
}
/* ---------------------------------------------- */

.cw-home-specials-card-1 h2 span {
  color: #ff0000;
}
.cw-home-specials-card-2 h2 span {
  color: #ffc000;
}
/* ---------------------------------------------- */
.cw-home-specials h3 {
  font-family: "Kanit", sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 150%;
  letter-spacing: 1px;
}
.cw-home-specials h3 span {
  font-size: 130%;
}
.cw-home-specials h4 {
  font-family: "Kanit", sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 120%;
}