@import url("font-style.css");
html { 
  scroll-behavior: smooth;
}
h1, h2{
  margin: 0;
}
main, .site-content{
  min-height: 60vh;
}
body{
  font-family: FS Lola,sans-serif;
  font-size: 20px;
  line-height: 1.4em;
  color: #000;
  overflow-x: hidden;
}
.container{
  max-width: 1250px;
  padding-left: 25px;
  padding-right: 25px;
}
a{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
hr{
  max-width: 1024px;
  border-top: 1px solid #d47e00;
}
.form-control, .form-control:focus{
  box-shadow: inset 0 0 0 0;
  background-color: transparent;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: initial;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 50s ease-in-out 0s;
}
.text-maya-orange{
  color: #d47e00;
}
.text-maya-gray{
  color: #56565b;
}
.elements {
  padding: 10px 0px;
  border-bottom: 1px solid;
  border-bottom-color: #fff;
}
.field {
  font-size: 15px;
  color: #fff;
}
label {
  display: inline-block;
  width: 60px;
}
input:focus {
  outline: none;
}
.bg-gray{
  background-color: #f2f2f2;
}
main section{
  padding-top: 4rem;
  overflow: hidden;
}
section.bg-gray{
  margin-top: 4rem;
  padding-bottom: 4rem;
}
.sc-title{
  font-size: 2.4em;
  font-weight: 500;
  font-style: italic;
  text-align: center;
  color: #333;
  padding-bottom: 2.5rem;
  font-weight: bold;
}
a:hover{
  text-decoration: none;
}
.btn{
  text-transform: uppercase;
  font: normal 500 18px FS Lola;
  display: block;
  line-height: 44px;;
  padding: 2px 25px 0;
}
.btn-primary{
  background-color: #d47e00;
  border-color: #d47e00;
  color: #fff;
}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary.focus, .btn-primary:focus{
  background-color: #ad6700;
  border-color: #ad6700;
  box-shadow: none;
}
.btn-outline-primary{
  border-color: #d47e00;
  color: #d47e00;
}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active, 
.btn-outline-primary:not(:disabled):not(.disabled):active, 
.show>.btn-outline-primary.dropdown-toggle{
  background-color: #d47e00;
  border-color: #d47e00;
  box-shadow: none;
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus
.btn-outline-primary.focus, .btn-outline-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus{
  box-shadow: none;
}
.box-center{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.input-group select,
.select-hide{
  display: none;
}
.select-selected {
  background-color: transparent;
  width: 100%;
  position: relative;
  z-index: 2;
  padding: .375rem .75rem;
  font-size: 1rem;
  color: #495057;
}
.select-items {
  position: absolute;
  border: 1px solid #d47e00;
  top: 100%;
  margin-top: 10px;
  left: 0;
  right: 0;
  z-index: 99;
  max-height: 200px;
  overflow-y: auto;
  border-radius: .3rem;
  background-color: #FFF;
}
.select-items div{
  color: #d47e00;
  padding: 5px 20px;
  font-size: 1rem;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.select-items div:hover, .same-as-selected {
  color: #fff;
  background-color: #d47e00;
}
/* scrollbar */
.select-items::-webkit-scrollbar {
  width: 10px;
}
.select-items::-webkit-scrollbar-thumb{
  width: 10px;
  background: #ddd;
}

/* ---- HEADER ---- */
body.open-menu{
  overflow: hidden;
}
.header-slide{
  padding: 30px 0px 7px;
  margin:0px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;  
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header-slide.before-fixed{
  padding-top: 0;
  opacity: 0;
}
.header-slide.fixed{
  padding-top: 7px;
  position: fixed;  
  opacity: 1;
  background: rgba(0,0,0,0.3);  
  background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.05) 70%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.3)), color-stop(0%, rgba(0,0,0,0.3)), color-stop(70%, rgba(0,0,0,0.05)), color-stop(100%, rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.05) 70%, rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.05) 70%, rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.05) 70%, rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.05) 70%, rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.header-slide .nav-container{
  padding: 0 40px;
  width: 100%;
}
.header-slide .custom-logo-link{
  float: left;
  width: 165px;
}
.header-slide .custom-logo-link img{
  width: 100%;
  height: auto;
}
.header-slide .nav-menu{
  float: right;
  margin-top: 5px;
}
.header-slide .btn-menu{  
  width: 50px;
  overflow: hidden;
  padding: 5px;
  display: block;
  background: none;
  border: none;
  outline: none;
}
.header-slide .btn-menu span{
  margin: 8px 0;
  height: 2px;  
  width: 100%;
  display: block;
  background-color: #d47e00;
}
.header-slide .detail-menu{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 56;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header-slide .detail-menu.show{
  opacity: 1;
  visibility: visible;
}
.header-slide .detail-menu .bg-menu{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0,0,0,0.6);
}
.header-slide .inner-detail{
  width: 40%;
  height: 100%;
  position: absolute;
  right: -40%;
  top: 0;
  padding: 50px;
  background: #fff;
  z-index: 3;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header-slide .show .inner-detail{
  right: 0%;
}
.header-slide button.close{
  font: normal 1.8rem sans-serif;
  max-width: 30px;
  color: #d47e00;
  outline: none;
  position: absolute;
  top: 30px;
  right: 40px;
  z-index: 1;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header-slide button.close:hover{
  color: #000;
}
.header-slide ul{
  padding: 0;
}
.header-slide li{
  display: inline-block;
  padding: 5px;
}
.header-slide li a{
  color: #56565b;
  padding: 5px;
  display: block;
}
.header-slide .site-lang a.active{
  color: #d47e00;
}
.header-slide li a.active,
.header-slide li a:hover{
  color:#d47e00;
  text-decoration: none;
}
.header-slide .menu-item li{
  display: block;
  padding: 10px 5px;
  font-size: 1.15em;
  font-weight: 500;
  line-height: 1.4em;
}
.header-slide .menu-footer{
  font-size: 0;
}

/* title page */
.sc-title-page{
  overflow: hidden;
}
.sc-title-page .box-bg{
  width: 100%;
  height: 0;
  padding-bottom: 36%;
  position: relative;
  background: url(../image/hero_img.jpg) center;
  background-size: cover;
}
.sc-title-page .box-center{
  padding: 0 10%;
  top: 55%;
  text-shadow: 0 0 15px rgba(0,0,0,0.8);
}
.sc-title-page h1{
  font-family: 'FS Lola';
  font-weight: 500;
  font-style: italic;
  font-size: 3vw;
  padding-bottom: 10px; 
  color: #d47e00;
}
.sc-title-page p{
  color:#FFF;
  font-family: 'FS Lola';
  font-weight: 300;
  font-style: italic;
  font-size: 1.45vw;
}

/* footer */
.footer{
  width: 100%;
  background-color: #d47e00;
}
.footer-info{
  padding-top: 40px;
  padding-bottom: 40px;
  color: #fff;
}
.footer-info a{
  color: #fff;
}
.footer-info .logo{
  display: block;
}
.footer-address{
  padding: 15px 0 0;
}
.footer-address p{
  margin: 0;
}
.footer-info .newsletter{
  padding: 5px 0;
  position: relative;
  border-bottom: 1px solid #fff;
  margin-bottom: 15px;
}
.footer input[type="email"] {
  background: none;
  border: none;
  height: 40px;
  line-height: 40px;
  width: 100%;
  color: #fff;
  position: relative;
  z-index: 1;
}
.footer input[type="email"]:-webkit-autofill,
.footer input[type="email"]:-webkit-autofill:hover,
.footer input[type="email"]:-webkit-autofill:focus{  
  -webkit-text-fill-color: #fff;
}
.footer input[type="email"]::placeholder{ 
  color: #fff;
}
.footer input[type="email"]:-ms-input-placeholder{ 
  color: #fff;
}
.footer input[type="email"]::-ms-input-placeholder{ 
  color: #fff;
}
.footer-info .submit {
  background: none;
  outline: none;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  line-height: 30px;
  color: #fff;
  padding: 10px;
}
.footer-info ul{
  display: block;
  padding: 0;
  overflow: hidden;
  margin: 0;
}
.footer-info li{
  padding: 2px 5px;
}
.footer-info .newsletter + ul > li{
  display: block;
}
.footer-info ul ul li,
.footer-info .newsletter + ul > li >*{
  display: inline-block;
  vertical-align: middle;
}
.footer-info .newsletter + ul > img{
  margin-right: 10px;
}
.footer-info ul p{
  margin-bottom: 0;
}
.footer-info ul ul{
  font-size: 0;
  overflow: hidden;
}
.footer-info ul ul li{
  padding: 1px;
}
.footer-info ul ul a{
  padding: 4px;
  display: block;
}
.footer .copy{
  background: #fff;
  text-align: center;
  padding: 15px;
}

/* page */
.page-link-label-top{
  padding: 40px 0;
  border-bottom: 1px solid #d47e00;
  margin-bottom: 40px;
  line-height: 1.2em;
}
.page-link-label-bottom{
  padding: 40px 0;
  border-top: 1px solid #d47e00;
  margin-top: 40px;
}
.page-link-label-top .page-home,
.page-link-label-bottom .page-home{
  font-style: italic;
  font-weight: 500;
  color: #56565b;
}
.page-link-label-top .page-current{
  font-style: italic;
  color: #d47e00;
}

/* datepicker */
.ui-datepicker {
  width: 100%;
  max-width: 320px;
  display: none;
  border-radius: 5px;
  border: 1px solid #d47e00;
  overflow: hidden;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 5px 0;
  color: #fff;
  background: #d47e00;
  font-weight: bold;
}
.ui-datepicker .ui-datepicker-header a{
  background: none;
  display: block;
  color: #fff;
  font-size: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  cursor: pointer;
  height: 36px;
}
.ui-datepicker .ui-datepicker-header a:hover{
  color: #fff;
}
.ui-datepicker-prev {
  left: 5px;
}
.ui-datepicker-next {
  right: 5px;
}
.ui-datepicker .ui-corner-all:before{
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: block;
  font-family: 'icomoon';
  font-size: 26px;
  text-align: center;
}
.ui-datepicker-prev:before {
  content: "\e903";
}
.ui-datepicker-next:before {
  content: "\e902";
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  color: #fff;
  line-height: 2.2em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  color: #d47e00;
  background-color: #fff;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  border-collapse: collapse;
  margin: 0;
}
.ui-datepicker th {
  padding: 10px 5px;
  text-align: center;
  border: 0;
  color: #d47e00;
  background-color: #fff;
  border-bottom: 1px solid #d47e00;
}
.ui-datepicker td {
  width: 14.28%;
  border: 0;
  padding: 5px 0;
}
.ui-datepicker tr:first-child td{
  padding-top: 20px;
}
.ui-datepicker tr:last-child td{
  padding-bottom: 20px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  margin: 0 auto;
  width: 44px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  color: #000;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0;
  padding: 0 .20px;
  border: none;
}

/* reservation */
#frm-reservation > .form-group .btn-primary{
  margin: 1rem auto 0;
}
#frm-reservation .input-group{
  padding: 10px;
  border: 1px solid #d47e00;
  border-radius: .3rem;
}
#frm-reservation input,
#frm-reservation select{
  border:none;
  background-color: transparent;
  width: 100%;
  position: relative;
  z-index: 2;
}
#frm-reservation select,
#frm-reservation input[type="date"],
#frm-reservation input[type="date"]:hover{  
  -webkit-appearance: none !important;
  -webkit-writing-mode: initial !important;
  -moz-appearance: textfield !important;
}
#frm-reservation input[type=date]::-webkit-inner-spin-button, 
#frm-reservation input[type=date]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
#frm-reservation input[type=date]:before{
  color:#495057;
  content:attr(placeholder);
}
#frm-reservation input[type=date]:focus:before{
  display: none;
}

