/* 

Theme Name: AP Valletta
Version: 1.0
Author: Pascal de Man
Author URI: http://www.high-rise.nl

*/

* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;

    -webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body { 
	position: fixed; 
	width: 100%; 
	height: 100%; 
	overflow: hidden;
}

body {
	font-family: 'NiveauGroteskRegular', 'Niveau Grotesk Regular', sans-serif;
	font-size: 25px;
	line-height: 1.35em;
	color: #000;
/* 
 	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
 */
	-webkit-text-size-adjust: none;

	background: #fff;

	overflow: hidden;
	overflow-y: auto;

	-webkit-overflow-scrolling: touch;
}

.sizer { float: left }
body.page-cluster .sizer { float: left }

p, h1, h2, h3, h4, h5, h6, ul, ol { margin-bottom: 1em; font-weight: 400 }
h1, h2 { font-size: 1.8em; line-height: 1.1em /* 1.2em */ }
h1 + h2 { margin-top: -1em; margin-bottom: 0 }
h2 { font-family: 'NiveauGroteskRegular', 'Niveau Grotesk Regular', sans-serif; line-height: 1.05em }
h6 { line-height: 1.5em; margin-bottom: 1.5em }

b, strong { 
	font-family: 'NiveauGroteskMedium', 'Niveau Grotesk Medium', sans-serif; 
	font-weight: 400;
}

div, a {
	position: relative;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
a {
	color: #000;
	text-decoration-skip: skip;
	text-decoration-skip: ink;
	text-decoration: none;
	border-bottom: 1px solid #000
}
/* a:hover { border-botom: 1px solid #000 } */

img { max-width: 100%; height :auto }
img[data-src] { opacity: 0 }

hr { 
	margin: 1em 0;
	border-bottom: 2px solid #000;
	display: block;
}

p.metatext, li.metatext, span.metatext {
	max-width: calc(200% / 3 );
	font-family: 'NiveauGroteskMedium', 'Niveau Grotesk Medium', sans-serif;
	font-weight: 400;
	font-size: 0.7em;
	line-height: 1.35em;
}
h1 {
	font-family: 'NiveauGroteskMedium', 'Niveau Grotesk Medium', sans-serif;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.1em;
}
h1.metatext {
	max-width: calc(200% / 3 );
	margin-bottom: 0;
}

p.metatext + ul > li.metatext:first-child { margin-top: -1em }

.video-container { width: 100%; height: 0; margin-bottom: 1em }
.video-container > iframe { 
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
}

a.link { text-decoration: none; border: none }
a.link:hover span { border-bottom: 2px solid #000 }

#wrapper { 
	position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 1440px;
    max-width: 100%;
	
    -webkit-transform: translate3d(-50%,0,0);
       -moz-transform: translate3d(-50%,0,0);
    	-ms-transform: translate3d(-50%,0,0);
    		transform: translate3d(-50%,0,0);
	
    background: #fff;
}
#wrapper > div { position: absolute }
#wrapper > div#header { height: 3em }
#wrapper > div#content {
    top: 0; /* 3.6em; */
    bottom: 0;
    width: 100%;
}
#content #text {
	width: calc(200% / 3); /* calc(200% / 3 - 2.9em - 40px); */
	height: 100%;
	padding: 0;
	margin-left: calc(2.9em + 40px);
}
#content #text > div:first-child {
	padding: 6.5em 0 0.5em;
}
#content #text .collapsable {
	margin-bottom: 1em;
	display: none;
}
#content #text .collapsable hr { opacity: 0 }

#content #text .read-more {
	margin-left: calc( 25* 3em / 17 );
	font-family: 'NiveauGroteskMedium', 'Niveau Grotesk Medium', sans-serif; 
	font-size: calc(17em / 25);
	cursor: pointer;
}
#content #text .read-more:after {
	position: relative;
	top: 0.125em; left: 20px;
	width: 1.5em;
	height: 1.5em;
    font-size: 1.75em;
	content: '+';
	
	-webkit-transform-origin: 0 0;
	   -moz-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
			transform-origin: 0 0;
	
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
			transform: rotate(0deg);
	
	display: inline-block;
}
#content #text .read-more.opened:after {
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
}


h1.collapsable-title,
h2.collapsable-title {
	position: relative;
	margin-bottom: 0;
	line-height: 1.5em;
	border-bottom: 2px solid #000;
	box-sizing: border-box;
	cursor: pointer;
}
h1.collapsable-title:after,
h2.collapsable-title:after {
	position: absolute;
	top: 0; right: 0;
	
	font-family: 'NiveauGroteskRegular', 'Niveau Grotesk Regular', sans-serif; 
	font-weight: 400;
	font-size: 1.25em;
	
	content: '+';
	
	-webkit-transition: -webkit-transform .35s;
	   -moz-transition:    -moz-transform .35s;
		-ms-transition: 	-ms-transform .35s;
			transition: 		transform .35s;
	
	display: inline-block;
}
h1.collapsable-title.opened,
h2.collapsable-title.opened {
	border: 0
}
h1.collapsable-title.opened:after,
h2.collapsable-title.opened:after {
	-webkit-transform: rotate(45deg) scale(1.2);
	   -moz-transform: rotate(45deg) scale(1.2);
		-ms-transform: rotate(45deg) scale(1.2);
			transform: rotate(45deg) scale(1.2);
}

h1.collapsable-title + div.collapsable,
h2.collapsable-title + div.collapsable {
	padding-top: 0.5em;
	padding-left: 40%;
	padding-bottom: 1em;
	border-bottom: 2px solid #000;
}
h1.collapsable-title + div.collapsable img,
h2.collapsable-title + div.collapsable img {
	float: left;
	margin-left: calc(-4000% / 60);
	max-width: calc(4000% / 60 - 2em);
}

h1.collapsable-title + div.collapsable:after,
h2.collapsable-title + div.collapsable:after {
	clear: both;
	width: 100%;
	content: '';
	display: block;
}

h1.collapsable-title + div.collapsable hr,
h2.collapsable-title + div.collapsable hr {
	clear: both;
	width: 100%;
	content: '';
	display: block;
}

h1.collapsable-title + div.collapsable,
h2.collapsable-title + div.collapsable {
	margin-bottom: 0 !important;
}

h1.collapsable-title + div.collapsable h1,
h1.collapsable-title + div.collapsable h2,
h2.collapsable-title + div.collapsable h1,
h2.collapsable-title + div.collapsable h2 { margin-bottom: 0 }

h1.collapsable-title + div.collapsable h1 + h2,
h2.collapsable-title + div.collapsable h1 + h2 { margin-top: 0.1em }

#content, #content h1, #content h2, #content h6, #content p, #content img, 
#content .lazy, #content .lazy *, 
#content .content, #content .content *, #content .product
#content .items, #content .items *, #content .items + div, #content .items + div * {
	-webkit-transform: translate3d(0,0,0);
	   -moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
}
/* #wrapper > div#content .logo {
	position: absolute;
	bottom: 0.5em; left: 4em;
	width: 2.5em; height: 2.5em;
	
	background-image: url(images/logo.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
} */





#header { 
	top: 0; left: 0;
    right: 0; height: 3em;
    padding-left: 100px;
    font-size: 1.2em;
	font-size: calc(29em / 25);
    background: #fff;
    user-select: none;
    z-index: +1;
}
#header .menu,
#header .submenu,
#header .filter-btn {
	position: absolute;
	bottom: 0; left: 0; right: 0;
	padding: 1em 20px;
}
#header .submenu {
	top: calc(100% - 1em); bottom: auto;
	padding-left: calc(3.1em + 20px);
	font-size: calc(25em / 29);
	background: #fff;
}
#header .menu a,
#header .submenu a {
	margin: 0 20px;
	color: #000;
	text-decoration: none;
	border: 0;
}
#header .submenu a {
	margin: 0 15px;
	font-family: 'NiveauGroteskMedium', 'Niveau Grotesk Medium', sans-serif;
	white-space: nowrap;
}
#header .menu a:hover span,
#header .menu a.selected span,
#header .submenu a:hover span,
#header .submenu a.selected span {
	border-bottom: 2px solid #000;
}
#header .menu a.home-link {
	padding-left: 2.5em;
}


#header .menu a.home-link:hover,
#header .menu a.home-link.selected {
	border: none;
}
#header .menu a:hover span,
#header .menu a.selected span {
	border-bottom: 2px solid #000;
}
#header .filter-btn { display: none }

#content { 
	width: 100%;
	overflow: hidden;
}

.image-row,
.itemlist,
.itemdetails {
	position: absolute;
	top: 3em; bottom: 0;
	overflow: hidden;
}
body.home .image-row { right: calc(25% + 2em) }
body.home .image-row { bottom: 0 }
body.home .image-row > div:first-child > div { padding-top: 2.25em }
body.home .image-row > div:first-child > div div:not(.title) { top: auto; bottom: 1em }
body.home .image-row > div img {
	max-height: calc(100% - 4em); 
	max-height: calc(100vh - 4em);
	max-height: calc(100% - 5em); 
	max-height: calc(100vh - 5em);
}

