@import url('https://fonts.googleapis.com/css2?family=Oswald&family=Zilla+Slab:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url("https://use.typekit.net/hrf4bmh.css");


:root {
	--primary-color: #000000 ; /* cor principal */
	--secundary-color: #a7a97c ; /* cor secundaria */
}


#video {
    display:none;
}
    
.menu-bt-mobile.visible-phone {
    background: #ede6db !important;
    height:0px !important;
}
    
.menu.superior {
    background:#4a624c !important;
}

.menu.superior .titulo {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    font-family:'Oswald';
    letter-spacing:2px;
}
    
.menu-categorias li a {
    font-family: 'Zilla Slab', serif;
}
    
.my_account a {
    font-family:'Oswald', sans-serif;
    letter-spacing:1px;
}

#cabecalho .dropHelp:before, .my_account>a:before, .productTracking>a:before, .wishlist a:before {
    color: #A7A97C;

}
    
.wishlist a {
    font-family:'Oswald', sans-serif;
    letter-spacing:1px;
}
    
.productTracking a {
    font-family:'Oswald', sans-serif;
    letter-spacing:1px;
}
    
.dropHelp p {
    font-family:'Oswald', sans-serif;
    letter-spacing:1px;
}

.busca-mobile .busca input {
    font-family:'Zilla Slab', serif;
}

.busca-mobile .botao-busca:after {
    font-family: 'Oswald';
    font-weight: 400;
    letter-spacing: 1px;
}
    
.carrinho-interno>div .botao {
    font-family: 'Oswald';
    letter-spacing: 1px;
}
    
p {
     font-family:'Zilla Slab', serif;}

.titulo-categoria:after {
    background: #a7a97c;
}
    
.preco-produto strong.titulo  {
        font-family:'Oswald', sans-serif;
    letter-spacing:0px;
        font-weight: 400;

}
    
.preco-promocional {
    margin: 8px 0;
    display: block;
    font-size: 24px;
    letter-spacing: 0px;
    font-weight: 400;
    font-family: 'Oswald';
    color: var(--primary-color);
}

    .titulo-categoria strong {
    font-family: 'Zilla Slab';
    font-weight:300;
}
    
    
.pagina-inicial div#video h1 {
    color: var(--txt-global);
    font-size: 30px;
    font-weight: 300 !important;
    font-family: 'Zilla Slab';
    text-transform: uppercase;
    display: block;
}

div#video h1:before {
    color: #a7a97c !important;
}

.produto .principal .botao.principal.grande {
    font-weight: 400;
    font-size: 20px;
    font-family: 'Oswald';
    color: #fff;
    letter-spacing: 1px;
    background-color:#4A624C;
}
    
#rodape .titulo {
font-family: campaign-slab, serif;
font-weight: 400;
letter-spacing: 2px;
}
    
#rodape .institucional {
    background:#a7a97c !important;
}
    
#rodape .pagamento-selos .selos>span {
    font-weight:400 !important;
}
    
#rodape .pagamento-selos .pagamento>span {
    font-weight:400 !important;
}
    
    
.links-rodape a {
font-family: 'Zilla Slab';
}

h1.nome-produto.titulo.cor-secundaria {
  font-family: 'Zilla Slab';
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
}
    
h4.titulo.cor-secundaria {
  font-family: 'Zilla Slab';
  font-weight: 400;
  font-style: normal;
}
    
#operation strong {
    color: var(--color-in-bg-dark);
    font-family: 'Zilla Slab';
}

#rodape .atd-rodape {
    top: 0;
    font-family: 'Oswald';
    letter-spacing: 1px;
}
 

@media (max-width: 767px) {

.news-rodape.span3 {
    background: #8c5355;
}
    
.news-rodape.span3 .titulo {
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    font-family: 'Oswald';
    letter-spacing: 1px;
}
}

@media screen and (min-width: 769px) {
#cabecalho>.conteiner:before {
    background: #ede6db !important;
}}

@media (max-width: 768px) {
.head-mobile {
    background: #ede6db;
}
}
    
@media screen and (max-width: 768px) and (min-width: 200px) {
.listagem-item a.botao.botao-comprar.principal {
    background-color: #4a624c;
    font-size: 13px;
    font-family: 'Oswald';
    color: #fff;
    letter-spacing: 1px;
    font-weight: 400;
}
}
    
@media screen and (max-width: 1024px) {
#rodape .institucional, #rodape .pagamento-selos {
    padding-bottom: 0;
    background: #a7a97c;
}}