@charset "utf-8";

/* ============================================================================*\
    $Real Estate
\*============================================================================ */

/* ------------------------------------*\
    Table
\*------------------------------------ */
.real-estate-table-col-type { width: calc(3em + 1.6rem * 2); }
.real-estate-table-col-location { width: 20%; }
.real-estate-table-col-area,
.real-estate-table-col-price { width: calc(6em + 1.6rem * 2); }
/* .real-estate-table-col-notes {} */

@media (max-width: 47.999em) {
	.real-estate-table,
	.real-estate-table tbody,
	.real-estate-table tr,
	.real-estate-table th,
	.real-estate-table td { display: block; }
	.real-estate-table th,
	.real-estate-table td { padding: 0; }
	.real-estate-table thead { display: none; }
	.real-estate-table tr {
		border-width: .1rem 0;
		border-style: solid;
	}
	.real-estate-table tr + tr { border-top-width: 0; }
	.real-estate-table td {
		display: table;
		width: 100%;
		border-bottom-width: 0;
	}
	.real-estate-table td:first-child { border-top-width: 0;}
	.real-estate-table [data-th]::before,
	.real-estate-table__td {
		display: table-cell;
		padding: 1.6rem;
		vertical-align: middle;
	}
	.real-estate-table [data-th]::before {
		content: attr(data-th);
		width: calc(10em + 1.6rem * 2);
		font-weight: bold;
	}
	.real-estate-table__td { width: calc(100% - (10em + 1.6rem * 2)); }
}

@media (max-width: 29.999em) {
	.real-estate-table [data-th]::before,
	.real-estate-table__td {
		width: 50%;
	}
}