body.home .image-row > div:first-child > div a.image-link { 
	position: absolute;
	top: 0; left: 1em; right: 0;
	display: block; 
	overflow-y: visible;
}
body.home .image-row > div:first-child > div a.image-link > span.metatext {
	max-width: none;
	padding: 0 1em;
    font-family: 'NiveauGroteskMedium', 'Niveau Grotesk Medium', sans-serif;
    font-weight: 400;
    display: none;
}
body.home .image-row > div:first-child > div a.image-link > span.metatext:before { 
	content: '\A';
	display: block;
}
body.home .image-row > div:first-child > div a.image-link > span.metatext:after {
	content: ' →';
}

body.home .itemlist { left: calc(75% - 2em) }
body.home .itemlist > div:first-child { 
	padding-left: 2em;
	padding-right: 1em;
}
body.home .itemlist > div:first-child:before {
	width: 2.5em; 
	height: 2.5em;
	margin-bottom: 2em;
	
	content: '';
	
	background-image: url(images/logo.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	
	display: inline-block;
}
body.home .itemlist > div:first-child > a {
/* 	margin-bottom: 1em; */
	font-size: 1em;	
	display: block;
}


body.home .intro-text {
	position: absolute;
	top: 2.5em; left: calc(2em + 10px);
	width: calc(75% - 4em);
	max-width: 850px;
	font-family: 'NiveauGroteskMedium', 'Niveau Grotesk Medium', sans-serif;
	font-size: 1.8em;
	line-height: 1.1em;
	
	pointer-events: none;
}
body.home .intro-text:after {
	width: 2em; 
	height: 2em;
	margin-top: 0.5em;
	
	background-image: url(images/logo.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	
	display: block;
}


body.page.vision #content #text > div:first-child,
body.page.ap-and-valletta #content #text > div:first-child { width: 768px; max-width: 100% }

body.page.vision .image,
body.page.ap-and-valletta .image { max-width: 100%; margin-left: -90px }
body.page.vision p.metatext, body.page.vision li.metatext, body.page.vision span.metatext,
body.page.page.ap-and-valletta p.metatext, body.page.ap-and-valletta li.metatext, body.page.ap-and-valletta span.metatext { max-width: 80% }


body.page-cluster .itemlist,
body.page-cluster .itemdetails { top: 0 }
body.page-cluster .itemdetails p,
body.page-cluster .itemdetails h1,
body.page-cluster .itemdetails h2,
body.page-cluster .itemdetails ul { padding-left: 90px }
body.page-cluster .itemdetails .metatext { max-width: none }


body.people .itemlist { left: 0; width: 100%; padding-left: 2.5em; padding-right: 2.5em }

body.people .itemlist #items > a { 
	font-family: 'NiveauGroteskMedium', 'Niveau Grotesk Medium', sans-serif; 
	text-decoration: none; 
	border: none;
	display: inline;
}
body.people .itemlist #items > a > span { white-space: nowrap; margin-right: 6px }
body.people .itemlist #items > a:hover > span,
body.people .itemlist #items > a.selected > span { border-bottom: 2px solid #000 /* text-decoration: underline */ }
body.people .itemlist #items > a > span:empty { margin-right: 0 }

body.people .itemlist,
body.people .itemdetails { 
	position: relative;
	top: auto; bottom: auto;
	left: auto; right: auto;
	display: block;
}

body.people #content > div:first-child {
    padding-top: 0; /* 4.5em; */
    position: absolute;
    top: 0; bottom: 0;
	margin-bottom: 0;
}
body.people #content .itemlist > div:first-child {
	padding-top: 6.5em;
}


body.people .itemdetails { 
	max-height: 0;
	margin-top: 1.5em;
	padding: 0 1.8em;
	
	font-size: 0.9em;
	line-height: 1.35em;
	
	border-top: 2px solid #000;
	
	-webkit-transition: max-height .5s;
	   -moz-transition: max-height .5s;
		-ms-transition: max-height .5s;
			transition: max-height .5s;
}
body.people .itemdetails:empty { border-top: none }
body.people .itemdetails.opened { max-height: 1000px }
body.people .itemdetails.opened:after {
	clear:both;
	width: 100%;
	content: '';
	display: block;
}

body.people .itemdetails > * { opacity: 0; transition: opacity .5s }
body.people .itemdetails.opened > * { opacity: 1 }
body.people .itemdetails > div {
	width: 50%;
	padding: 0;
	vertical-align: top;
	display: table-cell;
}
body.people .itemdetails > h1 { margin: 0.5em 0; padding-left: calc(33% + 1em); font-size: 2em }
body.people .itemdetails > div:nth-child(2) { width:  33% }
body.people .itemdetails > div:last-child { width: 67%; padding: 0 3em 0 2em }

body.people .itemlist #range { 
	padding: 2em 8em;
	margin: 0 -1em 1em;
	vertical-align: middle;
}

body.people .itemdetails .close { 
	float: right; 
	font-size: 1.5em;
	transform: rotate(45deg); 
	cursor: pointer; 
	z-index: +1;
}
body.people .itemdetails .close:after { 
	font-family: 'NiveauGroteskRegular', 'Niveau Grotesk Regular', sans-serif;
	font-weight: 400;
	content: '+'; 
}
body.people .page-content {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 2px solid #000;
}

body.people .page-content h1.metatext {
margin-top: 1em;
	font-family: 'NiveauGroteskMedium', 'Niveau Grotesk Medium', sans-serif;
/* 	font-size: calc((25em / 29) / 0.7); */
}

body.people #content div.social-links {
	position: static;
	margin-top: 0; /* -1em; */
	margin-bottom: -1em;
}
body.people #content div.social-links:after {
	clear: both;
	width: 100%;
	height: calc(4.5em / 0.6);
	content: '';
	display: block;
}

body.page .addtoany_content,
body.page-cluster .addtoany_content { 
	margin: 2.5em 0 0.4em 4em;
	font-size: 0.8em;
}
body.page-cluster .addtoany_content { margin-left: 5.5em }
body.page .addtoany_list a,
body.page-cluster .addtoany_list a {
	margin-right: 4px;
	font-size: 0.75em !important;
	font-weight: 400;
	line-height: 1em;
}
body.page-cluster .addtoany_list a:hover,
body.page .addtoany_list a:hover {
	border-bottom: 1px solid #000;
}


body.work #content .text-column div.social-links { display: none }

/* body.people p.metatext, body.people li.metatext, 
body.people span.metatext { max-width: none }
 */
.ui-slider { height: 8px }
.ui-slider:after{ 
	position: absolute;
	top: 8px; left: -0.25em; right: -0.25em;
	content: '';
	border-bottom: 2px solid #000;
}
.ui-slider .ui-slider-range {
    position: absolute;
    top: 0; height: 100%;
    background-color: #000;
    display: block;
    z-index: 1;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    top: calc(3px - 0.6em);
    margin-left: -.6em;
    width: 1.2em;
    height: 1.2em;
    
    -ms-touch-action: none;
    	touch-action: none;
    	
    cursor: move;
    cursor: 		grab;
    cursor:    -moz-grab;
    cursor: -webkit-grab;
    
    z-index: 2;
}
.ui-slider .ui-slider-handle:active {
    cursor: 		grabbing;
    cursor:    -moz-grabbing;
    cursor: -webkit-grabbing;
}

.ui-slider .ui-slider-handle:before {
	position: absolute;
	top: -1.5em; left: 50%;
	padding: 0.1em 0.25em 0;
	
	font-family: 'NiveauGroteskMedium', 'Niveau Grotesk Medium', sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	content: attr(data-text);
	white-space: nowrap;
	
	display: inline-block;
	
	-webkit-transform: translate(-50%,0);
			transform: translate(-50%,0);
}
.ui-slider .ui-slider-handle.hidden:before { display: none }
.ui-slider .ui-slider-handle:active:before,
.ui-slider .ui-slider-handle:hover:before { content: '← ' attr(data-text) ' →' }

.ui-slider .ui-slider-handle.linked-from:active:before,
.ui-slider .ui-slider-handle.linked-from:hover:before { padding-right: 1.25em; content: '← ' attr(data-text) }
.ui-slider .ui-slider-handle.linked-to:active:before,
.ui-slider .ui-slider-handle.linked-to:hover:before { padding-left: 1.25em; content: attr(data-text) ' →' }


