:root {
    --secondary-color: #d9a727;
}

.sticky-secondary.active {
    background: #171b2a;
}

.hover\:text-secondary-color:hover {
    --tw-text-opacity: 1;
    color: #d9a727;
}

/*===============*/
/*Primiera Seção*/
/*===============*/

img.logo-nav {
    width: 120px;
}

.bg-secondary-color {
    --tw-bg-opacity: 1;
    background-color: rgb(217 167 39);
}
.border-secondary-color {
    --tw-border-opacity: 1;
    border-color: rgb(217 167 39);
}

.hero-tab .tab-links .active button {
    background: #d9a727;
    color: white;
}
.text-secondary-color {
    --tw-text-opacity: 1;
    color: rgb(209 178 97);
}

@media (min-width: 1200px) {
    .width-nav{
        width: 50%;
    }
}
.hero-form .location-select::before {
    content: "\f3c5";
}
.hero-form .nice-select::before {
    color: var(--secondary-color);
}
.bg-overlay-primary {
    background-color: rgba(23, 27, 42, 0.8);
}

/*===============*/
/*Sobre Nós*/
/*===============*/

#about-us .bg-secondary-color {
    --tw-bg-opacity: 1;
    background-color: rgb(217, 167, 39, 0.2);
}

/*===============*/
/*Propriedades*/
/*===============*/

#propriedades .bg-secondary-color {
    --tw-bg-opacity: 1;
}


/*===============*/
/*Blog*/
/*===============*/
#blog .bg-secondary-color {
    --tw-bg-opacity: 1;
    background-color: rgb(217, 167, 39, 0.2);
}


/*===============*/
/*Página da listagem de imóveis*/
/*===============*/
.sticky-header.sticky-secondary.z-xl.bg-transparent.transition-all.duration-700.listagem {
    background-color: #171b2a;
}

#listagem-imoveis .bg-secondary-color:hover {
    color: rgb(255, 255, 255);
}

.hover\:bg-secondary-color:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(217 167 39);
}
.group:hover .group-hover\:bg-secondary-color {
    --tw-bg-opacity: 1;
    background-color: rgb(217 167 39);
}

.filter-button{
    text-align: center;
    margin-top: 20px;
}

.filter-class{
    width: 70%;
}