@charset "UTF-8";
/**
We're going to keep our Sass folders and files clean by using 
the rules set here: https://sass-guidelin.es/#architecture
*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Special+Elite&display=swap");
:root {
  --primary: #A7AF39;
  --primary-dark: #5E640D;
  --primary-light: #D7DF23;
  --primary-rgb: 153, 153, 51;
  --neutral-10:#FFFFFF;
  --neutral-20:#E3E4E1;
  --neutral-30:#C8C9C3;
  --neutral-40:#ADADA6;
  --neutral-50:#929288;
  --neutral-60:#77776A;
  --neutral-70:#5C5C4D;
  --neutral-80:#41412F;
  --neutral-90:#262612;
  --neutral-100:#000000;
  --color-background: var(--neutral-100);
  --color-border: var(--neutral-70);
  --color-accent: var(--primary);
  --color-text: var(--neutral-10);
  --color-text-weak: var(--neutral-40);
  --color-text-on-accent: var(--neutral-10);
  --color-link: var(--primary);
  --color-icon: var(--neutral-60);
  --color-link-hover: var(--primary-dark);
  --color-black: #000;
  --color-black-rgb: 0,0,0;
  --color-white: #fff;
  --color-gray: #444;
  --grid: 8px;
  --corner: 8px;
  --corner-2x: calc(var(--corner) * 2);
  --fs-base: 16px;
  --typescale:1.35;
  --fs-s-2: calc(var(--fs-s-1)/var(--typescale));
  --fs-s-1: calc(var(--fs-base)/var(--typescale));
  --fs-0: var(--fs-base);
  --fs-l-1: calc(var(--fs-base)*var(--typescale));
  --fs-l-2: calc(var(--fs-l-1)*var(--typescale));
  --fs-l-3: calc(var(--fs-l-2)*var(--typescale));
  --fs-l-4: calc(var(--fs-l-3)*var(--typescale));
  --fs-l-5: calc(var(--fs-l-4)*var(--typescale));
  --font-body: "Inter", sans-serif;
  --font-alt-1: "Special Elite", sans-serif;
  --font-alt-2: "Montserrat", sans-serif;
  --lh-normal:170%;
  --lh-tight:130%;
  --lh-tighter:100%;
  --lh-tightest:90%;
  --fw-bold:700;
  --fw-normal:400;
  --menu-height: 100px;
  --transition: all 0.3s ease;
  --move-left: translateX(-5px);
  --move-right: translateX(5px);
  --move-up: translateY(-5px);
  --move-down: translateY(5px);
  --border: 1px dashed var(--color-border);
  --gap-1: var(--grid);
  --gap-2: calc(var(--grid) * 2);
  --gap-3: calc(var(--grid) * 3);
  --gap-4: calc(var(--grid) * 4);
  --gap-5: calc(var(--grid) * 5);
  --gap-6: calc(var(--grid) * 6);
  --gap-7: calc(var(--grid) * 7);
  --gap-8: calc(var(--grid) * 8);
}

.ease, .header__navigation-toggle > div, .header {
  transition: var(--transition);
}

.border {
  border: var(--border);
}

/**
 * Component: Overlay
*/
:root {
  --backdrop: rgba(0, 0, 0, .75);
  --contentBackground: #fff;
}

/* BACKDROP */
.novi-backdrop {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 7000;
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  background: var(--backdrop);
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
}