.image-row {
	left: 0; right: 50%;
	white-space: nowrap;
}
.image-row > div:first-child { 
	width: auto; 
	height: 100%;
	white-space: nowrap;
	
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.image-row > div:first-child:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.image-row > div:first-child > div { 
	width: 100%;
	height: 100%;
/* 	max-height: 1120px; */
    padding: 3.5em 2em 2em 20px;
	text-align: right;
	vertical-align: top;
	display: inline-block;
	overflow: hidden;
}

.image-row > div img { 
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: calc(100% - 9.75em);
}
.image-row > div a { border: none }

.image-row > div img[src] { padding-bottom: 0 !important }
.image-row > div:first-child > div div:not( .title ) { 
	position: absolute;
/* 	bottom: 0; */ top: calc(100% - 10em / 0.7); left: 0;
/* 	bottom: 0; */ top: calc(100% - 10em / 0.68); left: 0;
	width: 100%;
	max-width: 600px;
	height: auto;
	
	padding: 0 2em 3em calc(50px + 2.5em / 0.7);
	padding: 0 2em 3em calc(50px + 2.5em / 0.68);
	font-size: 0.7em;
	font-size: 0.68em;
	font-size: calc(17em / 25);
/* 	font-weight: 300; */
	line-height: 1.2em;
	text-align: left;
	white-space: normal;
}

.image-row > div:first-child > div span.title { display: none }
.image-row > div:first-child > div div a.read-more { 
/* 	font-weight: 500; */
	font-family: 'NiveauGroteskMedium', 'Niveau Grotesk Medium', sans-serif;
	font-weight: 400;
	text-decoration: none;
}
.image-row > div:first-child > div div a.read-more:hover { 
	border-bottom: 2px solid #000;
}


.itemlist { 
	left: 50%;  right: 0;
}
.itemlist > div:first-child {
	padding: 2em 3em 0.2em 2em;
}
.itemlist > div:first-child > a {
	margin-bottom: 4px;
	font-size: 1.2em;
	font-size: calc(30em / 25);
	font-size: calc(29em / 25);
	font-size: calc(35em / 25);
	line-height: 1.2em;
	color: #000;
	text-decoration: none;
	border: none;
	display: block;
}
/* body.home .itemlist > div:first-child > a { margin-bottom: 0.25em } */


body.news #content div.social-links { position: static; margin-left: 0 }
body.news .itemlist > div:first-child > a { margin-bottom: -4px }
body.news .itemlist div.mobile,
body.page-cluster .itemlist div.mobile { display: none }

body.page-cluster .itemlist > div:first-child > a { margin-bottom: -0.5em /* calc(4px - 1em) */ }
body.page-cluster .itemlist > div:first-child > a:after { 
	height: 1em; 
	content: '\A'; 
	white-space: pre;
	display: block;
}
.itemlist > div:first-child > a:hover span:first-child,
.itemlist > div:first-child > a.selected span:first-child { 
	border-bottom: 2px solid #000;
}
.itemlist > div:first-child > a span.meta {
	position: relative;
 	top: -1em;
	min-width: calc(100% / 3);
	padding-right: 2em;
	font-family: 'NiveauGroteskMedium', 'Niveau Grotesk Medium', sans-serif;
	font-size: calc(15em / 35);
	font-weight: 400;
	line-height: 1.2em;
	box-sizing: border-box;
	display: inline-block;
}
body.home .itemlist > div:first-child > a span.meta {
	position: static;
	display: block;
}

.itemdetails { 
	left: 0; right: 50%;
}
.itemdetails > div:first-child {
	padding: 3em 3em 0.2em 2em;
	padding: 3em calc(3em * 29 / 34) 0.2em 20px;
	padding: 3em 2em 0.2em 20px;
}

.itemdetails .text > *:not(img):not(.image) {
	padding-left: 90px; /* 2em; */
}

.image { padding-bottom: 1em }
.image > div {
/* 	max-width: 450px; */
    padding: 0 0 0 20px;
    font-size: 0.5em;
    line-height: 1.35em;
    pointer-events: none;
}
body.page-cluster .image { 
	padding-bottom: 0;
	margin-bottom: calc(1em - 4px); 
}

.image-column,
.text-column {
	width: 50%;
	margin-right: -4px;
	display: inline-block;
	vertical-align: top;
}
.text-column { padding: 0 3em 0 2em }
.image-column {
	left: 20px;
    width: calc(50% - 2em - 20px);
	margin-right: calc(2em + 20px - 4px);
}
.text-column .post-nav {
	margin-top: -1.35em;
	padding-right: 3em;
	text-align: right
}
.text-column .post-nav * { 
	margin-left: 1em;
/* 	font-size: 0.6em; */
	text-decoration: none;
	border: none;
}
.text-column .post-nav .no-link {
	opacity: 0.25;
	pointer-events: none;
}

.text-column .project-data { display: none }
.text-column .image { display: none } 

.text-column .image img {
	cursor: pointer;
	cursor: url(images/magnify.cur);
	cursor: zoom-in;
}
				
				
.image-column > div:not(.data):not(.title) { 
	position: absolute; 
	width: 100%; height: 0;
}

.image-column > div img { 
	position: absolute;
	top: 0; right: 0;
	width: auto; max-width: 100%;
	height: auto; max-height: 100%;
	
	   -moz-user-select: none;
  	-webkit-user-select: none;
  		-ms-user-select: none;
  			user-select: none;
}
.image-column img {
	cursor: pointer;
	cursor: url(images/magnify.cur);
	cursor: zoom-in;
}
.image-column > div > div { 
	position: absolute;
	bottom: 0.25em; left: 0; right: 0;
/* 	width: calc(100% - 40px); */
	max-width: 450px;
	padding: 0 0 0 20px;
	font-size: 0.5em ;
/* 	font-weight: 300; */
	line-height: 1.35em;
	pointer-events: none;
	background: #fff;
}
.image-column > div > div span { 
	padding: 0 0.5em 0;
	background: #fff;
	
	-webkit-box-decoration-break: clone;
  			box-decoration-break: clone;
}
.image-column > div > div span:empty { display: none }



#content li { position: relative; padding-left: 1.5em }
#content li:before { position: absolute; top: 0; left: 0 }
#content ol li { margin-bottom: 1em }

#content ul, 
#content ol { list-style-type: none }

#content ul li:before { content: '\2013' }

#content ol { counter-reset: item-counter }
#content ol > li:before {
	font-size: 0.8em;
	counter-increment: item-counter;
	content: counter(item-counter, decimal)'.';
}
#content  ol > li > ul { margin-top: 1em }

#content > div p:empty { display: none }
#content > div:first-child { padding-top: 4.5em }
#content.list > div { padding-top: 0 }

#content div.title { text-align: left; white-space: normal }
#content div.title a { text-decoration: none; pointer-events: all }
#content div.title:hover a span { border-bottom: 2px solid #000 }

#content div.title,
#content div.data table { pointer-events: none }

#content div.title,
#content div.data { padding-left: calc(3em * 29 / 34 + 20px ) }
#content div.data { padding-bottom: 1em }

#content div.title { z-index: +1 }
#content div.title > h1,
#content div.title > h2 {
	margin-bottom: calc(1.8em / 2.4);
    font-size: 1.8em;
/*     font-weight: 500; */
    font-weight: 400;
	line-height: 1.1em;
}
#content div.title > h1 {
	font-family: 'NiveauGroteskMedium', 'Niveau Grotesk Medium', sans-serif;
}
#content div.title > h2 {
/* 	font-family: 'Niveau Grotesk ExtraLight'; */
}
#content div.title > h1 + h2 { margin-top: calc(-1.8em / 2.4) }

#content div.data {
	font-family: 'NiveauGroteskMedium', 'Niveau Grotesk Medium', sans-serif;
	font-weight: 400;
}
#content div.data > table,
#content div.data > p.taglist {
	margin: 1em 0;
    font-size: 0.6em;
    font-weight: 500;
    font-weight: 400;
	line-height: 1.35em;
}
#content div.data > table th,
#content div.data > table td {
	font-family: 'NiveauGroteskMedium', 'Niveau Grotesk Medium', sans-serif;
	font-weight: 400;
	text-align: left;
}
#content div.data > table th {
	padding-right: 20px;
}
#content div.data > p.taglist {
    width: calc(200% / 3);
    min-width: 274px;
	font-weight: 300;
	font-weight: 400;
}
#content div.data > p.taglist a {
	margin-right: 4px;
	text-decoration: none;
	pointer-events: all;
	white-space: nowrap;
	border: none;
}
#content div.data > p.taglist a:hover {
	border-bottom: 1px solid #000;
}

#content div.social-links {
 	position: absolute;
	top: calc(100vh - 4.5em / 0.6 - 2.35em); 
	left: calc(6em + 20px);
	width: calc(100% - 6em - 20px);
	padding-bottom: 1.2em;
	font-size: 0.6em;
    font-weight: 300;
    font-weight: 400;
    line-height: 1.35em;
    white-space: nowrap;
	display: inline-block;
}
#content div.social-links a {
    margin-right: 4px;
    color: #000;
    text-decoration: none;
    pointer-events: all;
}
#content div.social-links a:hover { 
	border-bottom: 1px solid #000;
}

.addtoany_shortcode { margin: 1.35em 0 0.35em !important; text-align: center }
body.contact .addtoany_shortcode { text-align: left }


.iScrollHorizontalScrollbar { 
	position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    height: 2px;
    overflow: hidden;
    pointer-events: none;
    z-index: 9999; 
}
.iScrollHorizontalScrollbar .iScrollIndicator {
	height: 2px; background: #000;
}

.iScrollVerticalScrollbar { 
	position: absolute;
    top: 0; 
	right: 50%;
    bottom: 0.5em;
    width: 2px;
    overflow: hidden;
    pointer-events: none;
    z-index: 9999;
}
.iScrollVerticalScrollbar .iScrollIndicator {
	width: 2px; background: #000;
}

body.news #content.list .itemdetails .iScrollVerticalScrollbar,
body.page-cluster #content.list .itemdetails .iScrollVerticalScrollbar {
	left: calc(8px + 2em); right: auto;
}

