/**
 * DS—Space  Main Styles
 * Base mobile-first styles (0-767px)
 */

@font-face {
	font-family: 'Atlas Grotesk Web';
	src: url('fountain/AtlasGrotesk-Regular-Web.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	}

@font-face {
	font-family: 'Atlas Grotesk Web';
	src: url('fountain/AtlasGrotesk-RegularItalic-Web.woff2') format('woff2');
	font-weight: 400;
	font-style: italic;
	}


@font-face {
	font-family: 'Atlas Grotesk Web';
	src: url('fountain/AtlasGrotesk-Medium-Web.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	}


@font-face {
	font-family: 'Atlas Grotesk Web';
	src: url('fountain/AtlasGrotesk-MediumItalic-Web.woff2') format('woff2');
	font-weight: 500;
	font-style: italic;
	}
@font-face {
	font-family: 'Atlas Grotesk Web';
	src: url('fountain/AtlasGrotesk-Bold-Web.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	}

@font-face {
	font-family: 'Atlas Grotesk Web';
	src: url('fountain/AtlasGrotesk-BoldItalic-Web.woff2') format('woff2');
	font-weight: 700;
	font-style: italic;
	}



@font-face {
    font-family: 'Atlas_Typewriter';
    src: url('fountain/atlastypewriter-regular.woff2') format('woff2'),
         url('atlastypewriter-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Atlas_Typewriter';
    src: url('fountain/atlastypewriter-regularitalic.woff2') format('woff2'),
         url('fountain/atlastypewriter-regularitalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Atlas_Typewriter';
    src: url('fountain/atlastypewriter-medium.woff') format('woff2'),
         url('atlastypewriter-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Atlas_Typewriter';
    src: url('fountain/atlastypewriter-mediumitalic.woff2') format('woff2'),
         url('fountain/atlastypewriter-mediumitalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

/*
——————————————————————————————————————————
VARIABLES & RESET
——————————————————————————————————————————
*/

:root {
	/* Colors */
	--K00	: #FFFFFF;
	--K01	: #000000;
	--K02	: #EEEEEE;
	--K03	: #ABABAB;

	--KProj	: #FF4500;
	--KMach	: #33CC66;
	--KColl	: #4169E1;
	--KZero	: #FAFF45;
	--KEven	: #FF5CFF;

	/* Fonts */
	--F01: "Atlas Grotesk Web", Helvetica, sans-serif;
	--F02: "Atlas_Typewriter", Courier, monospace;
	
	/* Font sizes */
	--FS00: 0.875rem; 	/* 14px */
	--FS01: 1.00rem; 	/* 16px */
	--FS02: 1.25rem; 	/* 20px */
	--FS03: 1.50rem; 	/* 24px */
	--FS04: 2.00rem; 	/* 32px */
	--FS05: 2.50rem; 	/* 40px */
	--FS06: 3.00rem; 	/* 48px */
	--FS07: 3.50rem; 	/* 56px */
	
	/* Spacing */
	--S00: 0.50rem; /*  8px */
	--S01: 1.00rem; /* 16px */
	--S02: 1.25rem; /* 20px */
	--S03: 1.50rem; /* 24px */
	--S04: 2.00rem; /* 32px */
	--S05: 2.50rem; /* 40px */
	--S06: 3.00rem; /* 48px */
	--S07: 4.00rem; /* 64px */
	--S08: 5.00rem; /* 80px */
	--S09: 6.00rem; /* 96px */
	--S10: 7.00rem; /* 112px */
	--S11: 8.00rem; /* 128px */

	/* Layout */
	--W01: 1200px;
	--W02:  800px;
	
	/* Aceleration & Transitions */
	--A01: 0.2s ease;
	--A02: 0.3s ease;
	--A03: 0.5s ease;
	--A04: 0.7s ease;
	--A05: 1.0s ease;

	/* Defined Sizes */
	--rowX: 	calc(100dvh / 2);
	--rowL: 	calc(100dvh / 4);
	--rowM: 	calc(100dvh / 6);
	--rowS: 	calc(100dvh / 12);

	--menuH: 	var(--rowM);

	--cellW: calc((100% - 5px) / 6);
}

*												{ box-sizing: border-box; }
*:not(p)										{ margin: 0; padding: 0; }
img 											{ max-width: 100%; height: auto; display: block; }
a 												{ color: var(--K01); text-decoration: none;}
a:hover 										{ color: var(--K01); text-decoration: underline; }
p:first-child									{ margin-top: 0; }
p:last-child									{ margin-bottom: 0; }


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

/* FONT FAMILIES */
body, .site-footer									{ font-family: var(--F01); font-weight: normal; font-style: normal; }
#masthead, .text-credits, .eyebrow, .events-list	{ font-family: var(--F02); font-weight: normal; font-style: normal; }

/* FONT SIZES & VARIANTS */
body 											{ font-size: var(--FS02); line-height: 1.50em; }
.menu-toggle 									{ font-size: var(--FS02); line-height: 1.00em; text-transform: uppercase; }
.main-navigation 								{ font-size: var(--FS05); line-height: 1.00em; }
.menu-link-title 								{ font-size: var(--FS00); line-height: 1.00em; }

h1, h2, h3, h4, h5, h6							{ margin: 0 !important; text-box: trim-both cap alphabetic; }

h1 												{ font-size: var(--FS05); line-height: 1.30em; font-weight: 500; }
h2 												{ font-size: var(--FS05); line-height: 1.30em; font-weight: 400; }
h3 												{ font-size: var(--FS04); line-height: 1.40em; font-weight: 400; }
h4 												{ font-size: var(--FS03); line-height: 1.50em; font-weight: 400; }
h5 												{ font-size: var(--FS02); line-height: 1.50em; font-weight: 400; }
h6 												{ font-size: var(--FS01); line-height: 1.50em; font-weight: 400; }

h1.eyebrow 										{ font-size: var(--FS00); line-height: 1.00em; }

.text-overview 									{ font-size: var(--FS05); line-height: 1.30em; font-weight: 700; }
.text-lead 										{ font-size: var(--FS03); line-height: 1.40em; font-weight: 500; }
.text-content 									{ font-size: var(--FS02); line-height: 1.50em; font-weight: 400; }
.text-meta 										{ font-size: var(--FS00); line-height: 1.50em; font-weight: 400; }
.text-credits									{ font-size: var(--FS00); line-height: 1.50em; font-weight: 400; }

.credits-label 									{ text-decoration: underline; text-transform: uppercase; }
.credits-text   								{ font-weight: 500; }
.credits-name 									{ font-weight: 500; }

.events-list *									{ font-size: var(--FS01); line-height: 1.50em; font-weight: 400; text-box: unset ; }
.events-list__title								{ text-transform: uppercase; }
.events-list__subtitle							{ }
.events-list__dates								{ }
.events-list__venue								{ }


.eyebrow										{ font-size: var(--FS00); line-height: 1.00em; text-transform: uppercase; text-box: trim-both cap alphabetic; }

.site-footer									{ font-size: var(--FS03); line-height: 1.90em; text-transform: uppercase; }

/*
——————————————————————————————————————————
LAYOUT
——————————————————————————————————————————
*/


body 											{ margin: 0; padding: 0; background-color: var(--K01); display: flex; flex-direction: column; gap: 1px; }

main 											{ width: 100%; height: auto; margin: 0 0 50dvh 0; padding: 0; background-color: var(--K01); display: flex; flex-direction: column; gap: 1px; position: relative; z-index: 2; }
article 										{ width: 100%; height: auto; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1px; position: relative; }

/*
——————————————————————————————————————————
GRID SYSTEM
——————————————————————————————————————————
*/

/* GRID ROWS */
.grid-row										{ width: 100%; display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: auto; gap: 1px; }

.grid-row.row-extra								{ min-height: var(--rowX); }
.grid-row.row-large								{ min-height: var(--rowL); }
.grid-row.row-medium							{ min-height: var(--rowM); }
.grid-row.row-small								{ min-height: var(--rowS); }

/* GRID CELLS */
.grid-row__cell									{ grid-row: 1; margin: 0; padding: 0; background-color: var(--K02); }

/* GRID ROW BRANDING */
.row--branding 									{ margin: 0; padding: 0; }
.cell-branding 									{ grid-column: 1 / span 5; }
.cell-branding__inner 							{ width: 100%; height: var(--rowM); margin: 0; padding: var(--S02); display: flex; }
.cell-branding__inner a							{ width: auto; height: 100%; align-self: flex-start; text-decoration: none; }
.cell-branding__inner a:hover					{ text-decoration: none; }
.cell-branding__inner img						{ width: auto; height: 80%; margin: 0; }

/* GRID ROW COVER */
.row--cover 									{ margin: 0; padding: 0; }
.cell-cover										{ grid-column: 2 / span 5; }
.cell-cover__inner								{ width: 100%; height: 70vh; margin: 0; padding: 0; position: relative; }
.cell-cover__inner figure						{ width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; overflow: hidden; }
.cell-cover__inner figure img					{ width: 100%; height: 100%; object-fit: cover; }

/* GRID ROW OVERVIEW */
.row--overview 									{ margin: 0; padding: 0; }
.cell-overview 									{ grid-column: 2 / span 4; }
.cell-overview__inner							{ width: 100%; height: 100%; margin: 0; padding: var(--S04); }

/* GRID ROW ENTRIES */
.row--entries 									{ margin: 0; padding: 0; }
.cell-entries 									{ grid-column: 2 / span 4; }

/* GRID ROW EVENTS */
.row--events 									{ margin: 0; padding: 0; }
.cell-events 									{ grid-row: auto; grid-column: span 2; }


/* GRID ROW HEADER */
.row--header 									{ margin: 0; padding: 0; }
.cell-header 									{ grid-column: 3 / span 3; }
.cell-header__inner								{ width: 100%; height: 100%; margin: 0; padding: var(--S04); display: flex; flex-direction: column; gap: var(--S01); }

/* GRID ROW SUMMARY */
.row--summary 									{ margin: 0; padding: 0; }
.cell-image										{ grid-column: 1 / span 3; grid-row: 1 / span 2; }
.cell-image__inner								{ width: 100%; height: 100%; margin: 0; padding: 0; position: relative; }
.cell-image__inner figure						{ width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; overflow: hidden; }
.cell-image__inner figure img					{ width: 100%; height: 100%; object-fit: cover; }
.cell-lead										{ grid-column: 4 / span 2; grid-row: 1 / span 2; margin-top: -1px; }
.cell-lead__inner								{ width: 100%; height: 100%; margin: 0; padding: var(--S04); display: flex; flex-direction: column; justify-content: flex-end; }
.row--summary .cell-empty:last-of-type 			{ grid-row: 2;}

/* GRID ROW SUMMARY */
.row--summary-event 									{ margin: 0; padding: 0; }
.row--summary-event .cell-meta:last-of-type 			{ grid-row: 2;}

/* GRID ROW CONTENT */
.row--content									{ margin: 0; padding: 0; }
.cell-content									{ grid-column: 3 / span 3; }
.cell-content__inner							{ width: 100%; height: 100%; margin: 0; padding: var(--S04); }

/* GRID ROW SECONDARY */
.row--secondary									{ margin: 0; padding: 0; }
.row--secondary .cell-content					{ grid-column: 2 / span 4; }

/* GRID ROW CREDITS */
.row--credits 									{ margin: 0; padding: 0; }
.cell-credits 									{ grid-column: 3 / span 2; }
.cell-credits__inner							{ width: 100%; height: 100%; margin: 0; padding: var(--S04); display: flex; flex-direction: column; gap: var(--S04); }

.row--media										{ margin: 0; padding: 0; }
.cell-media										{ grid-column: 1 / span 6; position: relative; }


/* GRID CELLS SINGLES */
.cell-meta 										{ grid-column: auto; }
.cell-meta__inner								{ width: 100%; height: 100%; margin: 0; padding: var(--S04); }


.row-center .grid-row__cell:first-child			{ grid-column: 2 / span 4; }
.page-template-tpl-overview-proj .colored 		{ background-color: var(--KProj); }



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

#masthead 										{ width: 100%; height: auto; margin: 0; padding: 0; background-color: var(--K01); position: relative; z-index: 3; }
html.is-flickity-fullscreen #masthead         	{ z-index: 1; }

/* MENU TOGGLE BUTTON */
.menu-toggle 									{ width: auto; height: auto; margin: 0; padding: var(--S01); background: none; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; position: fixed; top: 0; right: 0; z-index: 900; }
.menu-toggle:focus 								{ outline: none; }

.toggle-label									{ width: 32px; display: flex; align-items: center; justify-content: center; }
.toggle-label span								{ display: block; writing-mode: vertical-rl; transform: rotate(180deg); text-align: center; text-box: trim-both cap alphabetic; }
.toggle-icon									{ width: 32px; height: 32px; position: relative; display: none; flex-direction: column; align-items: center; justify-content: center; }
.toggle-icon span								{ width: 40px; height: 1px; background-color: var(--K01); display: block; }
.toggle-icon span:nth-child(1) 					{ transform: translateY(50%) rotate(45deg); }
.toggle-icon span:nth-child(2) 					{ transform: translateY(50%) rotate(-45deg); }

.menu-toggle.toggled .toggle-label				{ display: none; }
.menu-toggle.toggled .toggle-icon				{ display: flex; }

/* PRIMARY NAVIGATION */
.main-navigation 								{ width: 100%; height: 100vh; position: fixed; top: 0; left: 0; transform: translateX(100%); visibility: hidden; transition: transform var(--A03), visibility var(--A03); overflow-y: auto; z-index: 800; }
.main-navigation.toggled 						{ transform: translateX(0); visibility: visible; transition: transform var(--A03), visibility 0s 0s; }

.main-navigation ul 							{ width: 100%; height: auto; margin: 0; padding: var(--menuH) 0 0 0; background-color: var(--K02); list-style: none; display: flex; flex-direction: column; }
.main-navigation li 							{ margin: 0; padding: 0; height: var(--menuH); }
.main-navigation a 								{ width: 100%; height: auto; margin: 0; padding: var(--S04) var(--S01); position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: var(--K01); transition: all var(--A03); }
.main-navigation a:hover 						{ color: var(--K01); text-decoration: none; }
.main-navigation a span.menu-link-label			{ align-self: center; }
.main-navigation a span.menu-link-title			{ align-self: flex-start; }
.main-navigation a span.menu-link-text			{ display: block; text-box: trim-both cap alphabetic; }

.main-navigation li.menu-proj 					{ background-color: var(--KProj); }
.main-navigation li.menu-mach 					{ background-color: var(--KMach); }
.main-navigation li.menu-zero 					{ background-color: var(--KZero); }
.main-navigation li.menu-coll 					{ background-color: var(--KColl); }
.main-navigation li.menu-even 					{ background-color: var(--KEven); }




/*
—————————————————————————————————————————
MEDIA GALLERY 
—————————————————————————————————————————
*/




/*
—————————————————————————————————————————
COLOPHON
—————————————————————————————————————————
*/

.credits-group 									{ display: flex; flex-direction: column; gap: var(--S01); }
.credits-list 									{ list-style: none; padding: 0; margin: 0; }

/*
——————————————————————————————————————————
LISTS
——————————————————————————————————————————
*/

/* ENTRIES */
.entries-list 									{ list-style: none; background-color: var(--K01); display: flex; flex-direction: column; gap: 1px;  }
.entries-list__item								{ margin: 0; padding: 0; }
.entries-list__item a 							{ width: 100%; min-height: var(--rowL); display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; text-decoration: none; }

.entries-list__thumb							{ grid-column: 1 / span 2; aspect-ratio: 16/9; margin: 0; padding: 0; position: relative; }
.entries-list__thumb figure 					{ height: 100%; width: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; background-color: var(--K02); overflow: hidden; }
.entries-list__thumb figure img					{ width: 100%; height: 100%; object-fit: cover; transition: transform var(--A03); }

.entries-list__info 							{ grid-column: 3 / span 2; margin: 0; padding: var(--S04); background-color: var(--K02); color: var(--K01); display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; transition: all var(--A03);}
.entries-list__info div:first-child				{ width: 100%; display: flex; flex-direction: column; gap: var(--S02); }
.entries-list__info div:last-child				{ width: 100%; display: flex; }

.entries-list__item a:hover 					{ text-decoration: none; }
.entries-list__item a:hover figure img			{ transform: scale(1.10); transition: transform var(--A03); }
.entries-list__item a:hover .entries-list__info { background-color: var(--K01); color: var(--K00); transition: all var(--A03); padding: var(--S06); }

/* EVENTS */
.events-list 									{ list-style: none;  }
.events-list__item								{ margin: 0; padding: 0; }
.events-list__item a 							{ width: 100%; height: 100%; display: flex; flex-direction: column; gap: 0; }

.events-list__thumb								{ width: 100%; aspect-ratio: 16/9; margin: 0; padding: 0; position: relative; }
.events-list__thumb figure 						{ height: 100%; width: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; background-color: var(--K02); overflow: hidden; }
.events-list__thumb figure img					{ width: 100%; height: 100%; object-fit: cover; transition: transform var(--A03); }

.events-list__info 								{ margin: 0; padding: var(--S04); background-color: var(--K02); color: var(--K01);  flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: var(--S04); transition: all var(--A03);}
.events-list__info div:first-child				{ width: 100%; display: flex; flex-direction: column; gap: 0; }
.events-list__info div:last-child				{ width: 100%; display: flex; flex-direction: column; gap: 0; }

.events-list__item a:hover 						{ text-decoration: none; }
.events-list__item a:hover figure img			{ transform: scale(1.10); transition: transform var(--A03); }
.events-list__item a:hover .events-list__info	{ background-color: var(--K01); color: var(--K00); transition: all var(--A03); }


/*
——————————————————————————————————————————
ENTRY META & FOOTER
——————————————————————————————————————————
*/

.entry-meta { font-size: var(--FS00); color: var(--K01); margin-bottom: var(--S01); }
.entry-meta span { margin-right: var(--S01); }
.entry-meta time { font-weight: 500; }

.entry-footer { margin-top: var(--S02); }
.entry-footer .tags { padding-top: var(--S01); border-top: 1px solid var(--K01); }
.tags-label { font-weight: 600; margin-right: 0.5rem; }


/*
——————————————————————————————————————————
POST NAVIGATION (PREV/NEXT)
——————————————————————————————————————————
*/

.post-navigation 								{ width: 100%; height: auto; margin: 0; padding: 0; background-color: var(--K02); }
.post-navigation .nav-links 					{ width: 100%; height: auto; margin: 0; padding: 0; display: flex; flex-direction: row; }
.post-navigation a								{ width: 50%; height: 100%; display: flex; padding: var(--S01); color: var(--K01); text-decoration: none; display: flex; flex-direction: row; gap: var(--S01); transition: all var(--A01); }
.post-navigation a:hover 						{ color: var(--K01); text-decoration: none; transition: all var(--A01); }

.post-navigation a.nav-previous					{ margin-right: auto; }
.post-navigation a.nav-next						{ margin-left: auto; }



.post-navigation figure							{ width: 8.333vw; height: auto; margin: 0; padding: 0; aspect-ratio: 16/9; background-color: var(--K03); overflow: hidden; position: relative; flex: 0 0 auto; }
.post-navigation figure img						{ width: 100%; height: 100%; object-fit: cover; }

.post-navigation .nav-title 					{ padding: 0; flex: 1 1 auto; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--S00); }
.post-navigation .nav-previous .nav-title       { align-items: flex-start; }
.post-navigation .nav-next .nav-title          	{ align-items: flex-end; }
.post-navigation .nav-arrow 					{ width: 24px; height: 24px;  }

/*
.single-projects 	.post-navigation 			{ background-color: var(--KProj); }
.single-collab 		.post-navigation 			{ background-color: var(--KColl); }
.single-events 		.post-navigation 			{ background-color: var(--KEven); }
*/

.single-projects 	.post-navigation a:hover  	{ background-color: var(--KProj); }
.single-collab 		.post-navigation a:hover 	{ background-color: var(--KColl); }
.single-events 		.post-navigation a:hover 	{ background-color: var(--KEven); }

/*
——————————————————————————————————————————
POSTS PAGINATION
——————————————————————————————————————————
*/

.posts-navigation { margin-top: var(--S03); padding-top: var(--S02); border-top: 1px solid var(--K01); }
.posts-navigation .nav-links { display: flex; justify-content: space-between; }
.posts-navigation a { padding: 0.5rem var(--S01); border: 1px solid var(--K01); transition: border-color var(--A01); }
.posts-navigation a:hover { border-color: var(--K01); text-decoration: none; }



/*
——————————————————————————————————————————
NO RESULTS / 404
——————————————————————————————————————————
*/

.no-results,
.error-404 { text-align: center; padding: var(--S04) var(--S02); }

.no-results .page-content,
.error-404 .page-content { max-width: 600px; margin: var(--S02) auto 0; }


/*
——————————————————————————————————————————
READ MORE LINK
——————————————————————————————————————————
*/

.read-more 								{ display: inline-block; margin-top: var(--S01); font-weight: 600; color: var(--K01); }
.read-more:hover 						{ text-decoration: none; color: var(--K01); }


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

.site-footer 									{ width: 100%; height: 75dvh; margin: 0; padding: 0; background-color: var(--K02); color: var(--K02); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 1px; position: fixed; bottom: 0; left: 0; z-index: 1; }

.footer-row 									{ width: 100%; margin: 0; padding: 0 var(--S02); background-color: var(--K01); color: var(--K02); overflow: hidden; }
.footer-row-inner 								{ width: 100%; min-width: 0; margin: 0; padding: var(--S01) 0; display: flex; align-items: center; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; }
.footer-row-inner::-webkit-scrollbar 			{ display: none; }

.footer-fill 									{ flex: 1; }
.footer-copy .footer-row-inner 					{ justify-content: flex-end; }

.footer-row span								{ text-box: trim-both cap alphabetic; white-space: nowrap;  }

#footer-menu									{ margin: 0; padding: 0; list-style: none; display: flex; flex-direction: row; gap: var(--S02); justify-content: flex-start; align-items: center; }
#footer-menu li 								{ margin: 0; padding: 0; display: flex; flex-direction: row; align-items: center; gap: var(--S02); position: relative;  }
#footer-menu li::before 						{ content: ""; display: block; flex: 0 0 auto; }
#footer-menu li:nth-child(3n + 1)::before 		{ width: 0; height: 0; border-left: 0.32em solid transparent; border-right: 0.32em solid transparent; border-bottom: 0.56em solid currentColor; transform:translateY(-0.03em); } /* ▲ */
#footer-menu li:nth-child(3n + 2)::before 		{ width: 0.5em; height: 0.5em; background: currentColor; } /* ■ */
#footer-menu li:nth-child(3n)::before 			{ width: 0.6em; height: 0.6em; background: currentColor; border-radius: 50%; transform:translateY(-0.02em); } /* ● */
#footer-menu li:first-child::before				{ display: none; }
#footer-menu a 									{ color: var(--K02); transition: color var(--A01); text-box: trim-both cap alphabetic; white-space: nowrap; }
#footer-menu a:hover 							{ color: var(--K00); text-decoration: none; }

/*
——————————————————————————————————————————
UTILITIES
——————————————————————————————————————————
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}


/*
——————————————————————————————————————————
IMAGE ORIENTATION CLASSES
(from MU plugin ds-image-orientation-class.php)
——————————————————————————————————————————
*/

img.landscape { display: block; }
img.portrait { display: block; }
img.square { display: block; }