/* OVERLAY */
.novi-overlay {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.novi-overlay:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.novi-overlay__container {
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 8000;
  padding: 0 15px;
}
.novi-overlay__content {
  position: relative;
  background: var(--contentBackground);
  padding: 40px;
  width: auto;
  margin: 15px auto;
  width: 100%;
  max-width: 700px;
  animation-name: fadeZoomIn;
  animation-duration: 0.4s;
  opacity: 0;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.novi-overlay__content--video {
  padding: 0;
  height: 393px;
  border-radius: var(--grid);
}
.novi-overlay__content--video iframe {
  border-radius: var(--grid);
  overflow: hidden;
}
.novi-overlay__content--video .novi-overlay-close {
  top: -25px;
  right: 0;
}

/* CLOSE BUTTON */
.novi-overlay-close {
  padding: 0;
  background: none;
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  width: 15px;
  height: 15px;
  z-index: 1;
  border: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjMwMTQgOC4yNTU3MUMxMC4xNTUzIDguMTA5NTkgMTAuMTU1MyA3Ljg5MDQxIDEwLjMwMTQgNy43NDQyOUwxNS43ODA4IDIuMjY0ODRDMTUuOTI2OSAyLjExODcyIDE2IDEuODk5NTQgMTYgMS43NTM0MkMxNiAxLjYwNzMxIDE1LjkyNjkgMS4zODgxMyAxNS43ODA4IDEuMjQyMDFMMTQuNzU4IDAuMjE5MTc4QzE0LjYxMTkgMC4wNzMwNTk0IDE0LjM5MjcgMCAxNC4yNDY2IDBDMTQuMDI3NCAwIDEzLjg4MTMgMC4wNzMwNTk0IDEzLjczNTIgMC4yMTkxNzhMOC4yNTU3MSA1LjY5ODYzQzguMTA5NTkgNS44NDQ3NSA3Ljg5MDQxIDUuODQ0NzUgNy43NDQyOSA1LjY5ODYzTDIuMjY0ODQgMC4yMTkxNzhDMi4xMTg3MiAwLjA3MzA1OTQgMS44OTk1NCAwIDEuNzUzNDIgMEMxLjYwNzMxIDAgMS4zODgxMyAwLjA3MzA1OTQgMS4yNDIwMSAwLjIxOTE3OEwwLjIxOTE3OCAxLjI0MjAxQzAuMDczMDU5NCAxLjM4ODEzIDAgMS42MDczMSAwIDEuNzUzNDJDMCAxLjg5OTU0IDAuMDczMDU5NCAyLjExODcyIDAuMjE5MTc4IDIuMjY0ODRMNS42OTg2MyA3Ljc0NDI5QzUuODQ0NzUgNy44OTA0MSA1Ljg0NDc1IDguMTA5NTkgNS42OTg2MyA4LjI1NTcxTDAuMjE5MTc4IDEzLjczNTJDMC4wNzMwNTk0IDEzLjg4MTMgMCAxNC4xMDA1IDAgMTQuMjQ2NkMwIDE0LjM5MjcgMC4wNzMwNTk0IDE0LjYxMTkgMC4yMTkxNzggMTQuNzU4TDEuMjQyMDEgMTUuNzgwOEMxLjM4ODEzIDE1LjkyNjkgMS42MDczMSAxNiAxLjc1MzQyIDE2QzEuODk5NTQgMTYgMi4xMTg3MiAxNS45MjY5IDIuMjY0ODQgMTUuNzgwOEw3Ljc0NDI5IDEwLjMwMTRDNy44OTA0MSAxMC4xNTUzIDguMTA5NTkgMTAuMTU1MyA4LjI1NTcxIDEwLjMwMTRMMTMuNzM1MiAxNS43ODA4QzEzLjg4MTMgMTUuOTI2OSAxNC4xMDA1IDE2IDE0LjI0NjYgMTZDMTQuMzkyNyAxNiAxNC42MTE5IDE1LjkyNjkgMTQuNzU4IDE1Ljc4MDhMMTUuNzgwOCAxNC43NThDMTUuOTI2OSAxNC42MTE5IDE2IDE0LjM5MjcgMTYgMTQuMjQ2NkMxNiAxNC4xMDA1IDE1LjkyNjkgMTMuODgxMyAxNS43ODA4IDEzLjczNTJMMTAuMzAxNCA4LjI1NTcxWiIgZmlsbD0iI0E3QUYzOSIvPgo8L3N2Zz4K);
}
.novi-overlay-close:hover, .novi-overlay-close:focus, .novi-overlay-close:active {
  outline: none;
  cursor: pointer;
}

/* HELPER CLASSES */
.no-scroll {
  overflow: hidden;
}

@keyframes fadeZoomIn {
  from {
    opacity: 0;
    transform: scale(0.5) translateY(300px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
* {
  box-sizing: border-box;
}

body {
  background: black url("../images/bg_body.jpg") fixed !important;
  padding: 0;
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  font-size: 18px;
  position: relative;
  cursor: default;
}
body.menu-active {
  overflow: hidden;
}

.body {
  background: black url("../images/bg_body.jpg") fixed !important;
}

a {
  color: var(--color-link);
  text-decoration: none;
  line-height: inherit;
}
a:hover, a:focus {
  color: var(--color-link-hover);
}
a img {
  border: none;
}

.wrapper {
  width: 100%;
  margin: 0 auto;
  box-shadow: 0px 0px 20px var(--neutral-100);
  background: var(--neutral-100);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 58.75em) {
  .wrapper {
    justify-content: flex-start;
    max-width: 1000px;
  }
}

.section {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 var(--gap-2);
  margin-bottom: var(--gap-4);
}
@media only screen and (min-width: 58.75em) {
  .section {
    padding: 0 var(--gap-3);
    flex-direction: row;
  }
}
.section--inner {
  gap: var(--gap-3);
}
.section .content {
  width: 100%;
}
.section .sidebar {
  min-width: 33.3333333333%;
}
.section .footer {
  width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-size: var(--fs-base);
  text-rendering: optimizeLegibility;
  margin: 0;
}

.header1 {
  font-family: var(--font-alt-1);
  color: var(--color-accent);
  font-size: var(--fs-l-4);
}

.header2 {
  font-family: var(--font-alt-1);
  color: var(--color-accent);
  font-size: var(--fs-l-2);
}

.header3 {
  font-family: var(--font-alt-1);
  color: var(--color-accent);
  font-size: var(--fs-l-1);
}

.header4 {
  font-family: var(--font-alt-2);
  color: var(--color-text);
  font-size: var(--fs-l-4);
  font-weight: var(--fw-bold);
}

.header5 {
  font-family: var(--font-alt-2);
  color: var(--color-text);
  font-size: var(--fs-l-2);
  font-weight: var(--fw-bold);
}

.header6 {
  font-family: var(--font-alt-2);
  color: var(--color-text);
  font-size: var(--fs-l-1);
  font-weight: var(--fw-bold);
}

.title {
  margin-bottom: var(--gap-3);
}

.subtitle {
  margin-bottom: var(--gap-2);
}

p {
  font-family: var(--font-body);
  color: var(--color-text);
  font-size: var(--fs-l-0);
  margin: 0 0 var(--gap-3);
  line-height: var(--lh-normal);
}

ol, ul {
  color: var(--color-accent);
  padding: 0 0 0 var(--gap-3);
  margin: 0 0 var(--gap-3);
}
ol li, ul li {
  color: var(--color-text);
  padding: 0 0 0 var(--gap-1);
  font-size: var(--fs-l-0);
  line-height: var(--lh-normal);
}

hr {
  border: none;
  border-top: var(--border);
  margin: var(--gap-4) 0;
  height: 0;
}

@media only screen and (min-width: 58.75em) {
  .show-small {
    display: none;
  }
}

.hide-small {
  display: none;
}
@media only screen and (min-width: 58.75em) {
  .hide-small {
    display: block;
  }
}

.hide {
  display: none;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: var(--gap-1) !important;
}

.ml-2 {
  margin-left: var(--gap-2) !important;
}

.ml-3 {
  margin-left: var(--gap-3) !important;
}

.ml-4, .align-right {
  margin-left: var(--gap-4) !important;
}

.ml-5 {
  margin-left: var(--gap-5) !important;
}

.ml-6 {
  margin-left: var(--gap-6) !important;
}

.ml-7 {
  margin-left: var(--gap-7) !important;
}

.ml-8 {
  margin-left: var(--gap-8) !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: var(--gap-1) !important;
}

.mr-2 {
  margin-right: var(--gap-2) !important;
}

.mr-3 {
  margin-right: var(--gap-3) !important;
}

.mr-4, .align-left {
  margin-right: var(--gap-4) !important;
}

.mr-5 {
  margin-right: var(--gap-5) !important;
}

.mr-6 {
  margin-right: var(--gap-6) !important;
}

.mr-7 {
  margin-right: var(--gap-7) !important;
}

.mr-8 {
  margin-right: var(--gap-8) !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: var(--gap-1) !important;
}

.mb-2 {
  margin-bottom: var(--gap-2) !important;
}

.mb-3 {
  margin-bottom: var(--gap-3) !important;
}

.mb-4 {
  margin-bottom: var(--gap-4) !important;
}

.mb-5 {
  margin-bottom: var(--gap-5) !important;
}

.mb-6 {
  margin-bottom: var(--gap-6) !important;
}

.mb-7 {
  margin-bottom: var(--gap-7) !important;
}

.mb-8 {
  margin-bottom: var(--gap-8) !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: var(--gap-1) !important;
}

.mt-2 {
  margin-top: var(--gap-2) !important;
}

.mt-3 {
  margin-top: var(--gap-3) !important;
}

.mt-4 {
  margin-top: var(--gap-4) !important;
}

.mt-5 {
  margin-top: var(--gap-5) !important;
}

.mt-6 {
  margin-top: var(--gap-6) !important;
}

.mt-7 {
  margin-top: var(--gap-7) !important;
}

.mt-8 {
  margin-top: var(--gap-8) !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: var(--gap-1) !important;
}

.gap-2 {
  gap: var(--gap-2) !important;
}

.gap-3 {
  gap: var(--gap-3) !important;
}

.gap-4 {
  gap: var(--gap-4) !important;
}

.gap-5 {
  gap: var(--gap-5) !important;
}

.gap-6 {
  gap: var(--gap-6) !important;
}

.gap-7 {
  gap: var(--gap-7) !important;
}

.gap-8 {
  gap: var(--gap-8) !important;
}

.m-center {
  margin-inline: auto;
}

.align-right {
  float: right;
}
.align-left {
  float: left;
}

.row {
  display: flex;
  flex-direction: row;
}

.column,
.col {
  display: flex;
  flex-direction: column;
}

.text-center {
  text-align: center;
}
.text-white {
  color: var(--color-white);
}

.img-responsive {
  width: 100%;
  height: auto;
}

.rounded {
  border-radius: var(--corner);
}
.rounded-2x {
  border-radius: var(--corner-2x);
}

.orderonline {
  background: var(--color-accent);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 0 0 0 var(--gap-2);
  gap: var(--gap-1);
  min-height: var(--gap-6);
  margin-bottom: var(--gap-3);
}
@media only screen and (min-width: 58.75em) {
  .orderonline {
    padding: 0 var(--gap-6);
    margin-bottom: var(--gap-3);
  }
}
.orderonline__image {
  height: 32px;
}
.orderonline__text {
  font-family: var(--font-alt-2);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  font-size: var(--fs-s-1);
  line-height: var(--lh-tighter);
  color: var(--neutral-100);
  padding-right: var(--gap-1);
}
.orderonline__text span {
  color: var(--color-text);
}
@media only screen and (min-width: 58.75em) {
  .orderonline__text {
    font-size: var(--fs-0);
    padding-right: 0px;
  }
}
.orderonline .btn {
  margin-left: var(--gap-3);
  height: 100%;
  border-radius: 0;
}

@media only screen and (min-width: 58.75em) {
  .home .header {
    background: url("../images/bg_header_home.jpg") top center;
    margin-bottom: 0px;
  }
}

.header {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--gap-3);
}
.header.active {
  margin-top: -40px;
}
@media only screen and (min-width: 58.75em) {
  .header {
    background: url("/images/bg_header_pages.jpg") top center;
    background-size: cover;
    background-size: auto;
    flex-direction: column;
    height: auto;
  }
}
.header__logo {
  position: relative;
  z-index: 1000;
}
.header__logo img {
  height: 35px;
  width: auto;
}
@media only screen and (min-width: 58.75em) {
  .header__logo img {
    display: none;
  }
}
.header__logo img.logo-main {
  display: none;
}
.header__navigation-toggle {
  width: 35px;
  height: var(--gap-3);
  margin: 0 0 0 auto;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
  z-index: 1000;
}
@media only screen and (min-width: 58.75em) {
  .header__navigation-toggle {
    display: none;
  }
}
.header__navigation-toggle > div {
  height: 3px;
  width: 100%;
  background: var(--neutral-10);
  border-radius: 30px;
  position: relative;
}
.header__navigation-toggle.active {
  align-items: center;
}
.header__navigation-toggle.active > div {
  background: var(--primary);
}
.header__navigation-toggle.active .one {
  transform: rotate(45deg);
  top: 11px;
  width: 20px;
}
.header__navigation-toggle.active .two {
  opacity: 0;
}
.header__navigation-toggle.active .three {
  transform: rotate(-45deg);
  top: -11px;
  width: 20px;
}
.header__navigation-links {
  display: flex;
  transform: translateX(-100vw);
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  width: 100vw;
  min-height: 100vh;
  overflow: hidden;
  padding: var(--menu-height) 30px var(--gap-2);
  list-style: none;
  z-index: 999;
  text-align: center;
}
.header__navigation-links::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.95;
  z-index: -1;
  background: var(--neutral-100);
}
@media only screen and (min-width: 58.75em) {
  .header__navigation-links {
    transform: translateX(0);
    background: none;
    position: relative;
    display: block;
    height: 117px;
    width: 950px;
    margin: 0 auto;
    min-height: auto;
    padding: 0px;
  }
  .header__navigation-links::before {
    display: none;
  }
}
.header__navigation-links.active {
  transform: translateX(0vw);
}
@media only screen and (min-width: 58.75em) {
  .header__navigation-links li {
    background: url("../images/bg_nav_home.jpg");
    display: block;
    float: left;
    height: 50px;
    position: relative;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: none;
  }
  .header__navigation-links li.nav-home {
    margin: 0 0 0 100px;
    width: 130px;
    background-position: -100px 0 !important;
  }
  .header__navigation-links li.nav-menu {
    width: 125px;
    background-position: -230px 0 !important;
  }
  .header__navigation-links li.nav-locations {
    width: 265px;
    background-position: -355px 0 !important;
  }
  .header__navigation-links li.nav-about {
    width: 225px;
    background-position: -620px 0 !important;
  }
  .header__navigation-links li.nav-news {
    margin: 0 0 0 150px;
    width: 120px;
    background-position: -150px -50px !important;
  }
  .header__navigation-links li.nav-franchise {
    width: 240px;
    background-position: -270px -50px !important;
  }
  .header__navigation-links li.nav-jobs {
    width: 110px;
    background-position: -510px -50px !important;
  }
  .header__navigation-links li.nav-contact {
    width: 185px;
    background-position: -620px -50px !important;
  }
  .header__navigation-links li.nav-home:hover, .header__navigation-links li .top-bar-section ul li.home.current-menu-item {
    margin: 0 0 0 100px;
    width: 130px;
    background-position: -100px -117px !important;
  }
  .header__navigation-links li.nav-menu:hover, .header__navigation-links li .top-bar-section ul li.menu.current-menu-item {
    width: 125px;
    background-position: -230px -117px !important;
  }
  .header__navigation-links li.nav-locations:hover, .header__navigation-links li .top-bar-section ul li.locations.current-menu-item {
    width: 265px;
    background-position: -355px -117px !important;
  }
  .header__navigation-links li.nav-about:hover, .header__navigation-links li .top-bar-section ul li.about.current-menu-item {
    width: 225px;
    background-position: -620px -117px !important;
  }
  .header__navigation-links li.nav-news:hover, .header__navigation-links li .top-bar-section ul li.news.current-menu-item {
    margin: 0 0 0 150px;
    width: 120px;
    background-position: -150px -167px !important;
  }
  .header__navigation-links li.nav-franchise:hover, .header__navigation-links li .top-bar-section ul li.franchise.current-menu-item {
    width: 240px;
    background-position: -270px -167px !important;
  }
  .header__navigation-links li.nav-jobs:hover, .header__navigation-links li .top-bar-section ul li.jobs.current-menu-item {
    width: 110px;
    background-position: -510px -167px !important;
  }
  .header__navigation-links li.nav-contact:hover, .header__navigation-links li .top-bar-section ul li.contact.current-menu-item {
    width: 185px;
    background-position: -620px -167px !important;
  }
  .header__navigation-links li a {
    position: absolute;
    inset: 0;
  }
}
.header__navigation-links li a span {
  font-size: 1.4em;
  line-height: 2.8em;
  font-family: var(--font-typewriter);
  color: var(--neutral-10);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
}
.header__navigation-links li a span:hover {
  color: var(--primary);
}
@media only screen and (min-width: 58.75em) {
  .header__navigation-links li a span:hover {
    color: var(--neutral-100);
  }
}
@media only screen and (min-width: 58.75em) {
  .header__navigation-links li a {
    font-size: 1em;
  }
  .header__navigation-links li a > span {
    opacity: 0;
  }
}

.hero {
  width: 100%;
}

.sidebar {
  border-top: var(--border);
  padding-top: var(--gap-3);
  display: flex;
  flex-direction: column;
  gap: var(--gap-3);
}
@media only screen and (min-width: 58.75em) {
  .sidebar {
    border-top: none;
    padding-top: 0;
  }
}
.sidebar .image-link img {
  width: 100%;
}
.sidebar .image-link--border {
  border: var(--border);
  border-radius: var(--corner);
  padding: var(--gap-2);
}

.footer {
  border-top: var(--border);
  padding-top: var(--gap-4);
  margin-bottom: 0;
}
.footer__social {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: var(--gap-2);
}
.footer__social a {
  margin: 0 var(--gap-1);
}
.footer__social a > i {
  color: var(--color-icon);
  font-size: 2em;
}
.footer__social a > i:hover {
  color: var(--color-text);
}
.footer__bottom {
  text-align: center;
  color: var(--color-text);
  font-size: var(--fs-s-1);
}

.btn {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font-alt-2);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  font-size: var(--fs-0);
  padding: var(--gap-1) var(--gap-2);
  gap: var(--gap-1);
  transition: var(--transition);
  border-radius: var(--corner);
  cursor: pointer;
}
.btn:hover {
  color: var(--color-text-on-accent);
  background: var(--color-link-hover);
}
.btn img {
  width: 1em;
  height: 100%;
}
.btn--on-accent {
  background: var(--neutral-100);
}
.btn--on-accent:hover {
  color: var(--color-accent);
  background: var(--neutral-100);
}
.btn--sm {
  font-size: var(--fs-s-1);
  padding: var(--gap-1) var(--gap-2);
}
.btn--lg {
  font-size: var(--fs-l-1);
  padding: var(--gap-2) var(--gap-3);
}
.btn--move-up:hover {
  transform: var(--move-up);
}
.btn--move-left:hover {
  transform: var(--move-left);
}
.btn--move-right:hover {
  transform: var(--move-right);
}
.btn--space {
  margin-bottom: 24px !important;
}

.link {
  display: flex;
  flex-direction: row;
  gap: var(--gap-1);
  transition: var(--transition);
}
.link:hover {
  gap: var(--gap-2);
}
.link--arrow::after {
  content: "→";
}
.link--sm {
  font-size: var(--fs-s-1);
}

.panel {
  border: var(--border);
  border-radius: var(--corner);
  display: flex;
  flex-direction: column;
  padding: var(--gap-3);
  background-image: url("/images/bg_body.jpg");
  background-color: var(--color-accent);
  background-blend-mode: multiply;
}
.panel p:last-child {
  margin-bottom: 0;
}

.video {
  aspect-ratio: 16/9;
  width: 100%;
  position: relative;
  border-radius: var(--corner);
  overflow: hidden;
}
.video iframe,
.video object,
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videos {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gap-4);
}
@media only screen and (min-width: 58.75em) {
  .videos {
    grid-template-columns: 1fr 1fr;
    gap: var(--gap-4);
  }
}
.videos__item {
  display: flex;
  flex-direction: column;
  gap: var(--gap-1);
}
.videos__item .thumbnail {
  aspect-ratio: 16/9;
}
.videos__item .thumbnail img {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  object-fit: cover;
  border-radius: var(--corner);
  opacity: 0.8;
  transition: var(--transition);
}
.videos__item .thumbnail img:hover {
  opacity: 1;
}

