/*geral*/
html{
  overflow-x: hidden;
  width: auto;
}
body { 
  font-family: 'Roboto Slab', serif;
  overflow-x: hidden; 
  width: auto;
}
ul{ 
  padding: 0; 
  list-style: none; 
}
section{ position: relative; }
.text-orange{
  color: orange;
  font-weight: bold;
}

.content{ padding-top: 50px; }

/*.home{ margin-top: -65px; }*/
.home:hover{ cursor: pointer; }


/* img replacement */
.section-title{
  color: transparent;
  text-indent: -9999px;
  padding: 15px;
}

.chefs-title{
  color: transparent;
  text-indent: -9999px;
  height: 2em;
}

.cardapioImg{
  background: url('../img/text_img/cardapiochamada.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.chefsImg{
  background: url('../img/text_img/oschefs.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.contatoImg{
  background: url('../img/text_img/contato.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.daniel-stucchi{
  background: url('../img/text_img/danielstucchi.png');
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
}
.marcio-okumura{
  background: url('../img/text_img/marciookumura2.png');
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
}


/* header navbar */
.header-navbar{
  position: fixed;
  top: 0; left: 0; right: 0; 
  height: 200px;

  z-index: 30;
  background: url('../img/menu-madeira.png') no-repeat;
  background-position: 30% 0;
  background-size: cover;
}
.navbar-layer{
  display: flex;
  margin: 10px;
}

.navbar-section{
  display: inherit;
  align-self: flex-start;
  padding-left: 0;

  font-family: sans-serif;
  font-size: 1.3em;
}
  .nav-item{
    text-align: center;  
  }
  .nav-link{
    color: #fff;
    transition: .5s ease-in;
  }
  .nav-link:hover{
    color: #331c16;
  }

.logo-img{ width: 300px; }


/* menu button */
.hamburger{ 
  display: none !important; 
}


/* descrição */
.novo-header{
  background: url('../img/bg_cardapio.png');
  padding: 30px 0;
}
.novo-texto{
  margin: 0;
  font-size: 120%;
  color: white;
}


/* cardapio */
.cardapio{
  background-size: cover;
  padding: 50px 0; 
  background-image: url("../img/bg_cardapio.jpg");
}

.cardapio-img{ 
  width: 100%;
  border-radius: 4px; 
}
.cardapioItem:hover{ cursor: pointer; }
.horarios-lista{ color: white; }


/* chefs */
.chefs{
  background-image: url("../img/bg-chefs.jpg"); 
  background-size: cover;
  padding-top: 30px;
  margin-top: -21px;
  color: #fff;
}
#sliderSitio{ position: relative; }


/* mercado */
.mercado{ position: relative; }

.mercado-top{
  position: absolute;
  top: 0; left: 50%;
  transform: translate(-50%, 15%);

  height: 180px;
  width: 50%;
  z-index: 10;
}

.mercado-borda-topo{
  height: 5em;

  background: url('../img/mercado/borda-superior-mercado.png');
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat; 
}

#mercadoSitio{
  background-image: url("../img/bg-mercado-do-sitio1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}


/* footer */
.contato{
  background-image: url("../img/bg_contato.jpg");
  background-size: cover;
  padding-top: 30px;
  color: #fff;
  padding: 20px 0 40px;
}
.social-icons-list{
  display: flex;
  justify-content: flex-start;
}
.social-icon-link{
  display: block;

  width: 50px;
  height: 50px;
  margin: 0 10px;
  margin-left: 0;

  cursor: pointer;

  color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
}
.social-icon-link:hover{ color: transparent; }

.instagram{
  background-image: url('../img/text_img/instagram.png');
  background-size: contain;
}
.facebook{
  background-image: url('../img/text_img/facebook.png');
  background-size: contain;
}

.developed-by{ 
  margin-top: 50px;
  font-family: 'Roboto', sans-serif;
  text-align: center; 
  text-transform: none;
}


/* menu responsivo */
@media (max-width: 850px){
  .hamburger{
    display: block !important;
    cursor: pointer;
    fill: white;
  }
  .navbar-layer{ align-items: flex-start; }
  .navbar-section{ display: none; }

  .nav-item{
    padding: 10px;
    width: 100%;
    margin: 10px 0;

    box-shadow: inset 0 -10px 100px #772f29;
  }

}

@media (max-width: 600px){
  .header-navbar{
    bottom: auto;
    border-bottom: 1px solid black;
    background: url('../img/bg_cardapio.png');
    height: auto;
  }
  .logo-img{ width: 200px; }
} 

.navResponsive {
  position: absolute;
  top: 0; bottom: -100vh; left: 0;
  
  display: flex;
  flex-direction: column;
  align-items: center;
  
  width: 70%;
  z-index: 100;
  margin: 0;
  
  background: url('../img/bg_cardapio.png');
  box-shadow: 0 0 10px 1000px rgba(0, 0, 0, 0.8); 
  color: black !important;
}


/* efeitos do menu */
.navResponsive .nav-item:first-child{ margin-top: 0; }

.fading{ animation: fade-out .7s ease-out; }

@keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; } 
}

/* helpers */
.hide{display:none;}
.mapa iframe{ width: 100%; }
.reverte{ transform: scale(-1); }

.div-bar{
  position: absolute;
  top: 0; right: 0; left: 0;

  height: 10px;

  box-shadow: 0 0 10px black;
  background: linear-gradient(90deg, rgb(30, 10, 6) 0%, rgb(57, 45, 36) 50%, rgb(30, 10, 6) 100%);
}

/*ajuste nos sliders*/
.slick-slide{
  margin: 5px;
}

.home-slider > .slick-list > .slick-track > * {
  margin: 0;
}