/* TOPO */

/* Personalização dos ícones insta e face */
.lista-redes .icon-facebook { background: transparent; }
.lista-redes .icon-instagram { background: transparent; }

/* Hover dos ícones insta e face */
.barra-inicial .lista-redes ul li:hover a i { 
  color: #000; 
  background: transparent; 
}

/* Aumentar o Tamanho da Logo */
.logo img { 
  max-height: 110% !important; 
}

/* MENU */

/* Tirar divisórias do menu */
#cabecalho > .conteiner > .menu.superior .nivel-um > li { 
  border: none !important; 
}

/* Tirar quadradinho com seta do menu */
.menu li.com-filho > a i { 
  display: none; 
}

/* Alinhar itens do menu */
#cabecalho > .conteiner > .menu.superior { 
  text-align: center; 
}
#cabecalho > .conteiner > .menu.superior .nivel-um > li { 
  text-align: center; 
  float: none; 
  display: inline-block; 
  margin: 0 40px; 
}
#cabecalho > .conteiner > .menu.superior .nivel-dois > li { 
  text-align: left; 
  float: none; 
}

/* RODAPÉ */

/* Aumenta os ícones do rodapé */
#rodape .lista-redes i { font-size: 28px; }
#rodape .lista-redes li { border: none; }

/* Retirar Quadro atrás do Facebook */
#rodape .redes-sociais.borda-principal { 
  background: none !important; 
  box-shadow: none; 
}

/* Trocar cor do título do Quadro do Facebook */
#rodape span.titulo.cor-secundaria.hidden-phone { 
  color: #972a2b; 
}

/* Hover dos ícones insta e face rodapé */
#rodape .lista-redes ul li:hover a i { 
  color: #ffffff; 
  background: transparent; 
}

/* AUMENTAR O TAMANHO DA BARRA DO RODAPÉ */
#rodape .selos, #rodape .institucional { 
  background: none; 
  padding-bottom: 60px; 
}

/* Fonte listas rodapé */
.links-rodape ul li { font-size: 14px; }

/* MOBILE */

/* Mini Banner */
.mini-banner img.hidden-phone { 
  max-height: 50% !important; 
}

/* Cabeçalho (Mobile) */
@media only screen and (max-width: 767px) {

  /* Altera cor de fundo da barra */
  #cabecalho > div.atalhos-mobile.visible-phone.fundo-secundario.borda-principal { 
    background: #a81d21; 
  }

  /* Altera cor dos ícones */
  .atalhos-mobile a { 
    color: #ffffff; 
  }

  /* Retira borda ao lado do ícone Minha Conta */
  .atalhos-mobile li { 
    border-right: 0; 
    background: #a81d21; 
  }

  /* Retira borda preta separando o menu do logo */
  .atalhos-mobile { 
    border-color: #a81d21; 
  }

  /* Muda a cor do menu */
  .nivel-um, .categoria-marcas.com-filho { 
    background-color: #ffffff !important; 
  }

  /* Botão comprar MOBILE embaixo da descrição */
  .acoes-produto-responsiva.visible-phone { 
    position: inherit; 
    top: 60%; 
    right: 0; 
    text-align: left; 
  }

  .botao.volta.topo { 
    text-align: right; 
    margin: 10px; 
  }
}