

/* 1600 imac ******************************************************************************* */
/* 1600 imac ******************************************************************************* */
/* 1600 imac ******************************************************************************* */
@media only screen and (min-width: 1600px) {

:root {
--headerHeight: 100px;
--availableHeight: calc(100dvh - var(--headerHeight));
}

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

/* SIZES & VARIANTS */

html,body 														{ }

/* primary menu */
#primary-menu > li > a											{ font-size: 120px; }
#primary-menu .sub-menu											{ font-size:  24px; }
.lang-switch													{ font-size:  20px; }

/* headings */
h1 																{ }
h2 																{ }
h3 																{ }
h4 																{ }
h5 																{ }

/* content */
.slider-block 			h2 										{ font-size:  100px; }
.home .slider-block 	h2										{ font-size:  100px; }
.slider-block 			h2.title-crop-left						{ font-size:   15vh; }
.slider-block			h2.title-crop-right						{ font-size:   15vh; }
.slider-block 			.lead									{ font-size:   36px; }
.slider-block 			.text									{ font-size:   24px; }
.slider-block 			em										{ }

.featured-block 		h2 										{ font-size: 100px; }
.home .featured-block	h2										{ font-size: 180px; }
.featured-block 		.lead									{ font-size:  36px; }
.featured-block 		.text									{ font-size:  24px; }
.featured-block 		em										{ }

.layers-block 			h1										{ font-size: 180px; }
.layers-block			.lead									{ font-size:  36px; }
.layers-block 			.text									{ font-size:  24px; }
.layers-block 			em										{ }

.info-block 			h1 										{ }
.info-block 			.lead 									{ font-size:  36px; }
.info-block 			.text 									{ font-size:  24px; }
.info-block 			.overview 								{ font-size:  20px; }

.collections-summary 											{ font-size: 24px; }
.collections-summary 	.tabs-nav								{ font-size: 20px; }
.collections-summary 	.accordion-toggle						{ font-size: 64px; }

.switcher-navigation 											{ font-size:  20px; }

.shortcut-block 												{ font-size:  24px; }

/* colophon */
#colophon 														{  }
.footer-bottom													{ line-height: 1.00em; }

/* buttons */
.button.small													{ font-size: 12px; }
.button.regular													{ font-size: 16px; }
.button.big														{ font-size: 20px; }

.button-round.small 											{ font-size: 12px; }
.button-round.regular 											{ font-size: 16px; }
.button-round.medium 											{ font-size: 16px; }
.button-round.big 												{ font-size: 20px; }

/* forms */
input[type="text"], input[type="text-area"]						{  }


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


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

/* BUTTONS */

.button.small 													{ padding: 10px 20px; }
.button.regular 												{ padding: 10px 20px; }
.button.big 													{ padding: 16px 32px; }

.button-round.medium											{ width: 140px; height: 140px; padding: 12px; }
.button-round.big												{ width: 180px; height: 180px; padding: 12px; }

/* ICONS */
.plus-minus 													{ width: 60px; height: 60px; }

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

#masthead 														{ padding: 0 var(--frame-rg); gap: 80px; }

.site-branding img												{ height: 30px; }

/* MAIN MENU */

.main-navigation-wrapper 										{ padding: var(--headerHeight) 15vw; gap: 120px; }
.header-cta-2-wrapper 											{ right: 60px; bottom: 60px; }

#primary-menu 													{ gap: 50px; }

#primary-menu .sub-menu 										{ gap: 24px; }

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

/* HOMEPAGE */

.site-cover .button-round.regular								{ bottom: 40px; }
.site-cover .button-round.big									{ bottom: 60px; right: 60px; }


/* LAYERS SCROLL */
.layers-block h1 												{ bottom: 20px; }

.layers-block 							.child-layer			{ padding: 0 10vw 10vh 10vw;  gap: 60px; }

.layers-block .layer.layout-image-text 	.child-layer.image		{ padding: 0 10vw 10vh 10vw; }
.layers-block .layer.layout-image-text 	.child-layer.text		{ padding: 0 10vw 10vh 10vw; }
.layers-block .layer.layout-text-image 	.child-layer.image		{ padding: 0 10vw 10vh 10vw; }
.layers-block .layer.layout-text-image 	.child-layer.text		{ padding: 0 10vw 10vh 10vw; }

.layers-block .layer.layout-image.fullwidth						{ padding: var(--frame-rg); padding-bottom: 0; }
.layers-block .layer.fullwidth .child-layer						{ padding: 0 33vw 8vh 33vw; }

/* FEATURED CONTENT */
.featured-block .child-layer									{ padding:  10vh 10vw; gap: 60px;  }
.featured-block .has-title-centered .child-layer 				{ padding-top: 30vh; }

/* SLIDER */
.slider-block .child-layer 										{ padding: var(--frame-lg) var(--frame-xl); gap: 60px; }

.slider-block h2.title-top-left									{ top: var(--frame-lg); left: var(--frame-xl); }
.slider-block h2.title-top-right								{ top: var(--frame-lg); right: var(--frame-xl); }
.slider-block h2.title-bot-left									{ bottom: var(--frame-lg); left: var(--frame-xl); }
.slider-block h2.title-bot-right								{ bottom: var(--frame-lg); right: var(--frame-xl); }

/* VIDEO */
.video-block 													{ padding: var(--frame-sm) var(--frame-rg) var(--frame-md) var(--frame-rg); }

/* TEXT ONLY */
.page-template-template-text article							{ padding: var(--frame-xxl) var(--frame-rg); }
.page-template-template-text .entry-header 						{ width: 30%; }
.page-template-template-text .entry-content 					{ width: 50%; }

/*
——————————————————————————————————————————
COLLECTION SINGLE PAGE
——————————————————————————————————————————
*/

/* INFO */
.info-title 													{  padding: var(--frame-sm) var(--frame-rg); }

.info-content  													{ padding: var(--frame-xl) var(--frame-sm) ; grid-template-rows: auto auto auto auto auto auto 1fr; }

.info-content h4 												{ grid-row: 1; 				grid-column: 4 / span 3; padding-left: 40px;}
.info-content figure 											{ grid-row: 1; 				grid-column: 2 / span 2; }
.info-content .lead 											{ grid-row: 4;				grid-column: 2 / span 4; }
.info-content .overview 										{ grid-row: 7; 				grid-column: 2 / span 4; }
.info-content .text 											{ grid-row: 1 / span 7; 	grid-column: 7 / span 5; }


/*
——————————————————————————————————————————
REUSABLE COMPONENTS
——————————————————————————————————————————
*/

/* COLLECTIONS SUMMARY */
.collections-summary											{ padding: var(--frame-xxl) var(--frame-lg);}
.tabs-nav														{ padding: 0 var(--frame-md); }
.accordion-toggle												{ padding: var(--frame-md) var(--frame-rg) var(--frame-md) var(--frame-md); }

.accordion-content-right										{ padding: 0 var(--frame-xl); gap: 60px; }

/* COLLECTIONS SWITCHER  */
.switcher-navigation 											{ padding: 0 var(--frame-rg); top: 60%; }
.switcher-navigation ul 										{ padding: 40px 0 0 0; }
.switcher-navigation li 										{ padding: 5px 40px; }
.switcher-slide .button											{ bottom: var(--frame-md); right: var(--frame-rg); }

/* MAP VIEWER */
.map-block 														{ aspect-ratio: 20 / 9; padding: var(--frame-xl) var(--frame-rg); }
.map-locator img												{ width: 10vw; }

/* SHORTCUTS */
.shortcut-block 												{ gap: 60px; }


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

/* footer bottom */
.site-logos img.daciano 										{ height: 50px; }
.site-logos img.missoni 										{ height: 40px; }
.site-logos img.norfin 											{ height: 45px; }

.site-info-nav													{ gap: 120px; }
	
} /* @media 1800 */