

/*Header da Pagina*/
.header-top {
    background-color: #fff !important;
}

.top-bar-nav li {
    color: var(--headerColor) !important;
}

.site-header {
    background-color: var(--menuBgColor) !important;
}

.adressHeader p, .top-navigation > li {
    color: var(--menuBgColor) !important;
}

.adressHeader, .top-navigation span {
    color: var(--headerColor);
}

.top-bar-nav li:before {
    background: #2f2f2f
}

.site-logo, .site-logo:before, .site-logo:after {
    background-color: var(--headerBgColor) !important;
}

/*Menu*/
.navbar {
    background: var(--menuBgColor) !important;
}

.main-navigation > ul > li > a, .main-navigation > ul > li > a > i {
    color: var(--menuColor);
}

    .main-navigation > ul > li > a:before, .main-navigation > ul > li > a:after {
        background: var(--menuBgColor);
    }

    .main-navigation > ul > li > a:hover {
        background: var(--menuBgColor);
        filter: brightness(90%);
    }


/*Preço do Veículo da Pagina Home*/
.results-grid-view .result-item-cont {
    background-color: var(--buttonBgColor) !important;
}

.result-item-pricing-home .price, .btn-primary i {
    color: var(--buttonColor) !important;
}

/*Preço do Veículo na Pagina de Detalhes */
.veiculo-detalhes .precoVeiculo {
    background-color: #d5d7e0;
    color: #353535 !important;
}

/*Botões das Paginas*/
.label-primary, .btn-primary, .btnFinanciamento, .list-group .badge {
    background-color: var(--buttonBgColor) !important;
    color: var(--buttonColor) !important;
}

    .label-primary:hover, .btn-primary:hover, .btnFinanciamento:hover {
        filter: brightness(85%);
    }

/*Detalhes das Paginas*/
.result-item-pricing .price,
.add-features-list i, .listing-header strong {
    color: #222 !important;
}

.mapaHome {
    border-top: 8px solid var(--headerBgColor) !important;
}

.linksLogo .box-links a:hover, .linksLogo .box-links a.veiculos {
    background-color: var(--buttonBgColor) !important;
}

@media only screen and (max-width: 767px) {
    .site-header {
        background-color: var(--headerBgColor) !important;
    }
}
