/* 900 ipad horizontal ******************************************************************************* */
/* 900 ipad horizontal ******************************************************************************* */
/* 900 ipad horizontal ******************************************************************************* */
@media only screen and (min-width: 900px) {

:root {
	--menuH:		60px;
	--galleryH:		70vh;
}

/*
——————————————————————————————————————————
TYPOGRAPHY 
——————————————————————————————————————————
*/


/*
——————————————————————————————————————————
STRUCTURE
——————————————————————————————————————————
*/

/*
——————————————————————————————————————————
UI ELEMENTS
——————————————————————————————————————————
*/


/*
——————————————————————————————————————————
HEADER & NAV
——————————————————————————————————————————
*/





/*
——————————————————————————————————————————
CONTENT
——————————————————————————————————————————
*/

/* SPLIT LAYOUT */
.split-layout:nth-child(even)									{ flex-direction: row; }
.split-layout:nth-child(odd)									{ flex-direction: row-reverse; }
.intro-block .split-layout										{ flex-direction: row; }
.split-layout.has-link:hover									{ background-color: var(--blue); color: var(--white); }
.side															{ width: 40%; }
.wide															{ width: 60%; padding: 4.00em; }
.side figure													{ height: 100%; position: absolute; top: 0; left: 0; }
.side .header													{ width: 100%; padding: 4.00em; }

/* AMENITIES */
.amenities-block												{ padding: 6.00em 30px; }
.amenities-block h4 											{ width: 70%; }
.amenities-list													{ width: 100%; grid-template-columns: repeat(6, 1fr); }

/* OVERVIEW */
.overview-block													{ padding: 6.00em 30px; }
.overview-block h4 												{ width: 70%; }
.overview-list													{ width: 100%; grid-template-columns: repeat(4, 1fr); }

/* APARTMENTS TABLE */
.apartments-block-header 										{ padding: 6em 20px; align-items: flex-end; }
.apartment-filters 												{ flex-direction: row; align-items: flex-end; }
.apartment-table 												{ padding: 0; display: table; }
.apartment-row-header 											{ display: table-header-group; position: sticky; top: calc(2 * var(--menuH)); background-color: var(--white); z-index: 700; }
.apartment-row 													{ width: 100%; margin: 0; padding: 0; border-bottom: none; display: table-row; }
.apartment-row:hover 											{ background-color: var(--blue); color: var(--white); }
.apt-col 														{ display: table-cell; padding: 20px 0; border-bottom: solid 1px var(--blue); text-align: right; }

.unit 															{ width: auto; padding-left: 20px; text-align: left; }
.icon															{ width: auto; }
.floor 															{ width: auto; }
.typology 														{ width: auto; }
.gross 															{ width: auto; display: table-cell; }
.balcony 														{ width: auto; display: table-cell; }
.price 															{ width: auto; display: table-cell; }
.status 														{ width: auto; display: table-cell; }
.plan 															{ width: auto; display: table-cell; padding-right: 20px; position: relative; top: 0; right: 0; }

.visible .gross													{ display: table-cell; }
.visible .balcony 												{ display: table-cell; }
.visible .price 												{ display: table-cell; }
.visible .status 												{ display: table-cell; }
.visible .plan 													{ display: table-cell; }

.plan .bt-small 												{ margin-left: auto; }
.apartment-row:hover .bt-outline.bt-blue						{ color: var(--white); background-color: var(--blue); border: solid 1px var(--white); }
.plan .bt-outline.bt-blue:hover 											{ color: var(--blue); background-color: var(--white); }

.apt-col:empty 													{ display: table-cell; }
.visible .apt-col:empty 										{ display: table-cell; }

/* AVAILABLE TABLE */
.available-block-header 										{ padding: 6em 20px; }
.available-table 												{ grid-template-columns: repeat(3, 1fr); }
.available-info 												{ gap: 20px; }
.available-info .unit 											{ padding-left: 0; }

/* DISCLAIMER */
.disclaimer-block 												{ padding: 6em 30px; grid-template-columns: repeat(12, 1fr); }
.disclaimer-title 												{ grid-column: 1 / span 4; }
.disclaimer-text 												{ grid-column: 5 / span 8; }

/* CONTACTS */ 
.contact 														{ padding: 4em; align-items: flex-start; justify-content: center; }

/* GENERIC */
.for-mobile 													{ display: none; }

/*
——————————————————————————————————————————
FOOTER
——————————————————————————————————————————
*/

#colophon 														{ padding: 10.00em 30px 30px 30px; }
.footer-logo img 												{ height: 45px; }
#footer-menu 													{ flex-direction: row; gap: 20px; }


} /* @media 900 */