/*-- ---------------------- --*/
/*-- Estilo de definições para o modulo imóvel  --*/
/*-- Estrutura embasada no framework foundation  --*/
/*-- Possíveis adaptações para o framework encontradas em app.css --*/
/*-- Define a estrutura, posicionamento, cores e fontes --*/
/*-- breakpoints em 640 e 900 rem --*/
/*-- ---------------------- --*/

/*-- IMOVEL --*/
/*contem todos os imoveis*/
.container_imoveis {
	width:100%;
	padding-left:14%;
}
/*imovel estrutura - contem cada imovel*/
.container_imovel {
	padding:1rem 1rem 0 1rem;
	width:85%;
	float:left;
}

/*imovel border*/
.container_imovel .row .columns.titulo {border-right:1px solid #999; border-left:1px solid #999;}
.container_imovel .row .columns.subtitulo {border-right:1px solid #999;	border-bottom:1px solid #999; border-left:1px solid #999;}
.container_imovel .row .columns.metragem {border-left:1px solid #999;}
.container_imovel .row .columns.garagem {border-right:1px solid #999;}
.container_imovel .row .columns.valor {border-top:1px solid #999; border-bottom:1px solid #999;	border-left:1px solid #999;}
.container_imovel .row .columns.mais {border-top:1px solid #999; border-bottom:1px solid #999;}
.container_imovel .row .columns.favorito {border-top:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999;}

/*imovel - figure - colocar um pano de fundo para compatibilidade com imagens com dimensões diferentes*/
.container_imovel .row .columns figure {
	width:100%;
	background-color:#CCC;
	text-align:center;
}
/*imovel - imagem - para controlar a altura da imagem*/
.container_imovel .row .columns figure,
.container_imovel .row .columns figure img {
	min-height:192px;
	height:40vw;
}
/*imovel - setas para trocar a imagem*/
.container_imovel .row .imagem > a {
	background-image:url(../imagens/setas.png);
	background-size:200%;
	position:absolute;
	top:45%;
	padding:0.4rem 0.2rem;
	color:transparent;
}
/*imovel - setas posicionamento*/
.container_imovel .row .imagem > a:first-of-type {left:1%;}
.container_imovel .row .imagem > a:first-of-type:hover {background-position:left bottom}
.container_imovel .row .imagem > a:last-of-type {right:1%;background-position:right top}
.container_imovel .row .imagem > a:last-of-type:hover {background-position:right bottom}

/*imovel - referencia*/
.container_imovel .row .imagem > span {
	position:absolute;
	bottom:1%;
	right:1%;
	font-size:0.9rem;
	padding:0.2rem 0.4rem;
	background-color:#CCC;
	border:1px solid #999;
	border-radius:0.2rem;
}

/*imovel - titulo*/
.container_imovel .row .columns.titulo h2 {
	font-size:1rem;
	padding:0;
	margin:0.2rem 0 0 0;
	font-weight:bold !important;
}
/*imovel - subtitulo*/
.container_imovel .row .columns.subtitulo h3 {
	font-size:0.95rem;
	padding:0 0 0.2rem 0;
	margin:0;
	font-weight:normal;
	white-space:nowrap;
	overflow:hidden;
}
/*imovel - metragem/dormitório/garagem*/
.container_imovel .row .metragem,
.container_imovel .row .dormitorio,
.container_imovel .row .garagem {
	font-size:0.9rem;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	margin:0;
	font-weight:normal;
}
/*imovel - valor/ver-mais/favoritos*/
.container_imovel .row .columns.valor,
.container_imovel .row .columns.mais,
.container_imovel .row .columns.favorito {
	height: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
	text-align:center;
}
.container_imovel .row .columns.valor {
	color: #de1f26;
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 6px;
	text-align: left;
}
.container_imovel .row .columns.mais img,
.container_imovel .row .columns.favorito img {
	width: 25px;
}

@media only screen and (min-width: 00.01rem) and (max-width: 40rem) {
	.container_imovel.escondido_para_pequeno {display:none;}
}
@media only screen and (min-width: 40.01rem) and (max-width: 56.24rem) {
	.container_imoveis {padding:0;}
	/*.container_imoveis div.container_imovel:nth-child(even) {padding-left:1.4rem; padding-right:1rem;}*/
	/*.container_imovel {width:50%; padding-right:1.4rem;}*/
	.container_imoveis div.container_imovel {width:50%; padding-right:1.5rem; padding-left:1.5rem;}
	.container_imovel .row .columns figure, .container_imovel .row .columns figure img {height:25vw;}
	.container_imovel.escondido_para_medio {display:none;}
}
@media only screen and (min-width: 56.25rem) {
	.container_imoveis {padding:0;}
	/*
	.container_imoveis div.container_imovel:nth-child(3n+2) {padding-left:1.25rem; padding-right:1.25rem;}
	.container_imoveis div.container_imovel:nth-child(3n+3) {padding-left:1.5rem; padding-right:1rem;}
	.container_imovel {width:33.33%; padding-right:1.5rem;}
	*/
	.container_imovel {width:33.33%; padding-right:1.75rem; padding-left:1.75rem; padding-top:1.75rem;}
	.container_imovel .row .columns figure, .container_imovel .row .columns figure img {height:18vw; max-height:270px;}
}
@media only screen and (min-width: 75rem) {
	/*não tinha*/
	.container_imovel {width:33.33%; padding-right:2rem; padding-left:2rem; padding-top:2rem;}
}
@media only screen and (max-width: 400px) {
	/*para corrigir layout dos botões: valor e fovoritos*/
	.container_imoveis {padding-left:0;}
	.container_imovel {width:100%;}
}