/* CSS Document */

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

:root {
	--menuH: 	60px;
}

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

/* FONT SIZES & VARIANTS */
.menu-toggle 									{ font-size: var(--FS02); }
.main-navigation 								{ font-size: var(--FS02); }
.menu-link-title								{ font-size: var(--FS02); }


/*
——————————————————————————————————————————
HEADER & NAVIGATION
——————————————————————————————————————————
*/

/* MENU TOGGLE BUTTON */
.menu-toggle 									{ height: var(--menuH); padding: 0 var(--S02); }

/* PRIMARY NAVIGATION */
.main-navigation 								{ height: var(--menuH); transform: translateX(0) translateY(-60px); }
.main-navigation.toggled 						{ transform: translateX(0) translateY(0); }

.main-navigation ul 							{ height: 100%; padding: 0; background-color: transparent; display: grid; grid-template-columns: repeat(6, 1fr);  }
.main-navigation li 							{ overflow: hidden; }
.main-navigation a 								{ height: 120px; padding: 0; flex-direction: column; }
.main-navigation a:hover 						{ transform: translateY(-50%); }

.main-navigation a span.menu-link-label			{ height: 60px; padding: 0 var(--S02); align-self: stretch; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; }
.main-navigation a span.menu-link-title			{ height: 60px; padding: 0 var(--S02); align-self: stretch; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; }


} /* @media 1440 */