@charset "UTF-8";
/*

@Author: Themezinho
@URL: http://www.themezinho.net

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.

	// Table of contents //

		01. FONTS
		02. BODY
		03. LINKS
		04. HTML TAGS
		05. HEADLINES
		06. FORM ELEMENTS
		07. CUSTOM CLASSES
		08. SPACINGS
		09. PAGINATION
		10. HAMBURGER
		11. CUSTOM CONTAINER
		12. PAGE TRANSITION
		13. SEARCH BOX
		14. SIDE WIDGET
		15. NAVBAR
		16. SLIDER
		17. PAGE HEADER
		18. CONTENT SECTION
		19. SECTION TITLE
		20. CUTOM BUTTON
		21. SIDE CONTENT
		22. RESERVATION FORM
		23. DATE PICKER
		24. ICON BOX
		25. MENU PACK BOX
		26. SIDE MENU LIST
		27. SERVICE BOX
		28. HEAD CHEF IMAGE
		29. VIDEO BOX
		30. PHOTO GALLERY
		31. TESTIMONIALS SLIDER
		32. MENU LIST
		33. TAB CONTENT
		34. TAB DISHES
		35. RECENT NEWS
		36. NEWS BOX
		37. SIDEBAR
		38. TEAM MEMBER
		39. MENU IMAGES SLIDER
		40. DELIVERY FORM
		41. CONTACT BOX
		42. CONTACT FORM
		43. ERROR 404
		44. INSTAGRAM FEED
		45. FOOTER
		46. RESPONSIVE MEDIUM FIXES
		47. RESPONSIVE TABLET FIXES
		48. RESPONSIVE MOBILE FIXES

*/
:root {
  --color-main: #a11b29;
  --color-dark: #131313;
  --color-light: #f0e8d9;
}

@font-face {
  font-family: "Ogg-Roman";
  src: url("../fonts/Ogg-Roman.eot");
  src: local("☺"), url("../fonts/Ogg-Roman.woff") format("woff"), url("../fonts/Ogg-Roman.ttf") format("truetype"), url("../fonts/Ogg-Roman.svg") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Aboreto-Regular.";
  src: url("../fonts/Aboreto-Regular..eot");
  src: url("../fonts/Aboreto-Regular..eot?#iefix") format("embedded-opentype"), url("../fonts/Aboreto-Regular.woff2") format("woff2"), url("../fonts/Aboreto-Regular.woff") format("woff"), url("../fonts/Aboreto-Regular.ttf") format("truetype"), url("../fonts/Aboreto-Regular.svg#Mathline") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Acme-Regular.";
  src: url("../fonts/Acme-Regular..eot");
  src: url("../fonts/Acme-Regular..eot?#iefix") format("embedded-opentype"), url("../fonts/Aboreto-Regular.woff2") format("woff2"), url("../fonts/Acme-Regular.woff") format("woff"), url("../fonts/Acme-Regular.ttf") format("truetype"), url("../fonts/Acme-Regular.svg#Mathline") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* BODY */
* {
  outline: none !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: "OGG-Roman";
  color: var(--color-dark);
  letter-spacing: 1px;
  font-size: 17px;
}

/* LINKS */
a {
  color: var(--color-dark);
}

a:hover {
  text-decoration: underline;
  color: var(--color-dark);
}

/* HTML TAGS */
img {
  max-width: 100%;
}

figure {
  margin-bottom: 20px;
}

/* HEADLINES */
h5 {
  line-height: 1.7;
  margin-bottom: 30px;
}

/* FORM ELEMENTS */
input[type=text], input[type=email], input[type=search], input[type=password], input[type=date], input[type=time] {
  width: 420px;
  max-width: 100%;
  height: 68px;
  border: 2px solid #e8e8e8;
  padding: 0 30px;
}

input[type=submit], input[type=button], button[type=button], button[type=submit] {
  height: 68px;
  border: none;
  background: var(--color-main);
  color: #fff;
  font-weight: 800;
  font-size: 13px;
  padding: 0 50px;
  letter-spacing: 1px;
}

textarea {
  width: 420px;
  max-width: 100%;
  height: 128px;
  border: 2px solid #e8e8e8;
  padding: 30px;
}

select {
  width: 420px;
  max-width: 100%;
  height: 68px;
  border: 2px solid #e8e8e8;
  padding: 0 25px;
  background: #fff;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) 30px, calc(100% - 15px) 30px, calc(100% - 2.5em) 19px;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

select:focus {
  background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 15px) 30px, calc(100% - 20px) 30px, calc(100% - 2.5em) 19px;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  border-color: gray;
  outline: 0;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* CUSTOM CLASSES */
.overflow {
  overflow: hidden;
}

.clearfix {
  width: 100%;
  float: left;
}

.justify-content-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* SPACINGS */
.no-spacing {
  margin: 0 !important;
  padding: 0 !important;
}

.no-bottom-spacing {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* PAGINATION */
.pagination {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.pagination .page-item {
  display: inline-block;
}
.pagination .page-item .page-link {
  height: 60px;
  line-height: 60px;
  padding: 0 40px;
  border-radius: 0 !important;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-dark);
  outline: none !important;
}
.pagination .page-item .page-link:focus {
  outline: none !important;
}

/* HAMBURGER */
.hamburger {
  width: 38px;
  height: 34px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.hamburger #hamburger {
  position: absolute;
  height: 100%;
  width: 100%;
}
.hamburger #hamburger span {
  width: 70%;
  height: 2px;
  position: absolute;
  right: 0;
  transition: width ease 0.25s;
  background: #fff;
}
.hamburger #hamburger span:nth-child(1) {
  transition-delay: 0.5s;
  top: 6px;
}
.hamburger #hamburger span:nth-child(2) {
  transition-delay: 0.625s;
  top: 15px;
  left: 0;
  right: auto;
}
.hamburger #hamburger span:nth-child(3) {
  transition-delay: 0.75s;
  top: 24px;
}
.hamburger #cross {
  position: absolute;
  height: 34px;
  width: 34px;
  transform: rotate(45deg);
  left: 4px;
  top: 0;
}
.hamburger #cross span {
  background: #fff;
}
.hamburger #cross span:nth-child(1) {
  height: 0%;
  width: 2px;
  position: absolute;
  top: 0;
  right: 16px;
  transition-delay: 0s;
  transition: height ease 0.25s;
}
.hamburger #cross span:nth-child(2) {
  width: 0%;
  height: 2px;
  position: absolute;
  left: 0;
  top: 16px;
  transition-delay: 0.25s;
  transition: width ease 0.25s;
}

.hamburger.open #hamburger span {
  width: 0%;
}
.hamburger.open #hamburger span:nth-child(1) {
  transition-delay: 0s;
}
.hamburger.open #hamburger span:nth-child(2) {
  transition-delay: 0.125s;
}
.hamburger.open #hamburger span:nth-child(3) {
  transition-delay: 0.25s;
}
.hamburger.open #cross span:nth-child(1) {
  height: 100%;
  transition-delay: 0.625s;
}
.hamburger.open #cross span:nth-child(2) {
  width: 100%;
  transition-delay: 0.375s;
}

/* CUSTOM CONTAINER */
@media (min-width: 1170px) {
  .container {
    max-width: 1100px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1260px;
  }
}
/* PAGE TRANSITION */
.first-transition {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9;
  right: 0;
  bottom: 0;
  background: var(--color-main);
  animation: first-transition 1s;
  animation-fill-mode: forwards;
}

