/* HEAD */
#header-menu li.current {
    background-color: rgba(146, 165, 82, 0.3);
} 

/* ECOZ HOME */
#contato-home {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#contato-home input,
#contato-home textarea {
    background-color: transparent;
    border: 2px solid white;
    border-radius: 12px;
}

.contato-home-form {
    padding: 8px 15px;
    color: white;
}

.contato-home-form::placeholder {
    color: white;
}

#contato-home input:hover,
#contato-home textarea:hover  {
    border: 2px solid rgba(255, 255, 255, 0.531);
    transition: 300ms;
}

button.contato-home-form-button {
    padding: 12px;
    background-color: white;
    border: 2px solid white;
    border-radius: 6px;
    color: #468C77;
    font-weight: 800;
    font-size: 18px;
}

button.contato-home-form-button:hover {
    background-color: rgb(221, 235, 221);
    border: 2px solid rgb(221, 235, 221);
    transition: 300ms;
}

.fbox-icon i {
    color: #468C77 !important;
}

.ecoz-green {
    color: #966328 !important;
}


/* ECOZVILLE */ 
.ecozville {
    background-color: #f0ede9;
}

#form-ecozville-slide div {
    margin: auto;
    padding: 4px;
}

#form-ecozville-slide input {
    border: 2px solid white;
    border-radius: 23px;
    color: white;
}

#form-ecozville-slide input::placeholder {
    color: white;
    opacity: 1;
}

#form-ecozville-slide button {
    background-color: #966328;
    border: 2px solid #a77842;
    border-radius: 23px;
    color: white;
}

button.ecozville-button {
    background-color: #966328;
    border: 2px solid #a77842;
    border-radius: 8px;
    color: white;
}

#form-ecozville-slide button:hover,
button.ecozville-button:hover {
    background-color: #cd8e46;
    color: white;
    transition: 300ms;
}

.ecozville-button-transp {
    border: 2px solid #966328;
    padding: 8px 3rem;
    color: #966328;
    border-radius: 8px;
    font-size: 23px;
}

.ecozville-button-transp:hover {
    background-color: transparent !important;
    border: 2px solid #a87841 !important;
    color: #a87841 !important;
    transition: 300ms;
}

.spanform{
    font-size: 14px;
    opacity: 0.8;
}

.item-categories h5 {
	position: absolute;
	top: auto;
	left: 10px;
	bottom: 0;
	padding: 12px 22px;
}

/* RESPONSIVO */
@media(max-width: 1200px) {
    #ecozville-contato-01 {
        display: flex;
        flex-direction: column;
    }

    #ecozville-contato-01 div {
        width: 100% !important;
    }
}




/* MAPA DE DIFERENCIAIS */
li.item-mapa {
    text-decoration: none;
    background-color: #EEE;
	padding: 0.55rem;
	border-radius: 2px;
	margin-bottom: 5px;
    margin-top: 0;
    display: inline-block;
}

li.item-mapa:hover {
    background-color: rgb(221, 223, 218);
    transition: 0.4s all;
}

#item-mapa li.current {
    background-color: #468C77;
    color: #EEE;
    transition: 800ms;
}

li.current a {
    color: #EEE !important;
}

li.item-mapa a {
    font-weight: 700;
    color: rgb(63, 63, 63);
}

li.item-mapa a:hover {
    color: rgb(0, 0, 0);
    transition: 0.4s all;
}

ul.mapa-header {
    margin-top: 50px;
}

#text-mapa p {
    font-size: 17px;
    margin: 0;
}

#titulo-mapa h3 {
    text-transform: uppercase;
    margin: 0;
}


/* VENDA DE TERRENOS */
div.terrenos {
    grid-area: auto;
}

.vendaTerrenos h1 {
    font-size: 65px;
    text-align: right;
    line-height: 1.2em;
}

.vendaTerrenos h2 {
    font-size: 80px;
    padding: 0;
    margin: 0;
}

.vendaTerrenos p {
    margin: 0;
}

.vendaTerrenos a {
    border: 2px solid;
}