body.people #content .itemlist .iScrollVerticalScrollbar {
	left: 2.5em; right: auto;
}
body.page #text .iScrollVerticalScrollbar {
	left: -2em; right: auto;
}

#content.list .iScrollVerticalScrollbar { 
    top: 2.25em;  left: 0; right: auto;
}


span[id^="anchor"] {
	float: left;
	height: 0;
	padding: 0;
	margin: 0;
}


#wrapper > div.gallery {
	position: absolute;
	top: 0; left: 0;
	bottom: 0; right: 0;
	
/* 	width: 100%;
	height: 100%;
	 */
	background: #fff;  
	overflow: hidden;
  	display: none;
	z-index: 99999;
}
#wrapper > div.gallery * {
	   -moz-user-select: none;
  	-webkit-user-select: none;
  		-ms-user-select: none;
  			user-select: none;
}

#wrapper > div.gallery div.title {
	top: 0; left: 0;
}

#wrapper > div.gallery div.title { 
	position: absolute;
	top: calc(10px + 3 * 34em / 25);
	top: 20px; 
	left: calc(3 * 34em / 25);
	right: calc(3 * 34em / 25);
	z-index: +1
}
#wrapper > div.gallery div.title > h1,
#wrapper > div.gallery div.title > h2 {
	margin-bottom: calc(1.8em / 2.4);
    font-size: 1.8em;
    font-weight: 400;
	line-height: 1.1em;
}
#wrapper > div.gallery div.title > h1 {
	font-family: 'NiveauGroteskMedium', 'Niveau Grotesk Medium', sans-serif;
}
#wrapper > div.gallery div.title > h1 + h2 { 
	margin-top: calc(-1.8em / 2.4) 
}
#wrapper > div.gallery span.counter { 
	float: right;
	margin-right: calc(3em / 0.6);
	margin-top: 0.4em;
	font-size: calc(0.6em / 1.8);
	white-space: nowrap;
}


#wrapper > div.gallery div.title > h1 span.close {
	float: right;
	font-family: 'NiveauGroteskRegular', 'Niveau Grotesk Regular', sans-serif;
	font-size: 1.44em;
	font-weight: 400;
	cursor: pointer;
}


#wrapper > div.gallery > div:first-child {
	height: calc(100% - 4 * 34em / 25 - 42px);
	margin-top: calc(4 * 34em / 25);

	white-space: nowrap;
	
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
#wrapper > div.gallery > div:first-child:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

#wrapper > div.gallery > div:first-child > div {
	width: 100%;
	height: 100%;
	vertical-align: top;
	display: inline-block;
}

#wrapper > div.gallery div.prev,
#wrapper > div.gallery div.next {
	position: absolute;
	top: 50%;
	padding: 10px;
	
	display: inline-block;
	cursor: pointer;
	z-index: +9;
}
#wrapper > div.gallery div.prev { left: calc(3 * 34em / 25 + 10px) }
#wrapper > div.gallery div.next { right: calc(3 * 34em / 25 + 10px) }

#wrapper > div.gallery div.prev:after,
#wrapper > div.gallery div.next:after {
	width: 1em;
	height: 1em;
	content: '';
	
	border: solid black;
	border-width: 0 5px 5px 0;
	display: inline-block;
}
#wrapper > div.gallery div.prev:after {
	-webkit-transform: rotate(135deg) translate(50%,0);
	   -moz-transform: rotate(135deg) translate(50%,0);
		-ms-transform: rotate(135deg) translate(50%,0);
			transform: rotate(135deg) translate(50%,0);
}
#wrapper > div.gallery div.next:after {
	-webkit-transform: rotate(-45deg) translate(50%,0);
	   -moz-transform: rotate(-45deg) translate(50%,0);
		-ms-transform: rotate(-45deg) translate(50%,0);
			transform: rotate(-45deg) translate(50%,0);

}

#wrapper > div.gallery p {
	position: relative;
	padding: 0 100px;
	font-weight: 300;
	font-size: 0.5em;
}
/* 
#wrapper > div.gallery p span.counter {
	position: absolute;
	right: 20px;
}
 */
#wrapper > div.gallery img {
	position: absolute;
	top: 0; left: 50%;
	
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%; /* calc(100% - 4 * 34em / 25); */
	
 	-webkit-transform: translate(-50%,0);
 	   -moz-transform: translate(-50%,0);
 		-ms-transform: translate(-50%,0);
			transform: translate(-50%,0);
}

#filters {
	position: absolute;
	top: calc(4em / 0.68);
    left: calc(50px + 2.5em / 0.68);
    
    font-size: 0.68em;
    line-height: 1.2em;
    z-index: 99999;
}
#filters:before {
	position: fixed;
	content: '';
	left: 0; right: 50%;
	height: 3em;
	margin-top: -1em;
	background: #fff;
}
#filters:after {
	position: fixed;
	content: '';
	left: 0; right: 0;
	height: 2em;
	margin-top: -2em;
	background: transparent;
	z-index: -1;
}

#filters > * { 
	margin-right: 40px; 
	display: inline-block;
	cursor: pointer;
}
#filters > a.label { pointer-events: none }

#filters > div:after,
#header .filter-btn:after {
    position: absolute;
    left: 100%;
    top: calc(1px - 0.5em / 1.75);
    width: 22px;
    font-size: 1.75em;
    line-height: 1em;
    font-weight: 300;
    text-align: right;
	
    content: '+';
	
    -webkit-transform-origin: center;
	   -moz-transform-origin: center;
	    -ms-transform-origin: center;
	    	transform-origin: center;
	
    -webkit-transition: -webkit-transform .2s;
	   -moz-transition:    -moz-transform .2s;
		-ms-transition: 	-ms-transform .2s;
			transition: 		transform .2s;
}
#filters > div.opened:after,
#header .filter-btn.opened:after {
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
}
#header .filter-btn:after { top: 0.15em; left: auto; font-size: 1.5em }
#header .filter-btn.opened:after { 
	-webkit-transform: translate(0,-2px) rotate(45deg);
	   -moz-transform: translate(0,-2px) rotate(45deg);
		-ms-transform: translate(0,-2px) rotate(45deg);
			transform: translate(0,-2px) rotate(45deg);
}
#filters > div > div {
	position: fixed;
	left: 0; right: 0;
	width: 100%;
	padding: 2em 40px 1em;
	line-height: 1.5em;
	background: #fff;
	column-count: 4;
	column-gap: 40px;
	z-index: -1;
	
	-webkit-transform: translate(0,calc(-1em - 100%));
	   -moz-transform: translate(0,calc(-1em - 100%));
		-ms-transform: translate(0,-150%); /* calc(-1em - 100%)); */
			transform: translate(0,calc(-1em - 100%));
	
	-webkit-transition: -webkit-transform .2s;	
	   -moz-transition:    -moz-transform .2s;	
		-ms-transition: 	-ms-transform .2s;	
			transition: 		transform .2s;	
	
    -webkit-column-fill: balance;
       -moz-column-fill: balance;
    	-ms-column-fill: balance;
    		column-fill: balance;
}
#filters > div > div > * { 
	opacity: 0; 
	
	-webkit-transition: opacity .2s; 
	   -moz-transition: opacity .2s; 
		-ms-transition: opacity .2s; 
			transition: opacity .2s; 
}

#filters > div.opened > div { 
	-webkit-transform: translate(0,0);
	   -moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
			transform: translate(0,0);
}
#filters > div.opened > div > * { opacity: 1 }

#filters > div > div a { 
	margin-bottom: 0.2em;
	line-height: 1.2em;
	display: block; 
	text-decoration: none;
	border: 0;
}
#filters > div > div a:hover span,
#filters > div > div a.selected span { border-bottom: 1px solid #000 }

#filters > div.typologies > div { column-count: 4 }
#filters > div.status > div { column-count: 6 }
#filters > div.years > div { column-count: 8 }

#filters > a.showall { text-decoration: none }
#filters > a.showall:hover { border-bottom: 2px solid #000 }

#filters > div > div:before {
	position: absolute;
	bottom: 100%; left: 0; right: 0;
	height: 40px;
	content: '';
	background: #fff;
	display: inline-block;
}
#filters > div:hover > span,
#filters > div.active > span, #filters a.active > span,
#filters > div.selected > span { border-bottom: 1px solid #000 }

/* body.contact #text > div:not(.iScrollVerticalScrollbar):before { 
	position: absolute;
	top: calc(-1em - 12px); left: 0;
	width: 2.5em; 
	height: 2.5em;
	
	content:'';
	
	background-image: url(images/logo.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
} */
body.contact #text > div { /* margin: 2em 4em; columns: 2*/  }
body.contact #text td { padding-right: 2em }
body.contact #text > div hr { break-after: colum; opacity: 0 }
body.contact .image { padding-bottom: 0 }

.addtoany_shortcode { 
	padding: 0 !important; 
	font-size: 1em !important;
	text-align: left;
}
.addtoany_list { line-height: 1em !important }
.addtoany_list a { 
	padding-left: 0 !important;
	font-size: 1em !important;
	vertical-align: top !important;
}
.addtoany_list a > span { display: none !important }

