/* Arquivo CSS para customizar as definições .css impostas pelo framework fundation*/

/* Alteração de font-size: alteração para fonte fluida da raiz html em rem, conforme a largura da wiewport / 100. 
html {
	font-size: calc(100vw/100);
}

*/

/*Para controle das dimensões gerais do site*/
html {font-size:14px !important;}


/*--GRID--*/
/*grid - limita o grid ao seu container pai*/
.row{max-width:100%;}


/*--MAIN--*/
/*main - configurar o botão*/
body #container #main #container_home aside .row > .columns > .button,
body #container #main #container_comprar_alugar_temporada aside .row > .columns > .button {
	margin-top:2rem;
	margin-bottom:0.5rem;
	color:#000;
	background-color:#CCC;
	border-color:#999;
}
body #container #main #container_home aside .row > .columns > .button:hover,
body #container #main #container_comprar_alugar_temporada aside .row > .columns > .button:hover {
	background-color:#999;
	border-color:#333;
	color:#FFF;
}


/*--MODULO--*/
/*container_imovel*/
/*modulo -> container_imovel - tirar o padding do container da imagem*/
body #container #main .container_imovel .imagem {
	padding:0;
}
/*modulo -> container_imovel - configurar o botão*/
body #container #main .container_imovel .button {
	font-size:0.85rem;
	padding:0.7rem;
	margin:0.8rem 0;
	background-color:#d40000;
	border-color:#950000;
}
body #container #main .container_imovel .button:hover {
	background-color:#950000;
	border-color:#640000;
}
body #container #main .container_imovel > .row > .columns.dormitorio ,
body #container #main .container_imovel > .row > .columns.garagem {
	padding-left:0;
	padding-right:0;
}
body #container #main .container_imovel > .row > .columns.metragem {
	padding-right:0;
}

/*--FORMULÁRIO--*/
/*formulario - rotulo*/
body #container #main #container_sobre form label span.label,
body #container #main #container_enviar_imovel form label span.label {
	position:relative;
	top:-1rem;
	white-space:normal;
	width:100%;
	text-align:left;
}

/*MEDIA QUERY*/
@media only screen and (min-width: 40.01rem) {
	body #container #main .container_imovel .button {font-size:0.9rem; padding:0.6rem 0; margin:0.6rem 0;}
}
@media only screen and (min-width: 56.25rem) and (max-width: 62.5rem) {
	body #container #main .container_imovel > .row > .columns.valor {padding-right:0.4rem;}
	body #container #main .container_imovel > .row > .columns.favorito {padding-left:0.4rem;}
}
@media only screen and (max-width: 25.06rem) {
	button.bin-md-expand-only, .button.bin-md-expand-only {
		padding: 1rem 2rem 1.0625rem 2rem;
		font-size: 1rem;
		padding-bottom: 1.0625rem;
		padding-top: 1rem;
		padding-left: 1rem;
		padding-right: 1rem;
		width: 100%; }
	}