.vendaTerrenos a:hover {
    background-color: rgb(62, 190, 96);
    color: white;
    border: 2px solid rgb(152, 223, 171);
    transition: 600ms;
}

.itens-terreno {
    display: flex;
    justify-content: space-between;
}

/* LISTA DE IMÓVEIS */
#filtros {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

#filtros button:hover {
    background-color: #dce9e6;
    transition: 600ms;
}

#filtros button.current {
    background-color: #468C77;
    color: #EEE;
    transition: 600ms;
}

div .real-estate-item {
    display: flexbox;
}

#botao-imovel {
    background-color: transparent;
    border: 2px solid #f0ad4e;
    border-radius: 5px;
    color: #f0ad4e;
}

#botao-imovel:hover {
    background-color: #f8bf6f;
    border: 2px solid #edba72;
    transition: 300ms all;
    color: white;
}

#botao-video-imovel {
    border: 2px solid rgb(152, 223, 171);
}

#botao-video-imovel:hover {
    background-color: #1ea78c;
}

.none {
    display: none;
    transition: 800ms;
}

/* DADOS E METRAGENS */
.itens-terreno h3 {
    font-size: 23px;
    margin: 0;
    padding: 0;
}

.itens-terreno span {
    font-size: 14px;
}

.itens-terreno p {
    font-size: 13px;
    text-align: center;
}

@media (max-width: 600px) {
    
    div.vendaTerrenos {
        text-align: center;
        width: 90%;
        margin: auto;
    }

    .vendaTerrenos h1 {
        text-align: center;
        font-size: 45px;
    }

}

/* INSTA IMAGES */
#instagram-img {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 1rem;
}

.insta-img-center {
    display: flex;
    width: 30vw;
    justify-content: center;
}

.insta-img-side {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    width: 35vw;
}

.insta-img-side img {
    max-width: 300px;
    object-fit: cover;
}

@media(max-width: 1775px) {
    #instagram-img {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .insta-img-center {
        width: 100vw;
    }

    .insta-img-side {
        width: 100vw;
    }

    .insta-img-side img {
        width: 45vw;
    }
}

/* PROJETO */
.projeto {
    max-width: 800px;
    margin: auto;
    display: flex;
    justify-content: space-around;
    gap: 3em;
    padding-top: 3em;
}

.projeto-item {
    width: 300px;
    justify-self: center;
    align-self: center;
    border: 2px solid #d7cfc5ce;
    border-radius: 12px;
    padding: 1rem 2rem;
}

.projeto-item p {
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto 10px;
}

.projeto-item img {
    width: 100%;
    margin: 0 auto;
}

p.img-ilustrativas {
    margin: 0 auto;
    text-align: center;
    max-width: 850px;
    font-size: 13px !important;
    line-height: 18px !important;
    color: #955c30;
}

@media(max-width: 992px) {
    .projeto {
        flex-direction: column;
    }
}

/* BLOG ARTIGOS */
#post p {
    font-size: 19px;
    color: black;
}

h2.t2-obg {
    margin-top: 20px;
    padding: 15px auto;
    border: 2px solid #ccc;
    border-radius: 2vh;
}


/* BOTÕES - PALETA DE CORES */

.plt-01 {
    background-color: #468C77;
}
.plt-01:hover {
    background-color: #5fb198;
}
.plt-01-text {
    color: #468C77;
}

.plt-02 {
    background-color: #B9CC66;
}
.plt-02:hover {
    background-color: #cdde80;
}
.plt-02-text {
    color: #B9CC66;
}

.plt-03 {
    background-color: #70A897;
}
.plt-03:hover {
    background-color: #81c8b3;
}
.plt-03-text {
    color: #70A897;
}

.plt-04 {
    background-color: #677B14;
}
.plt-04:hover {
    background-color: #9ab922;
}
.plt-04-text {
    color: #677B14;
}

.plt-05 {
    background-color: #c25454;
}
.plt-05:hover {
    background-color: #da5f5f;
}
.plt-05-text {
    color: #AA4D4D;
}

.plt-06 {
    background-color: #F0AD4E;
}
.plt-06:hover {
    background-color: #fac06e;
}
.plt-06-text {
    color: #F0AD4E;
}