.a2a_button_facebook:after { content: 'Facebook' }
.a2a_button_twitter:after { content: 'Twitter' }
.a2a_button_linkedin:after { content: 'LinkedIn' }
.a2a_button_instagram:after { content: 'Instagram' }

#mfPreviewBar { display: none !important }


#cookie-notice {
	padding: 1.25em 0.5em 1em;
}
#cookie-notice:before {
	position: fixed;
	top: 0; left: 0; 
	bottom: 0; right: 0;
	content: '';
	background: rgba(255,255,255,0.9);
}
#cookie-notice:after {
	position: absolute;
	left: 0; right: 0;
	content: '';
	border-top: 2px solid #000;
	display: block;
}
#cookie-notice.cn-top:after { bottom: 0 }
#cookie-notice.cn-bottom:after { top: 0 }


body.cookie-policy #cookie-notice { display: none !important }

@media screen and (min-width: 1440px) and (min-height: 932px) { }

@media screen and (max-width: 1440px) {
	#content .items { min-width: 20vw }
	#content .items, 
	#content .items + div  { 
		height: calc(100vh - 25vw - 1.35 * 6600vw / 1440);
		min-height: calc(100vh - 25vw - 1.35 * 6600vw / 1440);
	}
	#content .items + div { padding: 1em 1.2em }
}
@media screen and (max-width: 1280px) {
	.content .columns { column-gap: 1em }
}

@media screen and (max-width: 1200px) { 
	body.home .itemlist { left: calc(70% - 2em) }
	body.home .image-row { right: calc(30% + 2em) }
	body.home .intro-text { width: calc(70% - 3.25em) }
}

@media screen and (max-width: 1152px) {
	#header .submenu a:nth-child(5):after { content: '\A'; white-space:pre }
	
	.content .columns { column-count: 3 }
	
	body.home .intro-text nobr { white-space: normal }
	
	body.people .itemlist #range { width: 75%; padding: 2em 0; margin: 0 auto }
	body.people #content .itemlist > div:first-child { padding-top: 8em }
}

@media screen and (max-width: 1024px) {
	
	#header .menu a.home-link { padding-left: 2em }
	#header .submenu { 
		padding-left: calc(2.5em + 20px);
		padding-right: calc(1.5em + 20px);
	}
	#header .submenu a { margin: 0 0 0 15px }
	
	
	#filters { left: 5.75em }
	#filters > div > div { 
		padding-right: 4.75em;
		padding-left: 5.75em;
	}
	
	#content #text { 
		width: calc(100% - 7.5em);
	    margin-left: calc(3.75em);
		display: block;
	}
	
	
	#content .items + div  { font-size: 0.9em; line-height: 1.2em }
	#content .items .intro-link { margin: 0.25em 0 1em }
	
	.itemlist > div:first-child { padding-left: 1em }
	.itemdetails > div:first-child { padding-right: 1em }
	.itemdetails .text > *:not(img):not(.image) { padding-left: 2.5em }
	.itemdetails .text > *.metatext:not(img):not(.image) { padding-left: 3.75em }
	
	.text-column p:not(.metatext), 
	.text-column li:not(.metatext) {
		font-size: 0.8em;
	    line-height: 1.35em;
	}
	
	.itemdetails .text > p:not(img):not(.image), 
	.itemdetails .text > li:not(img):not(.image) {
		padding-left: calc(3em / 0.8);
		font-size: 0.8em;
		line-height: 1.35em;
	}
	
	.itemdetails .text > p:not(img):not(.image).metatext, 
	.itemdetails .text > li:not(img):not(.image).metatext {
		max-width: 100%;
		padding-left: calc(3em / 0.6);
		font-size: 0.6em;
		line-height: 1.35em;
	}
	
	
	.image-row > div:first-child > div { padding-right: 1em }
	.image-row > div:first-child > div div:not( .title ) { padding-left: 5em }
	.image > div { padding-left: 6em }
	
	body.home .intro-text {
		top: calc(5em / 1.5);
		left: calc(2em / 1.5); /* calc(4em / 1.5); */
		width: calc(70% - (4.5em / 1.5));
		
		font-size: 1.4em;
		line-height: 1.1em;
	}
	
	#content div.title, 
	#content div.data { padding-left: calc(2.75em * 29 / 34 + 20px ) }
	
	body.work .image-column {
		width: calc(50% - 1em - 20px);
	    margin-right: calc(1em + 20px - 4px);
	}
	body.work .text-column { 
		padding-left: 1em;
		padding-right: 2em;
	}
	body.work #content div.social-links { left: calc(2.5em / 0.6 + 20px) }
	
	
	body.page-cluster .itemdetails p, 
	body.page-cluster .itemdetails ul { 
		padding-left: calc(3em / 0.8);
		font-size: 0.8em;
		line-height: 1.35em;
	}
	body.page-cluster .itemdetails h1, 
	body.page-cluster .itemdetails h2 { padding-left: 1.5em }
	body.page-cluster .image { margin-bottom: 0 }
	
	body.page-cluster .itemlist { left: calc(70% - 2em) }
	body.page-cluster .itemdetails { right: calc(30% + 2em) }
	
	body.page-cluster .itemdetails .metatext {
		padding-left: calc(3em / 0.6);
		max-width: calc(200% / 3);
		font-size: 0.6em;
	}
	
	body.page.vision .image, 
	body.page.ap-and-valletta .image { margin-left: -3em; max-width: calc(100% + 6em) }
	body.page.vision .image > div, 
	body.page.ap-and-valletta .image > div { padding-left: 6em }
	
	body.contact #text > div { margin: 2em 0 }
	
	
	body.news #content div.social-links { margin-left: 2.5em }
	
	body.page-cluster .addtoany_content { margin-left: 3.75em }
}

@media screen and (max-width: 960px) { }

@media screen and (max-width: 864px) {
	.content .columns { column-count: 2 }
}
@media screen and (max-width: 800px) {
	
	nobr { white-space: normal }
	body.contact nobr { white-space: nowrap }
	
	#content .items + div  { font-size: 0.8em; line-height: 1.2em }
	#content #text { 
		width: calc(100% - 5.75em);
		width: calc(100% - 4em);
	    margin-left: calc(3.75em);
		margin-left: 2em;
		display: block;
	}
	
	#filters { left: 2.5em }
	#filters > div > div { 
		padding-right: 2.5em;
		padding-left: 2.5em;
	}
	#filters > div.status > div { columns: 5 }
	#filters > div.years > div { columns: 7 }
	
	.image-row > div:first-child > div div:not( .title ) { top: calc(100% - 12em / 0.68); padding-left: 2.75em }
	.image-row > div:first-child > div { padding-right: 1em; padding-left: 0.5em }
	
	.itemlist > div:first-child { 
/* 		padding-left: 1em; */ /* 1.5em; */
		padding-right: 1em; /*2.5em; */
	}
	.itemlist > div:first-child > a { font-size: 1.2em }
	.itemlist > div:first-child > a > span br { display: none }
	
	.itemdetails > div:first-child { padding-right: 1em; padding-left: 0.5em }
	.itemdetails .text > *:not(img):not(.image) { padding-left: 1.25em }
	.itemdetails .text > p:not(img):not(.image),
	.itemdetails .text > li:not(img):not(.image) { 
		padding-left: calc(1.35em / 0.8); 
		font-size: 0.8em; 
		line-height: 1.35em;
	}
	.itemdetails .text > p:not(img):not(.image).metatext,
	.itemdetails .text > li:not(img):not(.image).metatext { 
		max-width: 100%;
		padding-left: calc(1.25em / 0.6);
		font-size: 0.6em;
		line-height: 1.35em
	}
	.itemdetails .text .image > div { padding-left: 2.75em }
	
	body.page-cluster .itemdetails .metatext,	
	p.metatext, li.metatext, span.metatext { max-width: none }
	body.page-cluster .itemdetails .metatext nobr { white-space: nowrap }
	
	#wrapper > div.gallery div.title {
		left: calc(1 * 34em / 25);
    	right: calc(1 * 34em / 25);
	}
	#wrapper > div.gallery div.next { right: calc(1 * 34em / 25) }
	#wrapper > div.gallery div.prev { left: calc(1 * 34em / 25) }
	#wrapper > div.gallery img { 
		top: 50%;
		max-width: calc(100% - 1em);

		-webkit-transform: translate(-50%,-50%);
		   -moz-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
	}
	
	#content div.title > h1, 
	#content div.title > h2 {
		font-size: 1.4em;
		line-height: 1.1em;
	}
	#content div.title, #content div.data {
		padding-left: 1.25em;
	}
	
	.image-column { display: none }
	body.work .text-column { padding-right: 2em; padding-left: 2em }
	.text-column { width: 100%; display: block }
	body.work #content .text-column div.social-links { 
		position: static; 
		width: 100%; 
		padding: 0.5em 0 1em;
		display: block;
		
		-webkit-transform: none !important;
				transform: none !important;
	}
	.text-column .project-data { font-size: calc(14em / 12); display: block }
	.text-column p:not(.metatext),
	.text-column li:not(.metatext) { font-size: 0.8em; line-height: 1.35em }
	.text-column .metatext { font-size: 0.6em; line-height: 1.35em }
	
	#content .project-data div.title, 
	#content .project-data div.data { padding-left: 0 }
	
	.text-column .image { width: calc(100% + 3em); margin-left: -1.5em; display: block } 
	.text-column .image > div { padding-left: 3em }
	.text-column .post-nav { padding-right: 0 }
	
	#header .menu a.home-link { padding-left: 0.5em }
	#header .submenu { 
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	
	body.news #content div.social-links { margin-left: 1em }
	body.news #content.list .itemdetails .iScrollVerticalScrollbar, 
	body.page-cluster #content.list .itemdetails .iScrollVerticalScrollbar,
	body.page-cluster #content.list .itemlist .iScrollVerticalScrollbar,
	body.work #content > .iScrollVerticalScrollbar { left: 1em }
	body.work #content .text-column .post-nav { 
		position: relative;
		float: right; 
		margin-top: 0; 
		font-size: 1.5em; 
		z-index: +1;
	}
	body.work #content .text-column .project-data { /* margin-right: 4em; */ }
	body.work #content div.data > p.taglist { width: calc(200% / 3 + 4em) }
	
	
	
	body.people .itemlist{ 
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	body.people .itemdetails { 
		padding-left: 0;
		padding-right: 0;
	}
	body.people .itemdetails.opened { max-height: 1500px }
	body.people .itemlist > div:first-child { 
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	body.people .itemlist #range { width: calc(100% - 1.5em); padding: 3em 0; margin: 0 auto }
	body.people .itemdetails > h1,
	body.people .itemdetails > div:nth-child(2),
	body.people .itemdetails > div:last-child {
		width: 100%;
		padding-left: 0;
		display: block;
	}
	body.people .itemdetails > div:nth-child(2) { margin-bottom: 1em }
	body.people .itemdetails > div:last-child { padding: 0; margin-bottom: -1em }
	body.people #content .itemlist .iScrollVerticalScrollbar { left: 1em }
	body.people p.metatext { max-width: calc(200% / 3 ) }
	
	body.page.awards #content #text,
	body.page.exhibitions #content #text { 
	    width: calc(100% - 4em);
    	margin-left: 2em;
	}
	h1.collapsable-title + div.collapsable img, 
	h2.collapsable-title + div.collapsable img { max-width: calc(4000% / 60 - 1em) }
	
	
	body.page-cluster .itemdetails p, 
	body.page-cluster .itemdetails ul { padding-left: calc(1.5em / 0.8) }
	body.page-cluster .itemdetails h1, 
	body.page-cluster .itemdetails h2 { padding-left: 0.75em }
	body.page-cluster .itemdetails .metatext { padding-left: calc(1.5em / 0.6) }
	
	
	body.page #text .iScrollVerticalScrollbar { left: -1em }
	
	body.page.vision .image, 
	body.page.ap-and-valletta .image { margin-left: -1.5em; max-width: calc(100% + 3em) }
	body.page.vision .image > div, 
	body.page.ap-and-valletta .image > div { padding-left: 3em }
	body.page.vision #text p,
	body.page.vision #text li,
	body.page.ap-and-valletta #text p,
	body.page.ap-and-valletta #text li { font-size: 0.8em; line-height: 1.35em }
	body.page.vision #text p.metatext,
	body.page.vision #text li.metatext,
	body.page.ap-and-valletta #text p.metatext,
	body.page.ap-and-valletta #text li.metatext { font-size: 0.6em; line-height: 1.35em }
	
	
	
	body.page-cluster .addtoany_content { margin-left: 2em }
	
}

