/* FAVOR NÃO ALTERAR ESSE ARQUIVO */

:root {
    /* CORES */

    /* Primárias */
    --color-primary-light: #F26F4D;
    --color-primary: #ef4c21;
    --color-primary-dark: #BF320D;
    --color-primary-tranparency: rgba(199,53,14,0.76);
    /* Secundarias */
    --color-secondary-light: #FEDC68;
    --color-secondary: #fec70a;
    --color-secondary-dark: #C29700;
    --color-secondary-tranparency: rgba(254,199,10,.76);
    /* Terciarias */
    --color-tertiary-light: #8F9093;
    --color-tertiary: #6d6e71;
    --color-tertiary-dark: #3F4041;
    --color-tertiary-tranparency: rgba(109,110,113,.76);
    /* Quaternarias */
    --color-quaternary-light: #B6B6B6;
    --color-quaternary: #9a9a9a;
    --color-quaternary-dark: #686868;
    --color-quaternary-tranparency: rgba(154,154,154,0.76);

    /* FONTES */
    --font-primary: #636363;
    --font-secondary: #3d3d3d;
    --font-tertiary: #fff;

    /* BACKGROUNDS */
    --background-navbar: #fff;
    --background-pagina: #fff;
    --background-newsletter:  #686868;
    --background-footer: #fff;
    --background-subfooter:  #686868;

}

/*LOGIN*/
#s-login-b2b {
    background-image: linear-gradient(5deg, rgba(25,62,95,1) 0%, rgba(92,92,92,1.00) 85%);
	background-position: top center;
    background-repeat: repeat-x;
}
#s-login-b2b .s-login-b2b-container .s-login-b2b-card {
    margin: 2px auto;
}

/* Página */
body > main{
    background-color: var(--background-pagina);
	margin-top: 150px;
}

/* Botões */
.btn-secondary {
    background-color: var(--color-primary);
    border: none;
    transition: 0.3s;
}

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active {
    background-color: var(--color-primary-dark);
}

.btn-secondary:focus {
    border-color: var(--color-primary-dark);
    box-shadow: 0 0 0 0.2rem var(--color-primary-tranparency);
}


.s-carrinho .btn-finalizar-pedido:hover {
    background-color: var(--color-primary-dark);
    border: none;
}

/* Botões Gradientes */
.btn-grad {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--color-primary)), color-stop(var(--color-primary)), color-stop(var(--color-primary-light)), to(var(--color-primary-dark)));
    background-image: linear-gradient(to right, var(--color-primary), var(--color-primary), var(--color-primary-light), var(--color-primary-dark));
    border: none;
}

/* Botões outline */
.btn-outline-secondary {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-outline-secondary:hover {
    color: var(--font-tertiary);
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: var(--font-tertiary);
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.c-customInput input:checked:focus ~ .b-input, .c-customInput:hover input:not([disabled]):checked ~ .b-input {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

/* NAVBAR */
#header-modelo-1 .navigation-clean {
    background-color: var(--background-navbar);
    color: var(--font-secondary);
    box-shadow: 0 1px 5px rgb(190 190 190 / 24%);
}

#header-modelo-1 .navigation-clean {
    height: 150px;
}

#header-modelo-1 .navigation-clean .navbar-collapse {
    border: none;
    background-color: var(--background-navbar);
}

#buscaPor {
    background-color: var(--font-tertiary);
}

#header-modelo-1 .navigation-clean .navbar-brand .navbar-brand-img {
    height: 100px;
}

#s-menu-categorias-horizontal .navbar {
    background: var(--color-secondary) !important;
    background: linear-gradient(90deg, var(--color-secondary) 0%, var(--color-primary) 100%) !important;
    border-bottom: 1px solid var(--color-primary);
}
#s-menu-categorias-horizontal .navbar .nav-item .nav-link {
    color: var(--font-tertiary);
    background: transparent;
}
#s-menu-categorias-horizontal .navbar .nav-item .nav-link:hover {
    background-color: var(--color-primary-dark);
}
#s-menu-categorias-horizontal .navbar-dark .navbar-nav .active > .nav-link, #s-menu-categorias-horizontal .navbar-dark .navbar-nav .nav-link.active, #s-menu-categorias-horizontal .navbar-dark .navbar-nav .nav-link.show, #s-menu-categorias-horizontal .navbar-dark .navbar-nav .show > .nav-link,
#s-menu-categorias-horizontal .dropdown-menu
{
    color: var(--font-tertiary);
    background: var(--color-primary-dark) !important;
}
#s-menu-categorias-horizontal .dropdown-menu a {
    color: var(--font-tertiary);
    background: var(--color-primary-dark) !important;
}
#s-menu-categorias-horizontal .dropdown-menu a:hover{
    background: var(--color-primary) !important;
}