#frm-reservation input[type="date"]::-webkit-calendar-picker-indicator { 
  display: none;
}
#frm-reservation .input-group > span{
  position: absolute;
  z-index: 1;
  display: block;
  width: 34px;
  height: 34px;
  top: 50%;
  right: 10px;
  margin-top: -17px;
}
#frm-reservation .input-group > span img{
  width: 100%;
}
#frm-reservation > .text-center{
  line-height: 1.2em;
}

/* offer */
.single-offers main section,
.single-news main section,
.sc-story{
  padding-bottom: 3.5rem;
}
.single-offers .sc-offer,
.single-news .sc-news,
.sc-story{
  padding-top: 0;
  border-bottom: 1px solid #d47e00; 
}
.single-offers .slick-arrow,
.single-news .slick-arrow{
  top: calc(50% - 94px);
}
.post-type-slide{
  padding: 0 50px;
}
.post-type-slide .slide-item{
  padding: 0 10px;
}
.single-offers .inside-article .form-group{
  padding-top: 1rem;
}
.single-offers #ui-datepicker-div{
  z-index: 1100 !important;
}
.single-offers .modal-header{
  border-bottom: none;
  position: relative;
}
.single-offers .modal-title{
  display: block;
  padding: 0;
  width: 100%;
}
.single-offers .modal-header .close:focus{
  outline: none;
}
.single-offers .modal-header .close {
  padding: 5px;
  margin: 5px;
  float: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  opacity: 1;  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
}
.single-offers .modal-header .close:hover{
  color: #d47e00;
}
.sc-related h2{
  color: #d47e00;
  font-size: 1.4em;
  line-height: 1.4em;
  height: 1.4em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight: 500;
  margin-top: 25px;
}
.sc-related p{
  margin: 20px 0;
  padding: 0;
  line-height: 1.4em;
  height: 2.8em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sc-related a{
  color: #d47e00;
  font-weight: 500;
  padding: 4px 0;
  position: relative;
}
.sc-related a:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #d47e00;
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sc-related a:hover:after{
  width: 100%;
}
.sc-related a:focus{
  outline: none;
}

/* about us */
.sc-story .row{
  padding: 0 2%;
}
.sc-story .box-detail{
  width: 60%;
  margin: 0 auto;
}
.sc-chef-info{
  overflow: initial;
}
.sc-chef-info .slide-chef-info{
  margin: 0 -10px;
  overflow: hidden;
}
.sc-chef-info .slick-slider{
  padding: 0 50px;
  width: calc(100% + 100px);
  margin: 0 -50px;
}
.sc-chef-info .slick-arrow {
  top: calc(50% - 83.5px);
}
.sc-chef-info .chef-info{
  width: 20%;
  padding: 0 10px;
  float: left;
  text-align: center;
  font-size: 0.8em;
}
.sc-chef-info .chef-info img{
  width: 100%;
  height: auto;
}
.sc-chef-info .chef-info h2{
  font-size: 1.2em;
  padding: 1em 0;
}
.sc-chef-info .chef-info p{
  line-height: 1.2em;
  height: 3.6em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
}

/*contact form 7 Reservation */
div.wpcf7-mail-sent-ok {
  border: 0px;
}
span.wpcf7-form-control-wrap{
  width:90%;
}
span.reservation_time select{
  border: 0px;
}
.frm-error, .frm-success{
  display:none;
}
.frm-success{
  font-size: 0.8em;
  line-height: 1em;
  text-align: center;
  padding-top: 10px;
  font-style: italic;
  color: #d47e00 !important;
  text-decoration: underline;
  font-weight: 500;
}
.btn-primary:disabled{
  background-color: #ccc;
  border-color: #ccc;
}