.delivery {
  border: var(--border);
  background-image: url("/images/bg_body.jpg");
  background-color: var(--color-accent);
  background-blend-mode: multiply;
  background-attachment: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: var(--gap-4);
  gap: var(--gap-2);
}
.delivery img {
  max-width: 600px;
}
.delivery span {
  color: var(--color-text);
  font-family: var(--font-alt-2);
  font-weight: bold;
  margin-bottom: var(--gap-2);
}
.delivery .btn {
  align-self: center;
}

.banner {
  width: 100%;
}
.banner a {
  display: block;
}
.banner img {
  width: 100%;
  display: block;
}
.banner--double {
  display: flex;
  flex-direction: column;
  gap: var(--gap-3);
}
@media only screen and (min-width: 58.75em) {
  .banner--double {
    flex-direction: row;
  }
}

.bottom-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gap-3);
}
@media only screen and (min-width: 58.75em) {
  .bottom-grid {
    grid-template-columns: 1fr 32% 1fr;
  }
}
.bottom-grid div {
  display: flex;
  flex-direction: column;
  gap: var(--gap-3);
}
.news {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gap-4);
  margin-bottom: var(--gap-4);
}
.news__item {
  border: var(--border);
  padding: var(--gap-2);
  gap: var(--gap-2);
  display: flex;
  flex-direction: column;
}
.news__item .header6 a {
  color: var(--color-text) !important;
}
.news__item .desc {
  color: var(--color-text-weak);
  margin-bottom: var(--gap-0);
}

