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

:root {

	--gap:			20px;
	--gap2x:		40px;
	--gap3x:		60px;
	--gap4x:		80px;
	--gap5x:		100px;
	--gap6x:		120px;
	--gapHalf:		10px;
}


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


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

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


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

/* SITE NAVIGATION */
.menu-toggle                                                	{ padding: 0 0 2px 20px; }
#primary-menu > li > a 											{ padding: 0 0 2px 20px; }
#primary-menu .sub-menu a										{ padding: 0 20px 10px 20px;}

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

.sticky-header h1 												{ padding: var(--gapHalf) var(--gap);}

/* HOMEPAGE */
.site-cover-element 											{ width: 120vw; min-width: 120vw; }

/* PAGES */
.page-thumbnail-wrapper 										{ aspect-ratio: 2 / 1; }

article .lead													{ grid-column: 2 / span 4; }
article .the-content											{ grid-column: 2 / span 4; }

/* TEAM */
.team-list														{ padding: var(--gap4x) var(--gap) 0 var(--gap); gap: var(--gap3x); }
.team-list li 													{ grid-column: 2 / span 4; gap: var(--gap); }
.team-list li .team-empty										{ height: var(--gap); }

.entries-list__header-cell:first-of-type 						{ display: table-cell; }
.entries-list__cell:first-of-type 								{ display: table-cell; width: 20vw; height: 100px; padding: 0; position: relative; }

/* MEMORIES LIST */
.memories-list 													{ padding: var(--gap4x) var(--gap2x); grid-template-columns: repeat(2, 1fr); }
.memories-list__item											{ min-height: 30vh; }


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

.footer-middle 													{ padding: var(--gap); }
.footer-bottom 													{ padding: var(--gapHalf) var(--gap); }

#footer-menu a 													{ padding: var(--gapHalf) var(--gap); }


} /* @media 768 */