@keyframes first-transition {
  from {
    bottom: 0;
  }
  to {
    bottom: -100%;
  }
}
.page-transition {
  width: 100%;
  height: 0;
  position: fixed;
  z-index: 9;
  left: 0;
  top: 0;
  background: var(--color-main);
  transition: all ease 1s;
}
.page-transition.active {
  height: 100%;
}

/* SEARCH BOX */
.search-box {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
  background: var(--color-dark);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  opacity: 0;
  visibility: hidden;
  color: #fff;
}
.search-box .inner {
  width: 50vw;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}
.search-box .inner form {
  width: 100%;
  display: block;
}
.search-box .inner form input[type=search] {
  width: 100%;
  height: 70px;
  border: 4px solid #232222;
  background: none;
  font-size: 20px;
  margin-bottom: 30px;
  color: #fff;
}
.search-box .inner form input[type=submit] {
  height: 70px;
  background: var(--color-main);
  border: none;
  font-weight: 600;
  padding: 0 60px;
}
.search-box.active {
  opacity: 1;
  visibility: visible;
}

/* SIDE WIDGET */
.side-widget {
  width: 400px;
  height: 100vh;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: fixed;
  left: -100%;
  top: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  background: #232222;
  z-index: 8;
  box-shadow: 0 0 60px #000;
  padding: 20px 30px;
  color: #fff;
}
.side-widget .inner {
  width: 100%;
  display: inline-block;
  max-height: 100%;
  overflow: auto;
  padding-left: 25px;
}
.side-widget .logo {
  width: 100%;
  display: block;
  margin-bottom: 40px;
}
.side-widget .logo img {
  height: 40px;
}
.side-widget .show-mobile {
  display: none;
}
.side-widget .hide-mobile {
  display: block;
}
.side-widget iframe {
  width: 100%;
  height: 180px;
  border: 3px solid var(--color-main);
}
.side-widget p {
  width: 100%;
  display: block;
}
.side-widget .widget-title {
  width: 100%;
  display: block;
  font-weight: 600;
  color: var(--color-main);
  line-height: 1;
  font-family: Acme-Regular;
  font-size: 24px;
  margin-bottom: 5px;
  margin-top: 20px;
}
.side-widget .address {
  width: 100%;
  display: block;
  margin-top: 10px;
}
.side-widget .social-media {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.side-widget .social-media li {
  display: inline-block;
  margin-right: 20px;
  padding: 0;
  list-style: none;
}
.side-widget .social-media li a {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
.side-widget .custom-menu {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  margin-top: 20px;
}
.side-widget .custom-menu ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.side-widget .custom-menu ul li {
  display: inline-block;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}
.side-widget .custom-menu ul li a {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}
.side-widget .site-menu {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  margin-top: 20px;
}
.side-widget .site-menu ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.side-widget .site-menu ul li {
  display: block;
  margin: 3px 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.side-widget .site-menu ul li i {
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: -30px;
  top: 2px;
  font-style: normal;
  font-size: 22px;
  font-family: Arial;
  cursor: pointer;
}
.side-widget .site-menu ul li i:before {
  content: "+";
}
.side-widget .site-menu ul li ul {
  display: none;
  padding-left: 10px;
  margin-bottom: 10px;
}
.side-widget .site-menu ul li ul li.menu-item a:after {
  content: "";
  display: none;
}
.side-widget .site-menu ul li ul li.menu-item-has-children a:after {
  content: "+";
  display: inline-block;
  margin-left: 5px;
}
.side-widget .site-menu ul li ul li.menu-item-has-children ul li a:after {
  content: "";
  display: none;
}
.side-widget .site-menu ul li a {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding: 0;
  display: inline-block;
  position: relative;
}
.side-widget .site-menu ul li a:hover {
  background: none;
}
.side-widget .site-menu ul li a:focus {
  background: none;
}
.side-widget small {
  font-size: 11px;
  width: 100%;
  display: block;
  margin-top: 20px;
}
.side-widget.active {
  left: 0;
}

/* NAVBAR */
.navbar {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
  padding: 20px 60px;
  transition: all ease 0.5s;
}
.navbar.sticky {
  background: var(--color-dark);
}
.navbar.nav-down {
  top: 0;
}
.navbar.nav-up {
  top: -100%;
}
.navbar .logo {
  margin-left: 0;
  margin-right: 50px;
}
.navbar .logo a {
  display: inline-block;
}
.navbar .logo a img {
  height: 50px;
}
.navbar .custom-menu {
  display: inline-block;
  margin: 0 20px;
}
.navbar .custom-menu ul {
  margin: 0;
  padding: 0;
}
.navbar .custom-menu ul li {
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  list-style: none;
}
.navbar .custom-menu ul li a {
  color: #fff;
  display: inline-block;
  position: relative;
  padding: 2px 0;
}
.navbar .custom-menu ul li a:hover {
  text-decoration: none;
}
.navbar .custom-menu ul li a:hover:after {
  bottom: 0;
  opacity: 1;
}
.navbar .custom-menu ul li a:after {
  content: "";
  width: 100%;
  height: 3px;
  background: var(--color-main);
  position: absolute;
  left: 0;
  bottom: -3px;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.navbar .site-menu {
  display: inline-block;
  margin: 0 auto;
}
.navbar .site-menu ul {
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.navbar .site-menu ul li {
  display: inline-block;
  margin: 0 15px;
  padding: 0;
  list-style: none;
  position: relative;
}
.navbar .site-menu ul li ul {
  min-width: 140px;
  position: absolute;
  left: -25px;
  top: calc(100% + 20px);
  background: var(--color-main);
  white-space: nowrap;
  padding: 20px 0;
  opacity: 0;
  transform: translateY(10px);
  visibility: hidden;
}
.navbar .site-menu ul li ul:before {
  content: "";
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  top: -20px;
}
.navbar .site-menu ul li ul li {
  width: 100%;
  display: block;
  padding: 0 25px;
  margin: 0;
}
.navbar .site-menu ul li ul li a {
  display: inline-block;
}
.navbar .site-menu ul li ul li a:after {
  display: none;
}
.navbar .site-menu ul li ul li a:hover {
  text-decoration: underline;
}
.navbar .site-menu ul li:hover ul {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.navbar .site-menu ul li:hover ul li ul {
  left: 100%;
  top: -20px;
  opacity: 0;
  transform: translateY(10px);
  visibility: hidden;
  background: var(--color-dark);
  z-index: 1;
}
.navbar .site-menu ul li:hover ul li:hover ul {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.navbar .site-menu ul li:hover ul li:hover li ul {
  opacity: 0;
  transform: translateY(10px);
  visibility: hidden;
  background: #1c1c1c;
}
.navbar .site-menu ul li:hover ul li:hover li:hover ul {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.navbar .site-menu ul li a {
  color: #fff;
  display: inline-block;
  position: relative;
  padding: 2px 0;
}
.navbar .site-menu ul li a:hover {
  text-decoration: none;
  background: none !important;
}
.navbar .site-menu ul li a:focus {
  text-decoration: none;
  background: none !important;
}
.navbar .site-menu ul li a:hover:after {
  bottom: 0;
  opacity: 1;
}
.navbar .site-menu ul li a:after {
  content: "";
  width: 100%;
  height: 3px;
  background: var(--color-main);
  position: absolute;
  left: 0;
  bottom: -3px;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.navbar .search {
  display: inline-block;
  color: #fff;
  font-size: 23px;
  cursor: pointer;
  margin-left: auto;
  margin-right: 0;
}
.navbar .hamburger {
  display: inline-block;
  color: #fff;
  margin-left: 20px;
  margin-right: 0;
}
.navbar .navbar-button {
  margin-left: 20px;
  color: #fff;
  cursor: pointer;
}
.navbar .navbar-button img {
  height: 26px;
}

/* 16. SLIDER */
.slider {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  background: var(--color-dark);
}
.slider .main-slider {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.slider .main-slider .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-align: center;
  color: #fff;
  overflow: hidden;
}

/* UPDATED SLIDE INNER FOR GLASSMORPHISM EFFECT */
.slider .main-slider .swiper-slide .slide-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: cover !important;
  background-position: center !important;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

/* REFINED GLASSY CONTAINER - UPDATED 31-MAR-2026 */
.slider .main-slider .swiper-slide .slide-inner .container {
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  padding: 45px 70px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.3) !important;
  display: inline-block !important;
  width: auto !important;
  max-width: 85%;
  text-align: center;
}

.slider .main-slider .swiper-slide .slide-inner .mobile-bg-image {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  background-size: cover !important;
  background-position: center !important;
}

/* HIDE GOOFY CROWN AND REPLACE WITH BRAND LOGO - 31-MAR-2026 */
.slider .main-slider .swiper-slide .slide-inner figure img {
  content: url('https://xrk.pms.mybluehost.me/wp-content/uploads/2026/04/Untitled-design.png') !important;
  height: 45px !important; /* Adjusted for better scale */
  width: auto !important;
  display: inline-block;
  margin-bottom: 5px;
}

/* SUBHEADER GOLD POP WITH DARK CONTOUR BORDER */
.slider .main-slider .swiper-slide .slide-inner h6 {
  font-family: 'Acme-Regular', sans-serif;
  color: #d4a017 !important;
  font-size: 36px;
  letter-spacing: 8px;
  margin-bottom: 12px;
  text-shadow: 
    -1px -1px 0 rgba(0,0,0,0.7),  
     1px -1px 0 rgba(0,0,0,0.7),
    -1px  1px 0 rgba(0,0,0,0.7),
     1px  1px 0 rgba(0,0,0,0.7),
     3px 3px 10px rgba(0,0,0,0.8) !important;
}

/* MAIN HEADLINE SHARPENING */
.slider .main-slider .swiper-slide .slide-inner h1 {
  font-size: 64px;
  margin-bottom: 35px;
  color: #ffffff !important;
  text-shadow: 3px 3px 18px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0,0,0,0.9) !important;
  line-height: 1.1;
  font-weight: bold !important;
}

/* MODERN SLIDER BUTTON */
.slider .main-slider .swiper-slide .slide-inner a {
  background-color: var(--color-main) !important;
  color: #fff !important;
  padding: 15px 35px !important;
  border-radius: 50px !important;
  display: inline-block !important;
  font-weight: bold;
  text-decoration: none !important;
  transition: transform 0.3s ease, background 0.3s ease !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.4) !important;
}

.slider .main-slider .swiper-slide .slide-inner a:hover {
  background-color: #800000 !important;
  transform: scale(1.05) translateY(-2px) !important;
}

.slider .main-slider .swiper-slide .slide-inner a:before {
  display: none !important;
}

.slider .main-slider .swiper-slide .slide-inner a span {
  display: inline-block;
  position: relative;
}
.slider .main-slider .button-prev {
  width: 54px;
  height: 54px;
  line-height: 54px;
  display: inline-block;
  background: var(--color-main);
  text-align: center;
  color: #fff;
  border-radius: 50%;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  position: absolute;
  left: 60px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.slider .main-slider .button-prev:hover {
  color: var(--color-main);
  background: var(--color-light);
}
.slider .main-slider .button-next {
  width: 54px;
  height: 54px;
  line-height: 54px;
  display: inline-block;
  background: var(--color-main);
  text-align: center;
  color: #fff;
  border-radius: 50%;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.slider .main-slider .button-next:hover {
  color: var(--color-main);
  background: var(--color-light);
}
.slider .main-slider .bottom-bar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 30px 60px;
  z-index: 2;
  color: #fff;
}
.slider .main-slider .bottom-bar .social-media {
  width: 40%;
}
.slider .main-slider .bottom-bar .social-media span {
  display: inline-block;
  margin-right: 5px;
}
.slider .main-slider .bottom-bar .social-media ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.slider .main-slider .bottom-bar .social-media ul li {
  display: inline-block;
  margin-right: 7px;
  padding: 0;
  list-style: none;
}
.slider .main-slider .bottom-bar .social-media ul li a {
  color: #fff;
  font-size: 13px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.slider .main-slider .bottom-bar .social-media ul li a:hover {
  color: var(--color-main);
}
.slider .main-slider .bottom-bar .fraction {
  width: 20%;
  position: static;
  text-align: center;
}
.slider .main-slider .bottom-bar .phone {
  width: 40%;
  display: inline-block;
  text-align: right;
}
.slider .main-slider .bottom-bar .phone span {
  display: inline-block;
}
.slider .main-slider .bottom-bar .phone a {
  color: #fff;
  display: inline-block;
  position: relative;
  padding: 2px 0;
}
.slider .main-slider .bottom-bar .phone a:hover {
  text-decoration: none;
}
.slider .main-slider .bottom-bar .phone a:hover:after {
  bottom: 0;
  opacity: 1;
}
.slider .main-slider .bottom-bar .phone a:after {
  content: "";
  width: 100%;
  height: 3px;
  background: var(--color-main);
  position: absolute;
  left: 0;
  bottom: -3px;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* PAGE HEADER */
.page-header {
  width: 100%;
  height: 540px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: var(--color-dark);
  background-size: cover;
}
.page-header .container {
  position: relative;
  color: #fff;
  padding-top: 90px;
}
.page-header .container h1 {
  font-size: 110px;
  font-family: Acme-Regular;
}
.page-header .container h6 {
  width: 100%;
  display: block;
  margin: 0;
  font-size: 20px;
}
.page-header .social-media {
  width: 100%;
  display: block;
  transform: translateY(100px);
}
.page-header .social-media span {
  display: inline-block;
  margin-right: 5px;
}
.page-header .social-media ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.page-header .social-media ul li {
  display: inline-block;
  margin-right: 7px;
  padding: 0;
  list-style: none;
}
.page-header .social-media ul li a {
  color: #fff;
  font-size: 13px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.page-header .social-media ul li a:hover {
  color: var(--color-main);
}

/* CONTENT SECTION */
.content-section {
  width: 100%;
  display: block;
  padding: 100px 0;
  background-position: center;
  background-size: cover !important;
  background-repeat: no-repeat;
}

.bg-contain {
  background-size: contain !important;
}

/* SECTION TITLE */
.section-title {
  width: 100%;
  display: block;
  margin-bottom: 50px;
  text-align: center;
}
.section-title .title-shape {
  height: 18px;
  margin-top: 20px;
  display: inline-block;
}
.section-title h6 {
  font-size: 40px;
  color: var(--color-main);
  font-family: Acme-Regular;
  margin: 0;
}
.section-title h2 {
  font-size: 50px;
  line-height: 1;
  margin: 0;
}

/* CUSTOM BUTTON */
.custom-button {
  height: 64px;
  line-height: 68px;
  display: inline-block;
  padding: 0 46px;
  color: #fff;
  font-family: Acme-Regular;
  font-size: 30px;
  border: 2px solid var(--color-main);
  color: var(--color-main);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.custom-button:hover {
  background: var(--color-main);
  color: #fff;
  text-decoration: none;
}

/* SIDE CONTENT */
.side-content {
  width: 100%;
  display: block;
  padding-right: 10%;
}
.side-content h6 {
  font-size: 60px;
  color: var(--color-main);
  font-family: Acme-Regular;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.side-content h3 {
  font-size: 56px;
  margin-bottom: 30px;
}
.side-content p {
  width: 100%;
  display: block;
  padding-right: 10%;
  line-height: 1.7;
  margin-bottom: 30px;
}
.side-content .thumbs {
  width: 80%;
  display: block;
  margin: 0;
  padding: 0;
}
.side-content .thumbs li {
  width: 47%;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.side-content .thumbs li img {
  width: 100%;
}
.side-content .thumbs li a {
  display: block;
}

/* RESERVATION FORM */
.reservation-form {
  width: 100%;
  display: block;
  padding: 100px;
  background: url("../images/pattern-bg.png") var(--color-main);
  color: #fff;
}
.reservation-form h3 {
  width: 100%;
  display: block;
  font-size: 60px;
  font-family: Acme-Regular;
  margin-bottom: 30px;
}
.reservation-form select {
  width: 70%;
  border: none;
}
.reservation-form input[type=text] {
  border: none;
}
.reservation-form .date {
  width: 40%;
  margin-right: 10px;
  border: none;
}
.reservation-form .time {
  width: 40%;
  border: none;
}
.reservation-form input[type=submit] {
  border: 2px solid #fff;
  color: #fff;
}

/* DATE PICKER */
.datepicker-dropdown {
  border: none;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
  color: var(--color-main);
}

.datepicker-panel > ul > li.highlighted {
  background-color: var(--color-light);
}

.datepicker-panel > ul > li:hover {
  background-color: var(--color-light);
}

/* ICON BOX*/
.icon-box {
  width: 100%;
  display: block;
  margin: 15px 0;
  padding: 0 10%;
  text-align: center;
}
.icon-box figure {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.icon-box figure img {
  height: 70px;
}
.icon-box h6 {
  font-size: 34px;
  color: var(--color-main);
  margin-bottom: 10px;
  font-family: Acme-Regular;
  line-height: 1;
}

/* MENU PACK BOX */
.menu-pack-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.menu-pack-box:hover .content {
  max-height: 320px;
  height: auto;
}
.menu-pack-box:hover figure img {
  transform: scale(1.05);
  opacity: 1;
}
.menu-pack-box figure {
  width: 100%;
  display: block;
  margin: 0;
  padding-bottom: 30px;
  overflow: hidden;
  background: var(--color-dark);
}
.menu-pack-box figure img {
  width: 100%;
  float: left;
  opacity: 0.6;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.menu-pack-box .content {
  width: 80%;
  max-height: 100px;
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fff;
  padding: 30px;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.menu-pack-box .content h5 {
  font-size: 54px;
  margin-bottom: 10px;
  font-family: Acme-Regular;
  line-height: 1;
  color: var(--color-main);
}
.menu-pack-box .content ul {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  padding: 0;
}
.menu-pack-box .content ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 5px 0;
  list-style: none;
}
.menu-pack-box .content p {
  width: 100%;
  display: block;
  color: #969595;
  line-height: 1.7;
}
.menu-pack-box .content p:last-child {
  margin-bottom: 0;
}
.menu-pack-box .content p span {
  font-size: 30px;
  color: var(--color-main);
}
.menu-pack-box .content p span small {
  font-size: 18px;
  display: inline-block;
  margin-right: 4px;
  transform: translateY(-7px);
}

/* 26. SIDE MENU LIST (WHITE BACKGROUND UPDATED) */
.vc_row-fluid .vc_row:nth-child(3) .side-image-menu-list {
  margin-bottom: 100px;
}

.side-image-menu-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-top: 100px;
  margin-bottom: 200px;
}

.side-image-menu-list, 
.side-image-menu-list .left-side-image,
.side-image-menu-list .right-side-image,
.side-image-menu-list .left-menu-list,
.side-image-menu-list .right-menu-list,
.vc_row.wpb_row, 
.vc_column-inner, 
.wpb_wrapper {
    background-color: #ffffff !important;
}

.side-image-menu-list .left-side-image {
  width: 70%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.side-image-menu-list .left-side-image:before {
  display: none !important;
}

.side-image-menu-list .left-side-image img {
  width: 100%;
  float: left;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
}
.side-image-menu-list .right-side-image {
  width: 70%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.side-image-menu-list .right-side-image:before {
  display: none !important;
}

.side-image-menu-list .right-side-image img {
  width: 100%;
  float: left;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
}
.side-image-menu-list .left-menu-list {
  width: 45%;
  display: inline-block;
  position: relative;
  margin-right: auto;
  padding: 50px;
  margin-bottom: -100px;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.05);
  z-index: 2;
}
.side-image-menu-list .left-menu-list h6 {
  font-size: 54px;
  margin-bottom: 10px;
  font-family: Acme-Regular;
  line-height: 1;
}
.side-image-menu-list .left-menu-list ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.side-image-menu-list .left-menu-list ul li {
  width: 100%;
  float: left;
  flex-wrap: wrap;
  margin: 0;
  padding: 10px 0;
  list-style: none;
}
.side-image-menu-list .left-menu-list ul li b {
  width: 20%;
  float: right;
  font-size: 30px;
  color: var(--color-main);
  text-align: right;
  margin-top: 5px;
}
.side-image-menu-list .left-menu-list ul li b small {
  font-size: 18px;
  display: inline-block;
  margin-right: 4px;
  transform: translateY(-7px);
}
.side-image-menu-list .left-menu-list ul li p {
  width: 80%;
  float: left;
  margin: 0;
  font-size: 20px;
}
.side-image-menu-list .left-menu-list ul li span {
  width: 80%;
  float: left;
  opacity: 0.5;
  font-size: 14px;
}
.side-image-menu-list .right-menu-list {
  width: 45%;
  display: inline-block;
  position: relative;
  margin-left: auto;
  padding: 50px;
  margin-bottom: -100px;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.05);
  z-index: 2;
}
.side-image-menu-list .right-menu-list h6 {
  font-size: 54px;
  margin-bottom: 10px;
  font-family: Acme-Regular;
  line-height: 1;
}
.side-image-menu-list .right-menu-list ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.side-image-menu-list .right-menu-list ul li {
  width: 100%;
  float: left;
  margin: 0;
  padding: 10px 0;
  list-style: none;
}
.side-image-menu-list .right-menu-list ul li b {
  width: 20%;
  float: right;
  font-size: 30px;
  color: var(--color-main);
  text-align: right;
  margin-top: 5px;
}
.side-image-menu-list .right-menu-list ul li b small {
  font-size: 18px;
  display: inline-block;
  margin-right: 4px;
  transform: translateY(-7px);
}
.side-image-menu-list .right-menu-list ul li p {
  width: 80%;
  float: left;
  margin: 0;
  font-size: 20px;
}
.side-image-menu-list .right-menu-list ul li span {
  width: 80%;
  float: left;
  opacity: 0.5;
  font-size: 14px;
}

/* SERVICE BOX */
.service-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 50px;
  background: #fff;
  margin: 15px 0;
}
.service-box:hover .content h6 {
  color: var(--color-main);
}
.service-box figure {
  width: 120px;
  display: inline-block;
  margin: 0;
}
.service-box figure img {
  height: 70px;
}
.service-box .content {
  width: calc(100% - 120px);
  display: inline-block;
}
.service-box .content h6 {
  font-size: 54px;
  margin-bottom: 10px;
  font-family: Acme-Regular;
  line-height: 1;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.service-box .content p {
  width: 100%;
  display: block;
  margin: 0;
}

/* HEAD CHEF IMAGE */
.head-chef-image {
  width: 100%;
  display: block;
  margin: 0;
  text-align: center;
}
.head-chef-image img {
  max-width: 100%;
}

/* VIDEO BOX */
.video-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background: var(--color-main);
}
.video-box video {
  width: 100%;
  max-width: 100%;
  float: left;
  filter: grayscale(1);
  mix-blend-mode: overlay;
}
.video-box .content {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
}
.video-box .content h6 {
  width: 100%;
  display: block;
  font-size: 50px;
  font-family: Acme-Regular;
  margin-bottom: 30px;
}
.video-box .content a {
  width: 80px;
  height: 80px;
  line-height: 80px;
  display: inline-block;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 50%;
  font-size: 20px;
  text-indent: 2px;
}

/* PHOTO GALLERY */
.gallery-wrapper {
  width: 100%;
  display: block;
  text-align: center;
}
.gallery-wrapper .custom-button {
  display: inline-block;
  margin-top: 50px;
}

.photo-gallery {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}
.photo-gallery li {
  width: 25%;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
.photo-gallery li:nth-child(3) {
  width: 50%;
}
.photo-gallery li:nth-child(4) {
  width: 50%;
}
.photo-gallery li:nth-child(9) {
  width: 50%;
}
.photo-gallery li:nth-child(10) {
  width: 50%;
}
.photo-gallery li figure {
  width: 100%;
  float: left;
  margin: 0;
  background: var(--color-dark);
}
.photo-gallery li figure a {
  width: 100%;
  float: left;
}
.photo-gallery li figure a img {
  width: 100%;
  float: left;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* TESTIOMONIALS SLIDER */
.testimonials-slider {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.testimonials-slider .swiper-pagination {
  position: static;
  margin-top: 20px;
}
.testimonials-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  transform: scale(0.4);
  margin: 0 8px !important;
  background: var(--color-light);
  opacity: 1;
  position: relative;
  display: inline-block;
  border-radius: 50%;
}
.testimonials-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.3s ease, transform 0.3s ease;
  -webkit-transform: scale(1);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
  border: 2px solid var(--color-light);
  background: none;
}
.testimonials-slider .swiper-slide {
  max-width: 75%;
  opacity: 0.5;
}
.testimonials-slider .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.testimonial {
  width: 100%;
  display: block;
  margin: 0;
  text-align: center;
  color: #fff;
  padding: 0 10%;
}
.testimonial small {
  font-family: Acme-Regular;
  font-size: 26px;
}
.testimonial p {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  font-size: 22px;
}
.testimonial figure {
  width: 100%;
  display: block;
}
.testimonial figure img {
  height: 80px;
}
.testimonial h6 {
  font-size: 21px;
}

/* MENU LIST */
.menu-list {
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
  margin-top: 50px;
  padding-right: 30px;
}
.menu-list h6 {
  font-size: 54px;
  margin-bottom: 10px;
  font-family: Acme-Regular;
  line-height: 1;
}
.menu-list ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.menu-list ul li {
  width: 100%;
  float: left;
  flex-wrap: wrap;
  margin: 0;
  padding: 10px 0;
  list-style: none;
}
.menu-list ul li b {
  width: 20%;
  float: right;
  font-size: 30px;
  color: var(--color-main);
  text-align: right;
  margin-top: 5px;
}
.menu-list ul li b small {
  font-size: 18px;
  display: inline-block;
  margin-right: 4px;
  transform: translateY(-7px);
}
.menu-list ul li p {
  width: 80%;
  float: left;
  margin: 0;
  font-size: 20px;
}
.menu-list ul li span {
  width: 80%;
  float: left;
  opacity: 0.5;
  font-size: 14px;
}

/* TAB CONTENT */
.tab-content {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.tab-content .tab-nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 0;
  text-align: center;
  border-bottom: 1px solid #eee;
}
.tab-content .tab-nav li {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
.tab-content .tab-nav li:before {
  content: "";
  width: 15px;
  height: 15px;
  background: #eee;
  border: 3px solid #eee;
  position: absolute;
  left: 0;
  bottom: -8px;
}
.tab-content .tab-nav li.active:before {
  border-color: var(--color-main);
  background: #fff;
}
.tab-content .tab-nav li.active a {
  color: var(--color-main);
}
.tab-content .tab-nav li a {
  display: block;
  color: var(--color-dark);
  padding: 20px 0;
}
.tab-content .tab-nav li a:hover {
  text-decoration: none;
  color: var(--color-main);
}
.tab-content .tab-item {
  width: 100%;
  display: none;
  margin: 0;
  padding: 0;
}
.tab-content #tab1 {
  display: block;
}

/* TAB DISHES */
.tab-dishes {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding-top: 50px;
}
.tab-dishes .image {
  width: 45%;
  display: inline-block;
  margin: 0;
}
.tab-dishes .image img {
  width: auto;
  max-width: 100%;
}
.tab-dishes .content {
  width: 55%;
  display: inline-block;
  padding-left: 50px;
}
.tab-dishes .content h6 {
  font-size: 60px;
  color: var(--color-main);
  font-family: Acme-Regular;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.tab-dishes .content h3 {
  font-size: 56px;
  margin-bottom: 30px;
}
.tab-dishes .content p {
  width: 100%;
  display: block;
  padding-right: 10%;
  line-height: 1.7;
  margin-bottom: 30px;
}

/* RECENT NEWS */
.recent-post {
  width: 100%;
  display: block;
  background: #fff;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.05);
}
.recent-post figure {
  width: 100%;
  display: block;
  margin: 0;
}
.recent-post .content {
  width: 100%;
  display: block;
  padding: 50px;
}
.recent-post .content small {
  font-family: Acme-Regular;
  font-size: 26px;
}
.recent-post .content h3 {
  width: 100%;
  display: block;
  margin-bottom: 40px;
  font-size: 31px;
}
.recent-post .content h3 a {
  display: block;
}
.recent-post .content h3 a:hover {
  text-decoration: none;
  color: var(--color-main);
}
.recent-post .content .author {
  width: 100%;
  display: block;
  margin: 0;
}
.recent-post .content .author img {
  height: 60px;
  float: left;
  margin-right: 10px;
  border-radius: 50%;
}
.recent-post .content .author span {
  line-height: 60px;
  display: inline-block;
  color: #969595;
  font-size: 14px;
}
.recent-post .content .author span strong {
  color: var(--color-dark);
}

/* BLOG POST */
.blog-post {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.blog-post:last-child {
  margin-bottom: 0;
}
.blog-post.sticky {
  border: 1px solid #eee;
  padding: 30px;
  position: relative;
}
.blog-post.sticky:before {
  content: "";
  width: 14px;
  height: 25px;
  background: #0e0e0e;
  position: absolute;
  right: 30px;
  top: -10px;
}
.blog-post.sticky:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 6px 7px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  right: 30px;
  top: 9px;
}
.blog-post.sticky .post-content {
  background: #fff;
  padding: 30px;
}
.blog-post.post-single {
  width: 100%;
  margin-bottom: 25px;
}
.blog-post.post-single .post-image {
  width: 100%;
  flex: inherit;
  margin-bottom: 30px;
}
.blog-post.post-single .post-content {
  width: 100%;
  flex: inherit;
  display: block;
  padding: 0;
  border: none;
}
.blog-post.post-single .post-content .post-author {
  margin-bottom: 20px;
}
.blog-post.post-single .post-content .post-title {
  width: 100%;
  display: block;
  font-size: 56px;
  font-weight: 800;
  margin-bottom: 30px;
  letter-spacing: -1px;
  line-height: 1.2;
}
.blog-post.single-post {
  width: 100%;
  margin-bottom: 25px;
}
.blog-post.single-post .post-content {
  width: 100%;
}
.blog-post.single-post .post-content .post-author {
  margin-bottom: 20px;
}
.blog-post.single-post .post-content .post-title {
  margin-bottom: 20px;
  font-size: 4vw;
}
.blog-post .post-image {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.blog-post .post-image img {
  max-width: 100%;
}
.blog-post .post-content {
  width: 100%;
  display: block;
}
.blog-post .post-content .post-inner {
  width: 100%;
}
.blog-post .post-content .post-tags {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  padding: 0;
}
.blog-post .post-content .post-tags li {
  display: inline-block;
  margin: 3px 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}
.blog-post .post-content .post-tags li a {
  background: #c58f59;
  color: #fff;
  padding: 4px 12px;
  font-size: 11px;
}
.blog-post .post-content .post-date {
  width: 100%;
  display: inline-block;
  font-family: Acme-Regular;
  margin-bottom: 10px;
  font-size: 30px;
  color: var(--color-main);
}
.blog-post .post-content .post-title {
  width: 100%;
  display: block;
  font-size: 3vw;
  font-weight: 400;
  margin-bottom: 30px;
  line-height: 1.2;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.blog-post .post-content .post-title a {
  display: block;
  color: var(--color-dark);
}
.blog-post .post-content .post-title a:hover {
  text-decoration: none;
  color: var(--color-main);
}
.blog-post .post-content .post-author {
  width: 100%;
  display: flex;
  align-items: center;
}
.blog-post .post-content .post-author img {
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
}
.blog-post .post-content .post-author span {
  display: inline-block;
  color: #4E4E4E;
  font-size: 15px;
}
.blog-post .post-content .post-author b {
  font-weight: 600;
}
.blog-post .post-content .post-categories {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding: 0;
}
.blog-post .post-content .post-categories li {
  display: inline-block;
  margin: 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}
.blog-post .post-content .post-categories li a {
  color: var(--color-dark);
  font-size: 11px;
  padding-bottom: 3px;
  border-bottom: 2px solid var(--color-dark);
}
.blog-post .post-content .post-categories li a:hover {
  text-decoration: none;
  border-color: var(--color-main);
}
.blog-post .post-content .social-share {
  width: 100%;
  float: left;
  padding: 0;
  margin-bottom: 40px;
  text-align: center;
}
.blog-post .post-content .social-share li {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0;
  list-style: none;
}
.blog-post .post-content .social-share li.facebook a {
  background: #475993;
}
.blog-post .post-content .social-share li.twitter a {
  background: #76a9ea;
}
.blog-post .post-content .social-share li.google-plus a {
  background: #f34a38;
}
.blog-post .post-content .social-share li.linkedin a {
  background: #0077b7;
}
.blog-post .post-content .social-share li.youtube a {
  background: #f61c0d;
}
.blog-post .post-content .social-share li a {
  line-height: 44px;
  float: left;
  padding: 0 20px;
  background: var(--color-dark);
  font-weight: 600;
  color: #fff;
  border: none;
  border-radius: 0;
}
.blog-post .post-content .social-share li a:hover {
  text-decoration: none;
}
.blog-post .post-content blockquote {
  color: #fff;
  padding: 30px;
  margin-bottom: 25px;
}
.blog-post .post-content blockquote h5 {
  font-weight: 800;
}
.blog-post .post-content p {
  font-size: 17px;
  line-height: 1.4;
  margin-bottom: 25px;
}
.blog-post .post-content h3 {
  font-weight: 600;
}
.blog-post .post-content h4 {
  font-weight: 600;
}
.blog-post .post-content h5 {
  font-weight: 600;
}
.blog-post .post-content h6 {
  font-weight: 600;
}
.blog-post .post-content strong {
  font-weight: 600;
}
.blog-post .post-content u {
  text-decoration: none;
  border-bottom: 2px solid var(--color-dark);
}
.blog-post .post-content .custom-list {
  width: 100%;
  display: block;
  padding-left: 20px;
}
.blog-post .post-content .custom-list li {
  font-size: 17px;
}
.blog-post .post-content .image-full {
  display: block;
  height: auto;
  margin-bottom: 30px;
  margin-top: 30px;
}
.blog-post .post-content .image-full img {
  width: 100%;
}
.blog-post .post-content .link-more {
  font-weight: 600;
}
.blog-post .post-content .link-more:hover {
  color: #c58f59;
  text-decoration: none;
}

/* PAGINATION */
.pagination {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.pagination .page-item {
  display: inline-block;
}
.pagination .page-item .page-link {
  height: 60px;
  line-height: 60px;
  padding: 0 40px;
  border-radius: 0 !important;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-dark);
  outline: none !important;
}
.pagination .page-item .page-link:focus {
  outline: none !important;
}

/* DEFAULT WP PAGINATION */
.page-numbers {
  height: 60px;
  line-height: 60px;
  display: inline-block;
  padding: 0 20px;
  border-radius: 0 !important;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-dark);
  outline: none !important;
  border: 1px solid #dee2e6;
}
.page-numbers.current {
  background: #e9ecef;
}
.page-numbers:hover {
  background: #e9ecef;
  text-decoration: none;
}

/* TEAM MEMBER */
.team-member {
  width: 100%;
  display: block;
  text-align: center;
}
.team-member figure {
  width: 100%;
  display: block;
  margin: 0;
}
.team-member figure img {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--color-light);
}
.team-member figure figcaption {
  width: 100%;
  display: block;
}
.team-member figure figcaption h6 {
  font-size: 20px;
  display: block;
  margin-bottom: 5px;
}
.team-member figure figcaption small {
  width: 100%;
  display: block;
  margin-bottom: 5px;
  font-family: Acme-Regular;
  font-size: 24px;
  color: var(--color-main);
}
.team-member figure figcaption ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.team-member figure figcaption ul li {
  display: inline-block;
  margin: 0 4px;
  padding: 0;
  list-style: none;
}
.team-member figure figcaption ul li a {
  display: block;
  font-size: 12px;
}
.team-member figure figcaption ul li a:hover {
  color: var(--color-main);
}

/* MENU IMAGES SLIDER */
.menu-images-slider {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.menu-images-slider .swiper-pagination {
  margin-bottom: 20px;
}
.menu-images-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  transform: scale(0.4);
  margin: 0 8px !important;
  background: var(--color-light);
  opacity: 1;
  position: relative;
  display: inline-block;
  border-radius: 50%;
}
.menu-images-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.3s ease, transform 0.3s ease;
  -webkit-transform: scale(1);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
  border: 2px solid var(--color-light);
  background: none;
}

/* DELIVERY FORM */
.delivery-form {
  width: 100%;
  display: block;
  margin: 0;
}
.delivery-form input[type=text] {
  width: 100%;
}
.delivery-form textarea {
  width: 100%;
}
.delivery-form select {
  width: 100%;
}
.delivery-form .half {
  width: 49%;
}
.delivery-form .half:last-child {
  float: right;
}

/* CONTACT BOX */
.contact-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.contact-box figure {
  width: 80px;
  display: inline-block;
}
.contact-box figure img {
  height: 55px;
}
.contact-box h6 {
  width: calc(100% - 80px);
  display: inline-block;
  margin: 0;
  padding: 0;
  font-family: Acme-Regular;
  color: var(--color-main);
  font-size: 50px;
}
.contact-box p {
  width: 100%;
  display: block;
  padding-left: 80px;
  margin: 0;
}

/* CONTACT FORM */
.contact-form {
  width: 100%;
  display: block;
  padding: 100px;
  background: url("../images/pattern-bg.png") var(--color-main);
  color: #fff;
}
.contact-form h3 {
  width: 100%;
  display: block;
  font-size: 60px;
  font-family: Acme-Regular;
  margin-bottom: 30px;
}
.contact-form .form-group {
  width: 100%;
  display: block;
}
.contact-form .form-group:last-child {
  margin-bottom: 0;
}
.contact-form .form-group select {
  width: 100%;
  border: none;
}
.contact-form .form-group input[type=text] {
  border: none;
}
.contact-form .form-group textarea {
  border: none;
}
.contact-form .form-group input[type=submit] {
  border: 2px solid #fff;
  color: #fff;
}

.google-maps {
  width: 100%;
  height: 80vh;
}
.google-maps iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 10px solid var(--color-light);
}

/* ERROR 404 */
.error-404 {
  width: 100%;
  display: block;
  text-align: center;
}
.error-404 figure {
  width: 100%;
  display: block;
  margin: 0;
}
.error-404 figure img {
  height: 200px;
}
.error-404 h4 {
  width: 100%;
  display: block;
  font-size: 100px;
  font-family: Acme-Regular;
  color: var(--color-main);
  line-height: 1;
}
.error-404 p {
  display: block;
  margin-bottom: 40px;
}

/* INSTAGRAM FEED*/
.instagram-feed {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.instagram-feed:before {
  content: "";
  width: 100%;
  height: 123px;
  background: #141414;
  position: absolute;
  left: 0;
  bottom: 0;
}

#sb_instagram {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
#sb_instagram .sb_instagram_header {
  width: 100%;
  display: block;
  order: 1;
  margin: 0 !important;
}
#sb_instagram .sb_instagram_header .sbi_header_link {
  width: 100%;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
#sb_instagram .sb_instagram_header .sbi_header_link .sbi_header_text {
  width: 100%;
  float: left;
  order: 2;
}
#sb_instagram .sb_instagram_header .sbi_header_link .sbi_header_text h3 {
  width: 100%;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Acme-Regular;
  font-size: 30px;
}
#sb_instagram .sb_instagram_header .sbi_header_link .sbi_header_img {
  width: 100% !important;
  float: left;
  order: 1;
  margin: 0 !important;
  background: none !important;
}
#sb_instagram .sb_instagram_header svg {
  width: 46px !important;
  height: 45px !important;
  position: static !important;
  margin: 0 !important;
}
#sb_instagram .sb_instagram_header svg path {
  fill: var(--color-main);
}
#sb_instagram .sbi_photo_wrap {
  background: var(--color-dark);
}
#sb_instagram #sbi_images {
  width: 100%;
  display: block;
  order: 3;
}
#sb_instagram #sbi_load {
  width: 100%;
  display: block;
  order: 2;
  padding: 0;
  margin-bottom: 20px;
}
#sb_instagram #sbi_load a {
  background: none !important;
  color: var(--color-dark) !important;
  margin: 0 !important;
  padding: 0 !important;
}
#sb_instagram #sbi_load a:hover {
  background: none !important;
  color: var(--color-dark) !important;
  box-shadow: none !important;
}
#sb_instagram #sbi_load a svg {
  display: none !important;
}

/* FOOTER */
.footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--color-dark);
  background-position: center;
  background-size: cover;
  color: #fff;
}
.footer .col-lg-3, .footer .col-lg-2, .footer .col-lg-5 {
  padding-top: 150px;
}
.footer .logo {
  width: 100%;
  display: block;
}
.footer .logo a {
  display: inline-block;
}
.footer .logo a img {
  height: 50px;
}
.footer .widget-title {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  margin-top: 15px;
  line-height: 1;
  color: var(--color-light);
  font-family: Acme-Regular;
  font-size: 34px;
}
.footer ul {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
}
.footer ul li {
  width: 100%;
  margin: 0;
  padding: 5px 0;
}
.footer ul li a {
  display: inline-block;
  color: #fff;
}
.footer form {
  width: 100%;
  display: block;
  margin-bottom: 50px;
}
.footer form input[type=email] {
  border: none;
  margin-bottom: 10px;
}
.footer .tripadvisor {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 50px;
}
.footer .tripadvisor h6 {
  display: inline-block;
  margin: 0;
  margin-right: 20px;
  line-height: 1;
  color: var(--color-main);
  font-family: Acme-Regular;
  font-size: 34px;
  padding-top: 4px;
}
.footer .tripadvisor img {
  display: inline-block;
  height: 46px;
  margin-right: 20px;
}
.footer .tripadvisor span {
  display: inline-block;
}
.footer .tripadvisor span b {
  font-weight: 400;
  color: var(--color-main);
}
.footer .footer-bottom {
  width: 100%;
  float: left;
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer .footer-bottom span {
  font-size: 15px;
  float: left;
}
.footer .footer-bottom span a {
  color: var(--color-light);
  text-decoration: underline;
}
.footer .footer-bottom span:last-child {
  float: right;
}

/* RESPONSIVE MEDIUM  */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
  .navbar .custom-menu {
    margin: 0 10px;
  }

  .navbar .site-menu ul li {
    margin: 0 10px;
  }

  .navbar .logo {
    margin-right: 30px;
  }

  .reservation-form {
    padding: 50px;
  }

  .side-content h3 br {
    display: none;
  }

  .menu-pack-box .content {
    width: 100%;
  }

  .side-content .thumbs li {
    width: 30%;
  }

  .side-content p {
    padding-right: 0;
  }

  .recent-post .content {
    padding: 30px;
  }

  .google-maps {
    height: 60vh;
  }
}
/* RESPONSIVE TABLET  */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  .search-box .inner {
    width: 100vw;
    max-width: 80vw;
  }

  .navbar .custom-menu {
    display: none;
  }

  .navbar .site-menu {
    display: none;
  }

  .side-widget .hide-mobile {
    display: none;
  }

  .side-widget .show-mobile {
    display: block;
  }

  .slider .main-slider .button-prev {
    display: none;
  }

  .slider .main-slider .button-next {
    display: none;
  }

  .slider .main-slider .swiper-slide .slide-inner h1 {
    font-size: 54px;
  }

  .slider .main-slider .swiper-slide .slide-inner h1 br {
    display: none;
  }

  .slider .main-slider .swiper-slide .slide-inner .mobile-bg-image {
    display: block;
  }

  .side-content {
    margin-bottom: 50px;
  }

  .menu-pack-box {
    margin: 15px 0;
  }

  .side-image-menu-list .left-side-image {
    width: 100%;
  }

  .side-image-menu-list .right-side-image {
    width: 100%;
  }

  .side-image-menu-list .right-menu-list {
    width: 100%;
    margin-top: 50%;
  }

  .side-image-menu-list .left-menu-list {
    width: 100%;
    margin-top: 50%;
  }

  .photo-gallery li {
    width: 50%;
  }

  .testimonials-slider .swiper-slide {
    max-width: 100%;
  }

  .head-chef-image {
    text-align: center;
  }

  .recent-post {
    margin: 15px 0;
  }

  .team-member {
    margin: 15px 0;
  }

  .tab-dishes .image {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
  }

  .tab-dishes .content {
    width: 100%;
    padding: 0;
  }

  .sidebar {
    padding-left: 0 !important;
    margin-top: 30px;
  }

  .footer .col-lg-3, .footer .col-lg-2, .footer .col-lg-5 {
    padding-top: 0;
  }

  .footer .col-lg-3 {
    padding-top: 100px;
  }

  .sidebar .widget_rss ul li {
    margin-bottom: 15px;
  }

  .sidebar .widget_rss ul li a {
    font-size: 20px;
  }
}
/* RESPONSIVE MOBILE */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .side-widget {
    box-shadow: none;
    max-width: 70vw;
  }

  .navbar {
    padding: 20px 0;
  }

  .navbar .logo {
    margin-right: 0;
  }

  .navbar .logo a img {
    height: 36px;
  }

  .navbar .navbar-button {
    margin-left: 15px;
  }

  .navbar .hamburger {
    margin-left: 15px;
  }

  .slider .main-slider .swiper-slide .slide-inner h1 {
    font-size: 36px;
  }

  .slider .main-slider .swiper-slide .slide-inner h1 br {
    display: none;
  }

  .slider .main-slider .swiper-slide .slide-inner h6 {
    font-size: 34px;
  }

  .slider .main-slider .bottom-bar {
    padding: 20px 15px;
  }

  .slider .main-slider .bottom-bar .fraction {
    display: none;
  }

  .slider .main-slider .bottom-bar .social-media {
    width: 50%;
  }

  .slider .main-slider .bottom-bar .social-media span {
    display: none;
  }

  .slider .main-slider .bottom-bar .phone span {
    display: none;
  }

  .slider .main-slider .bottom-bar .phone {
    width: 50%;
  }

  .side-content h6 {
    font-size: 50px;
  }

  .side-content h3 {
    font-size: 44px;
  }

  .reservation-form {
    padding: 30px;
  }

  .reservation-form .form-group select {
    width: 100%;
  }

  .reservation-form .form-group .date {
    width: 48%;
    margin-right: 0;
  }

  .reservation-form .form-group .time {
    width: 48%;
  }

  .section-title h2 {
    font-size: 40px;
  }

  .side-image-menu-list {
    margin-bottom: 150px;
  }

  .side-image-menu-list .left-menu-list {
    padding: 30px 20px;
  }

  .service-box {
    text-align: center;
    padding: 30px;
  }

  .service-box figure {
    width: 100%;
    margin-bottom: 20px;
  }

  .service-box .content {
    width: 100%;
  }

  .side-image-menu-list .right-menu-list {
    padding: 30px 20px;
  }

  .side-content .thumbs {
    width: 100%;
  }

  .side-content .thumbs li {
    width: 48%;
  }

  .testimonials-slider .swiper-slide {
    max-width: 100%;
  }

  .video-box .content h6 {
    margin-bottom: 10px;
  }

  .tab-dishes .content h6 {
    font-display: 50px;
  }

  .tab-dishes .content h3 br {
    display: none;
  }

  .tab-dishes .content h3 {
    font-size: 44px;
  }

  .tab-dishes .content p {
    padding-right: 0;
  }

  .tab-content {
    overflow: hidden;
  }

  .tab-content .tab-nav-wrapper {
    max-width: 100%;
    overflow-x: scroll;
  }

  .tab-content .tab-nav {
    width: 1000px;
    flex-wrap: wrap;
  }

  .tab-content .tab-nav li {
    width: 200px;
    text-align: left;
  }

  .page-header .container h1 {
    font-size: 70px;
  }

  .instagram-feed ul {
    flex-wrap: wrap;
    flex: initial;
  }

  .instagram-feed ul li {
    width: 50%;
    flex: initial;
    display: inline-block;
  }

  .instagram-feed ul li:last-child {
    display: none;
  }

  .footer .tripadvisor h6 {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }

  .footer .footer-bottom span {
    font-size: 12px;
  }

  .footer .footer-bottom span:last-child {
    float: right;
  }

  .sbi_item:last-child {
    display: none !important;
  }

  .logged-in.admin-bar .navbar {
    transform: translateY(46px);
  }

  .logged-in.admin-bar .navbar.sticky {
    transform: translateY(0);
  }

  .blog-post .post-content .post-title {
    font-size: 8vw;
  }

  .pagination li {
    display: none;
  }

  .pagination li:first-child {
    display: inline-block;
  }

  .pagination li:nth-child(2) {
    display: inline-block;
  }

  .pagination li:last-child {
    display: inline-block;
  }
}
/* CUSTOM FIXES */
.wp-block-quote p:last-child {
  margin-bottom: 0;
}

