﻿/*--------------------------------------------------------------

    Template:  Sheltek Real Estate HTML5 Template
    Author: http://devitems.com/
    Version: 1
    Design and Developed by: http://devitems.com/

Note: This is the file where you can add your custom styles to change the look of the theme. But don't modify "style.css" file.

---------------------------------------------------------------*/

/* ----------------------------------------------------
    You can put your custom css code here:
-------------------------------------------------------*/
.subscribe input[type="text"]:focus
{
    color:#FFF !important;
}

.subscribe input::placeholder {
    color:#FFF !important;
}

.menu-icon
{
    font-size: 20px;
}

/* Cor do texto exibido no botao do select (quando fechado) */
.bootstrap-select.paginacao .btn.dropdown-toggle .filter-option {
    color: #c1c1c1 !important;
    background-color: #fff !important;
    width:40px;
}

/* Placeholder (quando nenhum valor foi selecionado ainda) */
.bootstrap-select.paginacao .btn.dropdown-toggle.bs-placeholder .filter-option {
    color: #c1c1c1 !important;
    opacity: 1 !important;
    background-color: #fff !important;
}

/* Cor do texto nas opcoes da lista dropdown */
.bootstrap-select.paginacao .dropdown-menu.inner > li > a span.text {
    color: #c1c1c1 !important;
}

/* Estilo opcional: botao do selectpicker (cor de fundo, borda etc.) */
.bootstrap-select.paginacao .btn.dropdown-toggle {
    background-color: #fff !important;
    color: #c1c1c1 !important;
    border-color: #ccc !important;
}

.transparent-header {
    background: var(--cor_fundo_menu) none repeat scroll 0 0 !important;
}

.transparent-header .main-menu > li > a {
    color: var(--cor_texto_menu) !important;
}

.main-menu > li:hover > a,
.transparent-header .main-menu > li:hover > a,
.sticky .main-menu > li:hover > a,
.drop-menu > li:hover > a,
.single-mega-item > li:hover > a {
    color: var(--cor_hover_menu) !important;
}

.sticky .main-menu > li > a {
    color: var(--cor_texto_menu_fixo) !important;
}

.drop-menu,
.mega-menu-area {
    background: var(--cor_fundo_submenu) !important;
    border-bottom-color: var(--cor_hover_menu) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18) !important;
}

.drop-menu li a,
.single-mega-item li a {
    color: var(--cor_texto_submenu) !important;
}

.drop-menu-nivel-3 {
    border-left-color: var(--cor_hover_menu) !important;
}

.mean-container .mean-bar {
    background: var(--cor_fundo_menu) !important;
}

.mean-container a.meanmenu-reveal {
    color: var(--cor_texto_menu) !important;
}

.mean-container a.meanmenu-reveal span {
    background: var(--cor_texto_menu) !important;
}

.mean-container .mean-nav {
    background: var(--cor_fundo_submenu) !important;
}

.mean-container .mean-nav ul li a,
.mean-container .mean-nav ul li a.mean-expand {
    color: var(--cor_texto_submenu) !important;
}

.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li a.mean-expand:hover {
    color: var(--cor_hover_menu) !important;
}

.find-home-box,
.find-home-area.call-to-bg::after,
.subscribe-area.call-to-bg::after {
    background: var(--cor_bloco_escuro) none repeat scroll 0 0 !important;
}

.find-home-box {
    border-bottom-color: var(--cor_hover_menu) !important;
}

.find-home-area .section-title,
.find-home-area .section-title h2,
.find-home-area .section-title h3,
.find-home-box .section-title,
.find-home-box .section-title h2,
.find-home-box .section-title h3,
.subscribe-area .section-title,
.subscribe-area .section-title h2,
.subscribe-area .section-title h3 {
    color: var(--cor_texto_bloco_escuro) !important;
}

.find-home-item input,
.find-home-item input:focus,
.subscribe input,
.subscribe input:focus {
    color: var(--cor_placeholder_bloco_escuro) !important;
}

.find-home-item input::-webkit-input-placeholder,
.find-home-item input::-moz-placeholder,
.find-home-item input:-ms-input-placeholder,
.find-home-item input:-moz-placeholder,
.subscribe input::-webkit-input-placeholder,
.subscribe input::-moz-placeholder,
.subscribe input:-ms-input-placeholder,
.subscribe input:-moz-placeholder,
.busca-flutuante::-webkit-input-placeholder,
.busca-flutuante::-moz-placeholder,
.busca-flutuante:-ms-input-placeholder,
.busca-flutuante:-moz-placeholder {
    color: var(--cor_placeholder_bloco_escuro) !important;
    opacity: 1 !important;
}

.find-home-area .bootstrap-select > .dropdown-toggle,
.find-home-box .bootstrap-select > .dropdown-toggle,
.find-home-area .bootstrap-select > .dropdown-toggle.bs-placeholder,
.find-home-box .bootstrap-select > .dropdown-toggle.bs-placeholder {
    color: var(--cor_placeholder_bloco_escuro) !important;
}

.find-home-area .bootstrap-select > .dropdown-toggle .filter-option,
.find-home-box .bootstrap-select > .dropdown-toggle .filter-option,
.find-home-area .bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option,
.find-home-box .bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option {
    color: var(--cor_placeholder_bloco_escuro) !important;
}

.find-home-area .bootstrap-select .caret,
.find-home-box .bootstrap-select .caret {
    border-top-color: var(--cor_placeholder_bloco_escuro) !important;
    border-bottom-color: var(--cor_placeholder_bloco_escuro) !important;
}

.button-1,
.button-1:focus,
.subscribe button,
.subscribe button:focus,
.flat-link > a:hover,
.submit-btn-1,
.pagination-list > li a:hover,
.footer-contact button:hover {
    color: var(--cor_botao_texto) !important;
}

.service-item-info h5 a,
.flat-title-price h5 a,
.agent-info .agent-name h5 a,
.agent-info-hover .agent-name h5 a,
.section-title-2 h3,
.section-title-2 h5,
.latest-news-info h6 a {
    color: var(--cor_titulo_destaque) !important;
}

.service-item-info h5 a:hover,
.flat-title-price h5 a:hover,
.agent-info .agent-name h5 a:hover,
.agent-info-hover .agent-name h5 a:hover,
.latest-news-info h6 a:hover {
    color: var(--cor_hover_menu) !important;
}

.price {
    color: var(--cor_preco_imovel) !important;
}

/* Fix: menu mobile deve sumir quando o lightbox estiver aberto */
body.lightbox-open .mobile-menu-area,
body.lightbox-open .mean-container .mean-bar {
    z-index: 0 !important;
}