/* Detalhes de Produto */
.s-produtos-detalhes .card .card-body .s-produtos-detalhes-gabarito-li .s-produtos-detalhes-gabarito-link {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.s-produtos-detalhes .card .card-body .s-produtos-detalhes-gabarito-li .s-produtos-detalhes-gabarito-link:hover {
    background-color: var(--color-primary);
    color: var(--font-tertiary);
}

.s-produtos-detalhes .card .card-body .s-produtos-detalhes-gabarito-li .s-produtos-detalhes-gabarito-link i {
    color: var(--color-primary);
}

/* Header - Search */
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-search .input-group .input-group-append #botao-pesquisar {
    background-color: var(--font-tertiary);
    color: var(--color-primary);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-search .input-group .input-group-append #botao-pesquisar:hover {
    color: var(--font-tertiary);
    background-color: var(--color-primary);
}

/* Header - Botão de produtos */
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-produtos .btn-produtos {
    background-color: var(--color-primary);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-produtos .btn-produtos:hover {
    background-color: var(--color-primary-dark);
}

/* Header- Icones */

#header-modelo-1 .navigation-clean .navbar-nav .nav-item #btnCreditos {
    background-color: var(--color-primary);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item:hover #btnCreditos {
    background-color: var(--color-primary-dark);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item .nav-icon i {
    color: var(--color-primary);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item .nav-icon:hover i {
    color: var(--color-primary-dark);
}

/* Icone de busca */
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-search .input-group .input-group-append #botao-pesquisar:hover {
    background-color: var(--color-primary-dark);
    color: var(--font-tertiary);
}

/* Newsletter */
#s-newsletter .s-newsletter {
    background-color: var(--background-newsletter);
}

#s-newsletter .s-newsletter .form-control-newsletter-btn {
    background-color: var(--color-primary);
}

#s-newsletter .s-newsletter .form-control-newsletter-btn:hover {
    background-color: var(--color-primary-light);
}

/* Detalhes de produtos*/
.s-produtos-detalhes .card .card-body .resumo-valor-total {
    background-color: var(--color-primary-dark);
}

/* Detalhes de produtos Box */
.s-produtos-detalhes .s-produtos-detalhes-cabecalho {
    background-color: var(--color-primary-dark);
}

.s-produtos-detalhes .s-produtos-detalhes-titulo,
.s-produtos-detalhes .s-produtos-detalhes-cabecalho .s-produtos-detalhes-cabecalho-preco .s-produtos-detalhes-cabecalho-preco-apartir,
.s-produtos-detalhes .s-produtos-detalhes-cabecalho .s-produtos-detalhes-cabecalho-preco .s-produtos-detalhes-cabecalho-preco-valor,
.s-produtos-detalhes .s-produtos-detalhes-minidescricao,
.s-produtos-detalhes-informativo-valores {
    color: var(--font-tertiary);
}

.s-produtos-detalhes .s-produtos-detalhes-codigo {
    color: var(--font-tertiary);
}

/* Titulos */
#s-produtos-destaque .s-produtos-destaque .s-produtos-destaque-titulo,
#s-categorias-destaque .s-categorias-destaque .s-categorias-destaque-titulo,
#s-categorias-destaque .s-categorias-destaque .s-categorias-destaque-nome {
    color: var(--font-secondary);
}

.titulo {
    color: var(--font-secondary);
}

.subtitulo {
    color: var(--font-secondary);
}

.s-produtos-card-container .s-produtos-card .s-produtos-card-body .s-produtos-card-titulo {
    color: var(--font-primary);
}

/* Paginação */
.page-item.active .page-link {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--font-tertiary);
}