@media screen and (max-width: 768px) {
	#header .menu a, 
	#header .submenu a { margin: 0 10px }
	
	.content, body.projects .content { padding: 1em 5% }
	body.projects .content { padding-bottom: 0 }
	.content img { 
		width: calc(100% / 0.9); 
		margin-left: calc(-5% / 0.9);
	}
	.content .video-container { 
		width: calc(100% / 0.9); 
		margin-left: calc(-5% / 0.9);
	}
	.content .video-container.ratio-4x3 { padding-top: calc(0.75 * 10% / 0.9) }
	.content .video-container.ratio-16x10 { padding-top: calc(0.625 * 10% / 0.9) }
	.content .video-container.ratio-16x9 { padding-top: calc(0.5625 * 10% / 0.9) }
	
	body.home .itemlist > div:first-child { padding-left: 1em }
}

@media screen and (max-width: 736px) {
	body { font-size: 20px }
	h6 { font-size: 0.8em; line-height: 1.25em; margin-bottom: 1.25em }

	#content .items,
	#content .items + div { height: auto; min-height: auto; display: block }
	#content .items { 
		padding: 0; 
		
		-webkit-transform: translate(0, calc(-100% - 1px));
		   -moz-transform: translate(0, calc(-100% - 1px));
			-ms-transform: translate(0, -101%); /* calc(-100% - 1px)); */
				transform: translate(0, calc(-100% - 1px));
	}
	#content .items p.intro-link { 
		margin: 0; 
		font-size: calc(0.9 * 6600vw / 1440);
		line-height: calc(10 * 1.35em / 9 );
		text-align: center;
	}
	#content .items p.intro-link a { top: 1px }
	#content .items p[class^="char-"] { display: none }

	#content .items + div { padding: 0.75em 1em; font-size: 1em; line-height: 1.35em }
	#content .items + div img { width: calc(100% + 2em); margin-left: -1em }
	#content .items + div .video-container { width: calc(100% + 2em); margin-left: -1em }
	#content .items + div .video-container.ratio-4x3 { padding-top: calc(0.75 * 2em) }
	#content .items + div .video-container.ratio-16x10 { padding-top: calc(0.625 * 2em) }
	#content .items + div .video-container.ratio-16x9 { padding-top: calc(0.5625 * 2em) }

	#content .columns .item { padding-right: 10%  }
	#content .columns .item.hidden { padding-bottom: 0 }
	.content .columns { padding: 0 0.3em; /* margin: -0.25em 0; */ column-count: 3; column-gap: 1em }
	
	body.home .itemlist > div:first-child { padding-top: 1em }
	body.home .itemlist > div:first-child:before { margin-bottom: 1em }
	body.home .intro-text { font-size: 1.5em }
	body.home .itemlist > div:first-child:before { display: none }
	
	
	body.page #content #text .collapsable h1,
	body.page #content #text .collapsable h2 { font-size: 1.5em }
	body.page #content #text .collapsable p { font-size: 0.8em; line-height: 1.35em }
	body.page #content #text .collapsable p.metatext, 
	body.page #content #text .collapsable li.metatext { max-width: 80% }
}


@media screen and (max-width: 800px) and (min-height: 660px) {
	body.home .itemlist { display: none }
	body.home .image-row { right: 0 }
	body.home .image-row > div img { max-height: 50vh }
	body.home .image-row > div:first-child > div { padding-right: 1.5em }
	body.home .image-row > div:first-child > div a.image-link { right: 1em; text-align: left }
	body.home .image-row > div:first-child > div a.image-link > span.metatext { display: block }
	
	
	body.home .intro-text {
		top: calc(50vh + 4em ); left: 1em; right: 1em;
		width: auto; /* calc(70% - 2.25em); */
	}
	body.home .intro-text:after { content: '' }
}


@media screen and (max-width: 566px) { 
	body.home .image-row > div img { max-height: 45vh }
	body.home .intro-text { 
		top: auto; bottom: 1.25em;
		font-size: 1.2em;
		line-height: 1.1em;
	}
	body.home .intro-text:after { 
		width: 1.8em;
		height: 1.8em;
	}
	
	#wrapper > div#header { height: 2.5em }
		   
	#header { padding: 0.5em; white-space: nowrap }
		   
	#header .menu, 
	#header .submenu, 
	#header .filter-btn { 
		position: relative;
		left: 0; top: 0;
		bottom: auto; 
 		width: 166px;
		min-width: 25%; /*calc(100% / 3); */
/* 		max-width: 50%; */
		max-height: 1.5em; 
		margin-right: -4px;
		padding: 0 0 0.5em;
		padding-left: calc(1.0 * 25em / 29);
		line-height: 1.5em;
		background: #fff; 

		-webkit-transition: max-height .35s;
		   -moz-transition: max-height .35s;
			-ms-transition: max-height .35s;
				transition: max-height .35s;
		
		display: inline-block;
		vertical-align: top;
		
		overflow: hidden; 
		z-index: +1;
	}
	#header .submenu { padding-left: calc(29 * 1.0em / 25) }
	#header .filter-btn { 
		float: right; 
		width: auto; 
		min-width: auto; 
		padding-right: calc(22px + 0.5em / 0.8);
		border: 0; 
		font-size: 0.8em; 
		line-height: calc(1.5em / 0.8);
		display: inline-block;
	}
	
	#header .menu:before, 
	#header .submenu:before { 
		padding: 0 1em 0.5em; 
		line-height: 1.5em;
		content: attr(data-title); 
		display: inline-block;
	}
 	#header .submenu:before { 
 		padding-left: 0.5em;
 		padding-right: 0;
