/* ======================
   MEDIA QUERIES
====================== */

@media screen and (max-width: 767px) {
  div#menuinsta {
    margin: 10px 0;
    display: none;
  }

  div#tarja-mobile {
    margin-bottom: 20px;
  }

  .flexslider {
    margin-bottom: 30px !important;
  }

  .abas-custom .tab-content {
    margin-top: 30px !important;
    padding: 15px !important;
  }

  .conteudo-topo .busca-mobile .atalho-menu {
    margin-top: 10px !important;
  }
}

/* ======================
   MENU SUPERIOR
====================== */

.menu.superior {
  background: #895634 !important;
}

.menu.superior .titulo {
  margin: 20px 0;
}

.menu.superior .nivel-um > li:hover,
#cabecalho .menu.superior .nivel-um li:hover > a,
#cabecalho .menu.superior .nivel-um li:hover > a > strong {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

.menu.superior .nivel-um > li a strong {
  font-size: 14px;
  font-weight: normal !important;
  color: #f6f6f1;
}

/* Remove hover do menu */
.menu .nivel-um li a:hover {
  background: none !important;
  color: inherit !important;
  text-decoration: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* ======================
   LISTAGEM
====================== */

.listagem .listagem-item {
  background: #fff;
  border-radius: 5px;
}

.listagem .listagem-item .nome-produto {
  font-weight: normal;
  margin: 0 10px;
  font-size: 16px;
  line-height: normal;
}

.listagem .listagem-linha {
  padding-top: 20px;
  margin-top: 20px;
}

.listagem .titulo-categoria,
.titulo-categoria {
  text-transform: none;
  background: #fff;
  border-radius: 0;
  letter-spacing: 2px;
  font-size: 20px;
  margin: 30px 30px !important;
}

.listagem .titulo-categoria:hover{
    background: #fff;
}

.titulo-categoria .titulo,
.titulo-categoria strong {
  text-transform: none;
  padding: 0;
  border-radius: 50px;
  letter-spacing: 2px;
  font-size: 20px;
}

.titulo-categoria:before,
.titulo-categoria:after {
  background: none;
  width: 0;
  height: 0;
  content: "";
}

/* ======================
   RODAPÉ
====================== */

#rodape .institucional {
  background-color: #895634;
  background-image: url("https://cdn.awsli.com.br/2869/2869493/arquivos/bg-rodape.png");
  background-position: top center;
  background-repeat: repeat;
}

#rodape .institucional .conteiner {
  max-width: 100%;
  padding: 40px 15%;
}

#rodape .titulo {
  color: #fff;
  font-weight: normal;
  text-transform: none;
  border-bottom: 1px solid #b49566;
}

#rodape .institucional a {
  color: rgba(255, 255, 255, 0.5);
  font-weight: normal;
}

/* ======================
   TOPO / BARRAS
====================== */

.barra-frase .conteiner {
  font-weight: normal;
  text-transform: none;
  font-size: 15px !important;
}

.span12.banner.tarja {
  text-align: center;
  background: #f6f6f1;
}

.scrollToTop {
  bottom: 8rem;
  right: 1.6rem;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ======================
   OUTRAS SEÇÕES
====================== */

.marcas .flexslider {
  padding: 20px;
  margin: 30px 0;
  border-radius: 10px;
}

.busca input {
  width: 80%;
  border: 1px solid #c7c7c7;
  border-radius: 0;
  height: 40px;
  padding: 5px 20px;
}

.coluna.span3 {
  background: #fff;
}

.menu.lateral.outras li .titulo {
  font-size: 15px;
}

.menu.lateral.outras li {
  border-bottom: 1px solid #b49566;
}

.menu .lateral .outros {
  margin-top: 25px;
}

.borda-principal {
  border: none;
}

/* ======================
   PRODUTO
====================== */

.produto .nome-produto {
  margin-top: 30px !important;
}

.produto .codigo-produto > span + span {
  margin-top: 0 !important;
}

.pagina-produto .produto .codigo-produto {
  border: 0 !important;
}

.pagina-produto .produto .acoes-produto .preco-produto .preco-venda,
.preco-produto .preco-a-partir .preco-venda:not(.titulo) {
  font-size: 18px;
  margin: 0;
}

.pagina-produto .produto .acoes-produto .preco-produto .preco-promocional {
  font-size: 24px;
}

.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho,
.produto div.principal .acoes-produto .quantity-nav {
  background: #fff;
  border-radius: 0;
}

.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho {
  width: 100%;
  height: 41px;
  padding: 5px 0;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  box-shadow: none;
  border: none;
}

/* ======================
   ABAS CUSTOM
====================== */

.abas-custom .tab-content {
  box-shadow: none;
  margin-top: 30px;
  padding: 50px;
  background-color: #fff;
}

/* ======================
   OUTROS COMPONENTES
====================== */

.produto .acoes-flutuante,
.contato-content,
.rastreio-content,
.carrinho-interno {
  box-shadow: none;
  border: none;
}

.selos li {
  border-radius: 0;
}

.contato-evtop i,
.rastreio-topo i,
.minha-conta .btn-group a i,
.carrinho a i {
  border-radius: 0 !important;
}

/* ======================
   CARRINHO
====================== */

.carrinho > a strong {
  font-size: 16px;
  margin: 3% -15%;
  line-height: 25px;
  color: #fff;
  background: #ff5b00;
  border-radius: 50px;
  width: 25px;
  height: 25px;
  text-align: center;
  border: 0;
}

/* ======================
   BANDEIRAS
====================== */

.bandeiras-produto {
  position: absolute;
  top: 0;
  right: 0;
}

.bandeiras-produto span.bandeira-promocao {
  border: none;
  box-shadow: none;
  font-size: 18px;
  font-weight: 400;
  border-radius: 0;
  margin: 0;
  padding: 10px 15px !important;
  text-align: center;
  background-color: #ff5b00;
  width: auto !important;
  height: auto !important;
}

/* ======================
   BOTÕES
====================== */

.acoes-produto.hidden-phone .botao-comprar {
  width: auto;
  display: table;
  margin: 0 auto;
  margin-top: 0 !important;
  font-size: 16px;
  background: #365738 !important;
  padding: 5px 30px;
  border-radius: 0;
  line-height: normal !important;
  border: 0;
  text-transform: uppercase;
  color: #fff !important;
}

/* ======================
   ICONES FONT AWESOME
====================== */

.fa-comments:before {
  content: "\f086";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}

.fa-user:before {
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}

.fa-truck:before {
  content: "\f472" !important; /* dolly */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
}

/* ======================
   BASE
====================== */

body {
  background: #f6f6f1;
}