.image-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gap-4);
  margin-bottom: var(--gap-4);
}

.order-onlinenk #zuppler-menu {
  background: rgba(0, 0, 0, 0.9) !important;
}
.order-onlinenk #zuppler-menu button {
  margin-bottom: 0 !important;
}
.order-onlinenk .z-navbar-wrapper.sticky {
  background: none !important;
}
.order-onlinenk .z-menu-item-price {
  color: var(--color-accent) !important;
}
.order-onlinenk .z-menu-item-description {
  text-align: left;
}
.order-onlinenk .z-with-hover:hover {
  background: var(--neutral-90) !important;
}
.order-onlinenk .large-8.text-center {
  text-align: unset !important;
}
.order-onlinenk .menu-category {
  margin: 0 0 var(--gap-4) !important;
  padding: 0 !important;
}
.order-onlinenk #z-navbar {
  background-color: var(--neutral-20) !important;
  border-radius: var(--corner) var(--corner) 0 0 !important;
}
.order-onlinenk #z-navbar > div {
  display: flex !important;
  flex-direction: row !important;
}
@media only screen and (min-width: 58.75em) {
  .order-onlinenk #zuppler-menu > div > div > div:nth-child(3) > div:nth-child(1) {
    background: none !important;
  }
}
.order-onlinenk .z-menu-header {
  border: none !important;
  padding: 0 !important;
  border-radius: var(--corner) !important;
}
.order-onlinenk .z-menu-header .menu-tabs {
  background-color: var(--neutral-100) !important;
  padding: var(--gap-3) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: var(--gap-2) !important;
}
.order-onlinenk .z-menu-header .menu-tabs .menu-tab a {
  color: var(--color-text) !important;
  font-size: var(--fs-l-1) !important;
  padding: var(--gap-0) !important;
}
.order-onlinenk .z-menu-header .menu-tabs .menu-tab a:hover {
  color: var(--color-accent) !important;
}
.order-onlinenk .z-menu-header .menu-tabs .menu-tab-selected a {
  color: var(--color-accent) !important;
  border: none !important;
}
.order-onlinenk .z-menu-header .menu-tabs .icon-default {
  padding: var(--gap-0) !important;
}
.order-onlinenk .z-menu-header .menu-tabs .icon-default .material-icons {
  color: var(--color-text) !important;
}
.order-onlinenk .z-menu-header .categories-tabs {
  border: none !important;
  background-color: var(--color-accent) !important;
  margin: 0 !important;
  padding: var(--gap-2) !important;
  display: flex !important;
  flex-direction: row !important;
  gap: var(--gap-2) !important;
}
.order-onlinenk .z-menu-header .categories-tabs div a {
  margin: var(--gap-0) !important;
  color: var(--color-text) !important;
  font-size: var(--fs-0) !important;
  line-height: var(--lh-tight) !important;
  font-family: var(--font-alt-2) !important;
  font-weight: bold;
}
.order-onlinenk .zbutton {
  display: flex !important;
  flex-direction: row !important;
  gap: var(--gap-1) !important;
  padding: var(--gap-2) !important;
}
.order-onlinenk .zbutton .z-nav-button-icon {
  margin: 0 !important;
}
.order-onlinenk .zbutton .z-nav-button-label,
.order-onlinenk .zbutton span {
  font-size: var(--fs-0) !important;
  text-transform: capitalize !important;
}
.order-onlinenk .z-menu-discounts {
  margin-top: var(--gap-4) !important;
  margin-bottom: var(--gap-4) !important;
}
.order-onlinenk .z-menu-discounts .z-menu-discounts-entry {
  border: var(--border) !important;
  border-radius: var(--corner) !important;
  padding: var(--gap-2) !important;
  background-color: var(--neutral-100) !important;
  transition: var(--transition);
}
.order-onlinenk .z-menu-discounts .z-menu-discounts-entry:hover {
  background-color: var(--neutral-90) !important;
}
.order-onlinenk .z-menu-discounts .z-menu-discounts-entry strong {
  color: var(--color-accent) !important;
}
.order-onlinenk .z-menu-discounts .z-menu-discounts-entry span {
  color: var(--color-text) !important;
  font-size: var(--fs-l-1) !important;
  line-height: var(--lh-tight) !important;
  font-family: var(--font-alt-2) !important;
}
.order-onlinenk .z-menu-category-title {
  color: var(--color-accent) !important;
  font-size: var(--fs-l-3) !important;
}
.order-onlinenk .menu-items {
  gap: var(--gap-2) !important;
}
.order-onlinenk .menu-items .z-menu-item {
  border: var(--border) !important;
  border-radius: var(--corner) !important;
  padding: var(--gap-2) !important;
  overflow: hidden !important;
  background-color: var(--neutral-100) !important;
}
.order-onlinenk .menu-items .z-menu-item:hover .z-hover-el {
  display: flex !important;
}
.order-onlinenk .menu-items .z-menu-item .z-menu-item-link {
  padding: 0 !important;
}
.order-onlinenk .menu-items .z-menu-item .z-menu-item-link .z-menu-item-title {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}
.order-onlinenk .menu-items .z-menu-item .z-item-dp {
  display: none !important;
}
.order-onlinenk .menu-items .z-menu-item .z-item-actions-holder {
  padding: 0 !important;
  inset: 0 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.order-onlinenk .menu-items .z-menu-item .z-item-actions-holder:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.order-onlinenk .menu-items .z-menu-item .z-item-actions-holder .z-hover-el {
  flex-direction: row;
  gap: var(--gap-2);
}
.order-onlinenk .menu-items .z-menu-item .z-item-actions-holder .z-hover-el .zbutton {
  border-radius: var(--corner) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: var(--gap-0) !important;
}
.order-onlinenk .item-holder {
  margin-top: var(--gap-4) !important;
  gap: var(--gap-2) !important;
}
.order-onlinenk .item-title p {
  color: var(--color-accent) !important;
  font-size: var(--fs-l-3) !important;
  line-height: var(--lh-tight) !important;
  font-family: var(--font-alt-1) !important;
  margin-bottom: var(--gap-0) !important;
}
.order-onlinenk .item-sidebar-sticky {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-3) !important;
  margin-top: var(--gap-4) !important;
}
.order-onlinenk .item-description {
  margin-bottom: var(--gap-0) !important;
}
.order-onlinenk .item-description p {
  color: var(--color-text) !important;
  font-size: var(--fs-l-1) !important;
  line-height: var(--lh-tight) !important;
  font-family: var(--font-alt-2) !important;
  margin-bottom: var(--gap-0) !important;
}
.order-onlinenk .item-special-instructions {
  font-family: var(--font-body) !important;
  padding: var(--gap-2) !important;
  min-height: 120px !important;
  border-radius: var(--corner) !important;
  background-color: var(--neutral-10) !important;
  border: none !important;
}
.order-onlinenk .item-summary {
  border: var(--border) !important;
  border-radius: var(--corner) !important;
  padding: var(--gap-2) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-1) !important;
}
.order-onlinenk .item-summary div {
  margin: 0 !important;
}
.order-onlinenk .item-summary div > span:first-of-type {
  color: var(--color-text) !important;
}
.order-onlinenk .item-summary div > span:last-of-type {
  color: var(--color-text-weak) !important;
}
.order-onlinenk .quantity-picker .quantity-input {
  font-family: var(--font-alt-2);
  font-weight: var(--fw-bold) !important;
  color: var(--color-text) !important;
}
.order-onlinenk .item-toolbar {
  border-radius: var(--corner) !important;
  padding: var(--gap-0) !important;
  background: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap-2) !important;
}
.order-onlinenk .item-toolbar .quantity-picker {
  align-self: start;
}
.order-onlinenk .item-toolbar .add-to-cart {
  border-radius: var(--corner);
  color: var(--color-text);
  justify-content: flex-start !important;
  gap: var(--gap-0) !important;
}
.order-onlinenk .item-toolbar .add-to-cart .add-btn-icon * {
  color: var(--color-text) !important;
}
.order-onlinenk .item-toolbar .add-to-cart .add-btn-label {
  font-family: var(--font-alt-2);
  font-weight: var(--fw-bold) !important;
  color: var(--color-text) !important;
}
.order-onlinenk .item-toolbar .add-to-cart #item-price-lbl {
  color: var(--color-text) !important;
  margin-left: auto !important;
}
.order-onlinenk .choice-title {
  padding: var(--gap-2) !important;
  border-radius: var(--corner) !important;
  background-color: var(--neutral-30) !important;
  border: none !important;
}
.order-onlinenk .options-group {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: var(--gap-1) !important;
}
.order-onlinenk .option-label {
  border: var(--border) !important;
  border-radius: var(--corner) !important;
  padding: var(--gap-1) !important;
}
.order-onlinenk .option-label:hover {
  background-color: var(--neutral-90);
}
.order-onlinenk .option-price {
  color: var(--color-text) !important;
}
.order-onlinenk .option-title {
  color: var(--color-text) !important;
}