.page.type-page code {
  background: #eee;
  padding: 4px;
  color: #0e0e0e;
  font-family: Courier;
}

.page-links {
  position: relative;
}

.post-501 .page-links {
  float: left;
  margin-top: 60px;
}

.post-501 .post-entry-footer {
  float: left;
}

.post-1133 .post-entry-footer {
  float: left;
}

.wp-image-907 {
  width: 100%;
}

.error-404.not-found {
  text-align: center;
}

.error-404.not-found .search-form {
  display: inline-block;
  margin: 0 auto;
}

.error-404.not-found .search-form label {
  float: left;
  margin-right: 10px;
}

.error-404.not-found .search-form input[type=submit] {
  float: left;
}

.error-404.not-found .screen-reader-text {
  display: none;
}

.error-404.not-found img {
  max-height: 460px;
  margin-bottom: 30px;
}

.is-style-squared .wp-block-button__link {
  border-radius: 0 !important;
}

.blog-post .post-content .wp-block-quote {
  border: none;
  color: #fff;
  background: #c58f59;
  padding: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog-post .post-content .wp-block-quote a {
  color: #fff;
}

.blog-post .post-content .has-medium-font-size {
  font-size: 20px;
}

.page.type-page {
  width: 100%;
}

.blog-post .post-content select {
  width: 100%;
}

.logged-in.admin-bar .navbar {
  transform: translateY(32px);
}

.logged-in.admin-bar .site-navigation.active .inner {
  margin-top: 32px;
}

.search-no-results .content-section {
  text-align: center;
}

.search-no-results .content-section p {
  width: 100%;
  display: block;
  font-size: 22px;
  padding: 0 25%;
  margin-bottom: 40px;
}

.search-no-results .content-section .screen-reader-text {
  display: none;
}

.search-no-results .content-section form {
  width: 100%;
  display: block;
  padding: 0 15%;
}

.search-no-results .content-section form label {
  width: 100%;
  margin-bottom: 20px;
}

.search-no-results .content-section form input[type=search] {
  width: 100%;
}

.wp-block-embed {
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 50px;
}

/* GLOBAL PHONE LINK STYLING */
a[href^="tel:"] {
    color: inherit !important;
    text-decoration: none !important;
    font-weight: bold !important;
    transition: color 0.3s ease;
}

a[href^="tel:"]:hover {
    color: var(--color-main) !important;
}

/*# sourceMappingURL=style.css.map */