/* Footer */
#footer > div.s-footer > div > div > div.d-none.d-lg-block.col-lg-4, #footer > div.s-footer > div > div > div.d-none.d-lg-block.col-lg-3, #footer > div.s-footer > div > div > div.d-none.d-lg-block.col-lg-2 {
	width: 23% !important;
	flex: 0 0 23.333333%;
	max-width: 23% !important;
}
#footer .s-footer {
    background-color: var(--background-footer);
    color: var(--font-tertiary);
    border-top: solid 1px var(--color-primary-dark);
}

#footer .s-footer .s-footer-titulo {
    color: var(--color-primary-dark);
}

#footer .s-footer .s-footer-listagem .s-footer-listagem-item .s-footer-listagem-item-link, #footer .s-footer .s-footer-contato .s-footer-contato-item .s-footer-contato-item-link  {
    color: var(--color-primary-dark);
}

#footer .s-footer .s-footer-social .footer-social-item .footer-social-item-link {
    color: var(--color-primary-dark);
}

#footer .s-footer .s-footer-social .footer-social-item .footer-social-item-link:hover {
    color: var(--color-primary);
}

/* Subfooter */
#footer .s-subfooter {
    background-color: var(--background-subfooter);
}

/*Sidebar home*/
#index #sidebar{
	display: none;
}

/*LOGO HEADER CENTRALIZADO NOVA LOJA MODELO 1*/
.navbar-brand {
    width: 100%;
}

#header-modelo-1 .navigation-clean .navbar-brand .navbar-brand-img {
    height: 100px;
    margin: auto;
    display: block;
}
#header-modelo-1 .navigation-clean .navbar-collapse {
    width: 255px;
}
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-produtos {
    margin: 0;
}
#header-modelo-1 .navigation-clean .navbar-nav .mobile-inline-itens {
    display: contents;
}

/* CONTATO TOPO */
#contatoMenuTopo::after{
	display: none;
}

/* OPÇÕES DE CONTATO */
#contactFloat {
	position:fixed;
	display:block;
	right:30px;
	bottom:40px;
	margin: 0;
}

#contactFloat ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	}
#contactFloat ul li {
	display:inline-block;
	}
#contactFloat a {
	position: relative;
	color: transparent;
	background-color: var(--color-primary);
	border: solid 2px #fff;
	text-align:center;
	border-radius: 200px;
	width:70px;
	height: 70px;
	display:block;
	font-size:20px;
	line-height: 70px;
	text-decoration:none;
	z-index: 1000;
}

#contactFloat #contactFloatAjuda, #contactFloat #contactFloatEmail, #contactFloat #contactFloatFaq, #contactFloat #contactFloatZap{
	background-repeat: no-repeat;
	background-size: cover;
}

#contactFloat #contactFloatAjuda {
  transition: transform .7s ease-in-out;
}
#contactFloat #contactFloatAjuda:hover {
  transform: rotate(360deg);
}

#contactFloat #contactFloatAjuda{
	background-image: url("../images/icons/icon-help.png")
}
#contactFloat #contactFloatEmail{
	background-image: url("../images/icons/icon-contato.png")
}
#contactFloat #contactFloatFaq{
	background-image: url("../images/icons/icon-faq.png")
}
#contactFloat #contactFloatZap{
	background-image: url("../images/icons/icon-zap.png")
}


#contactFloat a:hover { 
	background-color:var(--color-primary-dark); 
}
#contactFloat #contactFloatAjuda:hover { 
	background-color:var(--color-primary) !important;
}

/* Menu oculto por padrão*/
#contactFloat ul ul {
	opacity: 0%;
	position: absolute;
	transform: translateY(200px);
	transition: transform 1s ease-in-out, opacity .7s ease-in-out;
	transition-delay: .2s, 0s;
}

/* mostra o menu */
#contactFloat ul li:hover > ul {
	opacity: 100%;
	transform: translateY(-280px);
	transition-delay: 0s, .5s;
}
#contactFloat ul ul li {
	display:list-item;
	position: relative;
}

/*MINHA CONTA
#dropdownMinhaConta:first-child, .tooltip{
	display: none;
}
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu{
	display: block !important;
}*/
.s-produtos-card-codigo{
display: none;
}