/* 		font-family: 'NiveauGroteskMedium', 'Niveau Grotesk Medium', sans-serif; */
		font-family: 'NiveauGroteskRegular', 'Niveau Grotesk Regular', sans-serif;
	} 
	#header .menu:after,
	#header .submenu:after { 
		position: absolute;
		content: '';
		display: inline-block;
	}
	#header .menu:after {
		top: 0em; left: 0em;
		width: 1.25em;
		height: 1.25em;

		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M4 9h24c1.1 0 2-.4 2-1s-.9-1-2-1H4c-1.1 0-2 .4-2 1 0 .5.9 1 2 1zm24 6H4c-1.1 0-2 .4-2 1s.9 1 2 1h24c1.1 0 2-.4 2-1s-.9-1-2-1zm0 8H4c-1.1 0-2 .5-2 1 0 .6.9 1 2 1h24c1.1 0 2-.4 2-1s-.9-1-2-1z'/%3E%3C/svg%3E");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	#header .submenu:after {
		top: 0.325em; left: 0.5em;
		width: 0; height: 0;
		
		border-top: 0.35em solid transparent;
		border-bottom: 0.35em solid transparent;
		border-left: 0.525em solid #000;
		
		-webkit-transition: -webkit-transform .25s;
		   -moz-transition:    -moz-transform .25s;
			-ms-transition: 	-ms-transform .25s;
				transition: 		transform .25s;
	}
	#header .menu:hover, 
	#header .menu.opened, 
	#header .submenu:hover, 
	#header .submenu.opened { max-height: 1000px }
		   
	#header .submenu:hover:after,
	#header .submenu.opened:after {
		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
				transform: rotate(90deg);
	}
	#header .submenu { width: 208px; font-size: 1em }
	#header .submenu { margin-left: -12px }
	#header .menu a, 
	#header .submenu a { padding: 0 0.5em; white-space: nowrap; display: block }	
	#header .submenu a { 
		padding: 0; 
		font-family: 'NiveauGroteskRegular', 'Niveau Grotesk Regular', sans-serif;
	}
	
	body.news #content div.social-links { margin-left: 0 }
	
	body.page .addtoany_content { margin-left: 0 /* 1em */ }
	body.page-cluster .addtoany_content { margin-left: 0 }
	
	body.people p.metatext, body.people h1.metatext,
	body.page-cluster .itemdetails .metatext { max-width: none }
	body.people .itemlist #items { font-size: 0.85em; line-height: 1.35em }
	body.people .itemlist #items > a > span { white-space: normal }
	body.people .itemlist #range { width: calc(100% - 3em) }
	
	body.page-cluster .itemdetails { display: none }
	body.page-cluster .itemlist { position: static; height: 100% }
	body.page-cluster .itemlist > div:first-child { 
		padding-left: 2em;
		padding-right: 2em;
	}
}
@media screen and (max-width: 568px) {
	#header .submenu a:nth-child(4):after { content: '\A'; white-space:pre }
	#header .submenu a:nth-child(5):after { display: none }
}
@media screen and (max-width: 480px) {
	body { font-size: 20px }

	.content .columns { margin-top: 0; column-count: 2 }
	#content .items { 
		padding: 0; 
		
		-webkit-transform: translate(0, calc(-2.2625 * 6500vw / 720 + 1px));
		   -moz-transform: translate(0, calc(-2.2625 * 6500vw / 720 + 1px));
			-ms-transform: translate(0, -20.55vw ); /*calc(-2.2625 * 6500vw / 720 + 1px));*/
				transform: translate(0, calc(-2.2625 * 6500vw / 720 + 1px));
	}
	#content .items p.intro-link { font-size: calc(0.9 * 6500vw / 720) }
	
	body.contact #text td { display: block }
	
	h1.collapsable-title + div.collapsable img, 
	h2.collapsable-title + div.collapsable img {
		float: none;
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-bottom: 0.5em;
		display: block;
	}
	h1.collapsable-title + div.collapsable img[src*="temp-logo"], 
	h2.collapsable-title + div.collapsable img[src*="temp-logo"] {
		display: none;
	}
	h1.collapsable-title + div.collapsable, 
	h2.collapsable-title + div.collapsable {
		padding-left: 0;
	}
}

@media screen and (max-width: 360px) {
	#header { font-size: 1em }
	#header .menu { width: 140px }
/* 	#header .submenu { margin-left: -40px } */
}

@media screen and (max-height: 480px) and (max-width: 1100px),
	   screen and (max-width: 600px ) {
		   
	.sizer { float: none }
	body.home .sizer { float: left }
/* 	body.people .sizer { float: left }   */
		   
	#content #text > div:first-child { padding-top: 3em }	  
	body.page:not(.contact):not(.people) #content #text > div:first-child { padding-top: 7.5em }
	body.page-cluster #wrapper > div#content > div { padding-top: 3.5em }
	body.contact #content > div:first-child { padding-bottom: 2em }
	
	#filters { display: none }
	
	body.work.archive .itemlist { display: none }
	
	body.work.archive .image-row { right: 0 }
	body.work.archive .image-row > div:first-child {
		width: 100% !important; height: auto;
		white-space: normal;
	}
	body.work.archive .image-row > div:first-child > div { 
		width: 100% !important;
		padding: 0 1em; /* 2em; */
		margin-bottom: 20px;
		text-align: left;
		display: block;
	}
	body.work.archive .image-row > div:first-child > div:last-child { display: none }
 	body.work.archive .image-row > div:first-child > div img { max-height: none }
	body.work.archive .image-row > div:first-child > div a { text-decoration: none }
	body.work.archive .image-row > div:first-child > div span.title { display: block }
	body.work.archive .image-row > div:first-child > div div:not( .title ) { display: none }
	
	
	body.news #wrapper,
	body.news #wrapper > div#content.list { padding: 0 }  
	body.news #content.list .iScrollVerticalScrollbar { top: 0 }
		   
		   
	body.news #content div.title, 
	body.news #content div.data { padding-left: 0 }
		   
	body.news .itemdetails { display: none }
	body.news #content.list > .itemlist { padding-top: 0em; left: 0 }
	
	body.news .itemlist > div:first-child { padding: 0.25em 2em 0 }
	body.news .itemlist > div:first-child > a { 
		margin-bottom: 0;
		padding-top: 0.5em;
		padding-right: 0; /* 1.25em; */
		border-top: 2px solid #000;
	}
	body.news .itemlist > div:first-child > a:first-child {
		padding-top: 0;
		border-top: 0;
	}
		   
	body.news .itemlist > div:first-child > a:hover span:first-child, 
	body.news .itemlist > div:first-child > a.selected span:first-child { border: none }
	body.news .itemlist > div:first-child > a > span:not( .meta ) { 
		font-size: 1.5em;
    	line-height: 1.1em;
    	font-family: 'NiveauGroteskMedium', 'Niveau Grotesk Medium', sans-serif;
	}
	body.news .itemlist > div:first-child > a span.meta { min-width: auto }
		   
 	body.news .itemlist > div:first-child > a:before {
	 /* position: absolute;
		top: 0.375em; right: 0; */
		
 		float: right;
		margin: 0.0625em 0 0 0.0625em;
		margin: 0.25em 0 0 0.25em;
		
		font-family: 'NiveauGroteskRegular', 'Niveau Grotesk Regular', sans-serif;
		font-weight: 400;
 		font-size: 1.875em; /* 1.25em; */
 		
		content: '+';
		
		-webkit-transition: -webkit-transform .35s;
		   -moz-transition: -moz-transform .35s;
			-ms-transition: -ms-transform .35s;
				transition: transform .35s;
				
		display: inline-block;
	}
 	body.news .itemlist > div:first-child > a.selected:before {
		-webkit-transform: rotate(45deg) scale(1.2);
		   -moz-transform: rotate(45deg) scale(1.2);
			-ms-transform: rotate(45deg) scale(1.2);
				transform: rotate(45deg) scale(1.2);
	}
	body.news .itemlist > div:first-child > a.selected span.meta { display: none }
		   
	body.news .image > div { padding-left: 0 }
		   
	body.news .itemlist div.mobile { 
		margin-top: 0;
		max-height: 0; 

		-webkit-transition: max-height .35s;
		   -moz-transition: max-height .35s;
			-ms-transition: max-height .35s;
				transition: max-height .35s;
		
		display: block;
		overflow: hidden;
	}
	body.news .itemlist div.mobile.selected { max-height: 5000px }
	body.news .itemlist div.mobile .title { margin-top: 0.5em }
	body.news .itemlist div.mobile .title h1 { display: none }
	body.news #content .itemlist div.mobile .title h2 {
		padding-right: 0; /* 1.25em; */
		font-size: 1.624em;
    	line-height: 1.1em;
	}	   
	body.news #content div.title > h1 + h2 { margin-top: calc(-0.5em / 1.8) }	
	body.news #content.list .iScrollVerticalScrollbar { left: 1em }
	
	body.page-cluster #wrapper > div#content > div { padding-top: 0 }
	body.page-cluster #wrapper > div#content > div.itemlist { padding-top: 0 }
	
	body.people #content .itemlist > div:first-child { padding-top: 7em }
}
@media screen and (max-width: 812px) {
	#header .filter-btn { 
		position: relative;
		left: 0; top: 0;
		bottom: auto; 
 		width: 166px;
		min-width: 25%; /*calc(100% / 3); */
/* 		max-width: 50%; */
		max-height: 1.5em; 
		margin-right: -4px;
		padding: 0 0 0.5em;
		padding-left: calc(1.0 * 25em / 29);
		line-height: 1.5em;
		background: #fff; 

		-webkit-transition: max-height .35s;
		   -moz-transition: max-height .35s;
			-ms-transition: max-height .35s;
				transition: max-height .35s;
		
		display: inline-block;
		vertical-align: top;
		
		overflow: hidden; 
		z-index: +1;
	}
	#header .filter-btn { 
		float: right; 
		width: auto; 
		min-width: auto; 
		margin: 1em;
		padding-right: calc(22px + 0.5em / 0.8);
		border: 0; 
		font-size: 0.8em; 
		line-height: calc(1.5em / 0.8);
		display: inline-block;
	}
	
	#filters {
		top: 4em; left: 0; 