.menu {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  gap: var(--gap-3);
}
.menu__panels {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-2);
  width: 100%;
}
.menu__panels img {
  width: 100%;
  height: auto;
  margin: 0;
}
@media only screen and (min-width: 58.75em) {
  .menu__panels img {
    width: 80%;
  }
}
.menu__buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: var(--gap-2);
}

.form {
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
  max-width: 400px;
}
.form.styled {
  padding: var(--gap-4);
  background-image: url("/images/bg_monster_sham.jpg");
  border-radius: var(--grid);
  border: var(--border);
}
.form__group {
  display: flex;
  flex-direction: column;
  gap: var(--gap-1);
  width: 100%;
}
.form__group label {
  color: var(--color-text);
}
.form__group input, .form__group textarea {
  border: 1px solid var(--color-border);
  border-radius: var(--corner);
  padding: var(--gap-2) var(--gap-2);
  font-size: var(--fs-0);
  font-family: var(--font-body);
}
.form__group textarea {
  min-height: 120px;
}
.form__group .btn {
  align-self: flex-start;
}

.location {
  border: var(--border);
  border-radius: var(--corner);
  padding: var(--gap-2);
  display: flex;
  flex-direction: column;
  gap: var(--gap-3);
}
@media only screen and (min-width: 58.75em) {
  .location {
    padding: var(--gap-3);
  }
}
.location__details {
  display: flex;
  flex-direction: column;
  font-size: var(--fs-0);
  gap: var(--gap-1);
}
.location__details .label {
  text-transform: uppercase;
  font-weight: var(--fw-bold);
  color: var(--color-text-weak);
  font-size: 0.8em;
  margin-top: var(--gap-1);
}
.location__details .desc {
  display: flex;
  flex-direction: column;
  color: var(--color-text);
  line-height: var(--lh-normal);
}
.location__map {
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
}
.location__map iframe {
  border: none;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: var(--corner);
}

.order {
  background-image: url("/images/bg_body.jpg");
  background-color: var(--color-accent);
  background-blend-mode: multiply;
  border: var(--border);
  color: var(--color-text-on-accent);
  border-radius: var(--corner);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: var(--gap-3);
  gap: var(--gap-3);
  max-width: 450px;
  margin-left: auto;
  align-self: flex-start;
}
.order__options {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--gap-1);
}
.order__options .btngroup img {
  width: 100%;
  height: auto;
  border-radius: var(--corner);
  opacity: 0.8;
  transition: var(--transition);
}
.order__options .btngroup img:hover {
  opacity: 1;
}

.wp-block-image {
  margin: 0px;
}
.wp-block-image img {
  max-width: 100%;
  height: auto;
}