/* 1280 macbook ******************************************************************************* */
/* 1280 macbook ******************************************************************************* */
/* 1280 macbook ******************************************************************************* */
@media only screen and (min-width: 1280px) {

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

}

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

/* VARIANTS & SIZES */
.site-branding 													{ font-size: 22px; }


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

article 														{ padding: 6.00em 40px; }

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


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

.site-logo 														{ padding: 0 40px; }
.site-logo img 													{ height: 25px; }
.site-title 													{ padding: 0 30px 3px 30px; }

#primary-menu 													{ width: auto; height: 100%; display: flex; flex-direction: row; position: relative; top: 0; left: 0; }
#primary-menu li												{ width: auto; height: 100%; border-left: solid 1px var(--blue); border-bottom: none;  }
#primary-menu li a												{ width: auto; height: 100%; margin: 0; padding: 0 60px; justify-content: center; }

/* MAIN MENU TOGGLE */
.menu-toggle                                                	{ display: none;  }

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

/* SPLIT LAYOUT */
.side															{ width: 33%; }
.wide															{ width: 67%; padding: 6.00em; }
.side .header													{ padding: 6.00em 4.00em 6.00em 6.00em; }

/* AMENITIES */
.amenities-block												{ padding: 6.00em; gap: 3.50em; background-color: var(--white); color: var(--blue); }
.amenities-block h4 											{ width: 60%; }
.amenities-list													{ width: auto; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; gap: 2.50em; }
.amenities-list li 												{ width: 140px; gap: 2.00em; }
.amenity-icon 													{ width: 72px; }
.amenity-icon.negative 											{ display: none; }
.amenity-icon.positive 											{ display: flex; }

/* OVERVIEW */
.overview-block													{ padding: 6.00em; gap: 3.50em; }
.overview-block h4 												{ width: 60%; }
.overview-list													{ width: auto; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; gap: 6.00em; }
.overview-list li 												{ width: auto; gap: 1.50em; }

/* MAP */
.map-header 													{ padding: 10.00em 30px; }

/* APARTMENTS TABLE */
.apartments-block 												{ padding: 0 40px; }
 
/* AVAILABLE TABLE */
.available-block 												{ padding: 0 40px; }
.available-table 												{ grid-template-columns: repeat(4, 1fr);}
.available-info 												{ width: 100%; height: 100%; margin: 0; padding: 20px; position: absolute; top: 0; right: 0; background: linear-gradient(to bottom, transparent, #2A7C98); color: var(--white); display: none; flex-direction: row; align-items: flex-end; justify-content: flex-start; gap: 20px; }
.available-row:hover .available-info							{ display: flex; }

.pswp__button--close 											{ width: 48px!important; height: 48px!important; top: 20px; right: 20px; }

.pswp__button--arrow--next 										{ width: 48px !important; height: 48px !important; margin-right: 20px!important; }
.pswp__button--arrow--prev 										{ width: 48px !important; height: 48px !important; margin-left: 20px!important; }

/* DISCLAIMER */
.disclaimer-block 												{ padding: 6em 40px; }
.disclaimer-title 												{ grid-column: 1 / span 3; }
.disclaimer-text 												{ grid-column: 4 / span 9; }

/* CONTACTS */ 
.contact 														{ padding: 6em; }


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


} /* @media 1280 */