/* 		bottom: 0; right: 0; */
		width: 100%;
		max-height: 0;
/* 		padding: 1.5em 1em 1.5em 2.5em; */
		padding: 0 1em 0 2em;
		font-size: 1em;
		
		-webkit-transition: padding .35s, max-height .35s;
		   -moz-transition: padding .35s, max-height .35s;
			-ms-transition: padding .35s, max-height .35s;
				transition: padding .35s, max-height .35s;
		
		background: #fff;
		display: inline-block;
		overflow: hidden;
	}
	#filters.opened { height: 100%; max-height: calc(100% - 3em); padding: 0 1em 1em 2em !important; overflow: auto }
	#filters .showall { clear: both; float: none; /* left; */ margin-top: 0.5em; display: inline-block }
	
	#filters:before, #filters:after,
	#filters > div > div:before { content: none !important }
/* 	#filters > *:after  */
	#filters > div:after { 
		left: auto; right: 0.05em;
		font-weight: 300;
		font-size: 1.35em;
	}
	#filters > * { margin-right: 0; display: block }
	#filters, #filters * { clear: both; float: none }
	
	#filters > div { margin-top: 0; transition: margin .25s }
	#filters > div.opened { margin-top: 0.5em }
	#filters > div:first-child.opened { margin-top: 0 }
	#filters > div > div {
		position: static;
		padding: 0.25em 0;
		max-height: 0;
		
		column-count: 1;
		overflow: hidden;
		transition: padding .25s, max-height .25s;
		
		-webkit-transform: none;
		   -moz-transform: none;
				transform: none;
		
		display: block;
	}
	#filters > div.opened > div { max-height: 360px; padding: 0.25em 0 1em }
	#filters > div.typologies > div { column-count: 1 }
	#filters > div.status > div { column-count: 1 /* 2 */ }
	#filters > div.years > div { padding-bottom: 0.25em; column-count: 1 /* 4 */ }
	
	#filters > div > div > * { opacity: 1 }
	#filters > div > div a { position: static; clear: both; margin-right: 10px; display: inline }
	
	#filters > div:hover > span { border-bottom: 0 }
}
@media screen and (max-width: 812px) and (max-height: 414px) {
	body.mobile #header .menu { font-size: 0.9em }
	body.mobile #header .menu a.home-link { padding-left: 0.5em }
}
@media screen and (max-width: 736px) {
	#filters { top: calc(3em / 0.9) }
}
@media screen and (max-width: 568px) {
	#header .menu a, #header .submenu a { margin: 0 8px }
}
@media screen and (max-width: 566px) {
	#header .filter-btn { margin: 0 }
	
	#filters { top: 3em; padding: 0 1em 0 2.75em !important }
	#filters.opened { padding: 0em 1em 1em 2.75em !important }
}
@media screen and (max-width: 480px) {
	body.page:not(.contact):not(.people) #content #text > div:first-child { padding-top: 3.75em }
	body.page-cluster #wrapper > div#content > div,
	body.page-cluster #wrapper > div#content > div.itemlist { padding-top: 0 }
	body.page.vision #content #text h1:not(.metatext) { font-size: 1.5em }
	body.people #content .itemlist > div:first-child { padding-top: 3em }
	
	body.contact #content #text > div:first-child { padding-top: 1.2em; padding-bottom: 2em }
	body.contact #text td h1 { font-size: 1.5em }
	body.contact .image img { width: auto; height: 64px; margin-bottom: 1em }
	
	body.news .itemlist > div:first-child > a > span:not( .meta ) { font-size: 1.35em; line-height: 1.1em }
 	body.news .itemlist > div:first-child > a:before { margin-top: 0.15em }
 	
	body.page-cluster .sizer { float: none }
	body.page-cluster .itemdetails > div:first-child,
	body.page-cluster .itemlist > div:first-child { padding-top: 3em }
	body.page-cluster .itemlist > div:first-child > a > span:not( .meta ) { 
    	font-family: 'NiveauGroteskMedium', 'Niveau Grotesk Medium', sans-serif;
		font-size: 1.5em;
    	line-height: 1.1em;
	}
	body.page-cluster .itemlist > div:first-child > br { display: none }
	body.page-cluster .itemlist > div:first-child > a {
	    margin-bottom: 0;
		padding-top: 0.5em;
		padding-right: 0; /* 1.25em; */
		padding-bottom: 0.5em;
		border-top: 2px solid #000;
	}
	body.page-cluster .itemlist > div:first-child > a:first-child { 
		padding-top: 0;
		border-top: 0;
	}
	body.page-cluster .itemlist > div:first-child > a:hover span:first-child, 
	body.page-cluster .itemlist > div:first-child > a.selected span:first-child {
		border: none;
	}
	body.page-cluster .itemlist > div:first-child > a:before {
/*	    position: absolute;
		top: 0.375em; right: 0; */
		
		float: right;
		margin: 0.25em 0 0 0.25em;
			
		font-family: 'NiveauGroteskRegular', 'Niveau Grotesk Regular', sans-serif;
		font-weight: 400;
		font-size: 1.875em;
		
		content: '+';
		
		-webkit-transition: -webkit-transform .35s;
		   -moz-transition: -moz-transform .35s;
			-ms-transition: -ms-transform .35s;
				transition: transform .35s;
				
		display: inline-block;
	}
	body.page-cluster .itemlist > div:first-child > a.selected:before {
		-webkit-transform: rotate(45deg) scale(1.2);
		   -moz-transform: rotate(45deg) scale(1.2);
			-ms-transform: rotate(45deg) scale(1.2);
				transform: rotate(45deg) scale(1.2);
	}
	
	
	
/*	body.page-cluster #wrapper > div#content > div { padding-top: 5em }
	body.page-cluster #wrapper > div#content > div.itemlist { padding-top: 6em } */
	body.page-cluster .itemlist > div:first-child > a:after { display: none }
	
	body.page-cluster .itemlist div.mobile {
		margin-top: 0;
		max-height: 0;
		
		-webkit-transition: max-height .35s;
		   -moz-transition: max-height .35s;
			-ms-transition: max-height .35s;
				transition: max-height .35s;
		
		display: block;
		overflow: hidden;
	}
	body.page-cluster .itemlist div.mobile h1:first-child { display: none }
	body.page-cluster .itemlist div.mobile.selected { max-height: 5000px }
}
	
@media screen and (max-height: 414px),
	   screen and (max-device-width: 414px) and (orientation: landscape) { 
	body.work.archive .image-row > div:first-child > div { 
		width: 50% !important;
		padding: 0 0.5em;
		margin-right: -4px;
		vertical-align: top;
		display: inline-block;
	}
	body.work.archive .image-row > div:first-child > div:nth-child(odd) { padding-left: 2em }
	body.work.archive .image-row > div:first-child > div:nth-child(even) { padding-right: 2em }
 	body.work.archive .image-row > div:first-child > div img { height: 55vh }
 	
 	body.contact #text td h1 { font-size: 1.5em }
 	body.contact .image img { width: auto; height: 72px }
}
@media screen and (max-device-width: 414px) and (orientation: landscape) { 
	body.home .intro-text { top: calc(5em / 1.5); bottom: auto }
	body.home .image-row > div img { 
		max-height: calc(100% - 5em );
		max-height: calc(100vh - 5em );	
	}
	body.home .itemlist > div:first-child:before { display: none }
	
	body.news .itemlist > div:first-child { padding-top: 0.25em }
}
@media screen and (max-device-width: 414px) and (orientation: portrait) { 
	body.home .itemlist { display: none }
	body.home .image-row { right: 0 }
	body.home .image-row > div img { max-height: 50vh }
	body.home .image-row > div:first-child > div { padding-right: 1.5em }
	body.home .image-row > div:first-child > div a.image-link { right: 1em; text-align: left }
	body.home .image-row > div:first-child > div a.image-link > span.metatext { display: block }
	
	
	body.home .intro-text {
		top: calc(50vh + 2em ); left: 1em; right: 1em;
		top: auto; bottom: 2em;
		width: auto; /* calc(70% - 2.25em); */
		font-size: 1.1em;
	}
	body.home .intro-text:after { content: '' }
}

/* @media screen and (max-width: 375px) { 
	#filters > div.years > div { column-count: 3 }
} */
@media screen and (max-device-width: 360px) and (orientation: portrait) { 
	body.home .intro-text { font-size: 0.925em }
 	body.home .intro-text:after { display: none }
}