@charset "utf-8";

@font-face {
	font-family: Tokyu;
	src:url('/assets/fonts/Tokyu3-Regular*.woff') format('woff'), 
		url('/assets/fonts/Tokyu3-Regular*.woff2') format('woff2'), 
		url('/assets/fonts/Tokyu3-Regular*.eot') format('eot');     
	font-weight: normal;
}
@font-face {
	font-family: Tokyu;
	src:url('/assets/fonts/Tokyu3-RegularItalic*.woff') format('woff'), 
		url('/assets/fonts/Tokyu3-RegularItalic*.woff2') format('woff2'), 
		url('/assets/fonts/Tokyu3-RegularItalic*.eot') format('eot');     
	font-style: italic;
}
@font-face {
	font-family: Rekord Regular;
	src:url('/assets/fonts/Rekord10-RegularWeb.woff') format('woff'), 
		url('/assets/fonts/Rekord10-RegularWeb.woff2') format('woff2'), 
		url('/assets/fonts/Rekord10-RegularWeb.eot') format('eot');     
	font-style: normal;
}
@font-face {
	font-family: Rekord Regular;
	src:url('/assets/fonts/Rekord10-RegularItalicWeb.woff') format('woff'), 
		url('/assets/fonts/Rekord10-RegularItalicWeb.woff2') format('woff2'), 
		url('/assets/fonts/Rekord10-RegularItalicWeb.eot') format('eot');     
	font-style: italic;
}

body, html,
.current .player.showVolumeControls .controls .unmute {
	font-family: Tokyu, Times, Times New Roman, serif;
	letter-spacing: 0.02em;
	font-size: 32px;
	line-height: 36px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body, html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body.loading, .no-scroll,
body.no-scroll .section:not(.lightbox){
	overflow: hidden;
}

b, strong {
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	margin: 0;
	padding: 0;
}
h3 {
	text-align: center;
}
h4 {
	text-align: center;
	margin-top: 0;
}
h4 p {
	margin-top: 0;
}
img {
	padding-bottom: 0;
	margin-bottom: 0;
}
ul {
	margin: 0;
	padding: 0;
}
.upcoming .slide {
	display: table;
}
.upcoming .slide .large {
	display: table-cell;
	vertical-align: middle;
}
.large {
	font-size: 2.35em;
	line-height: 1;
	letter-spacing: 0.01em;
	text-align: center;
	position: relative;
	padding: 4vw 12.5vw;
	box-sizing: border-box;
}
.large p {
	margin: 0;
}


.normal {
	line-height: 1.21em;
}

.small,
.colophon,
.cv-content,
li .meta,
.swipe .meta,
nav.secondary,
.section.artist #press,
.lightbox .advance,
.search-results li::before,
.player .controls {
	font-family: Rekord Regular, Helvetica;
	font-size: 0.5em;
	line-height: 1.3em;
}

.swipe .meta.normal,
.lightbox .meta.left.normal, 
.swipe .meta.left.normal {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	padding: 0.85em 3em 1.05em 0.9em;
	margin-bottom: 0;
}


a.lightbox-link, a.publicationedition-lightbox-link {
	display: inline-block;
	width: 100%;
}
#cv a.lightbox-link {
	width: auto;
}

/* navigation */
nav h1,
.secondlevel nav,
.current .player .controls .unmute {
	padding: 0.6em 0.9em;
}
nav h1, .secondlevel nav {
	position: fixed;
	display: inline-block;
	z-index: 10;
	min-width: 7em;
}
.secondlevel nav {
	padding-left: 0.4em;
}
.secondlevel nav h2 {
	z-index: 11;
	position: relative;
	padding-left: 0.5em;
}

/* make arrow point show up in safari */
.secondlevel nav h2 a:first-child {
	margin-left: -0.15em;
}
.secondlevel nav h2 a span {
	padding-left: 0.25em;
}

nav ol {
	position: fixed;
	display: inline-block;
	margin: 1.7em 1em 0.6em 1em;
	z-index: 10;
	min-width: 7em;
}

nav ol li {
	position: absolute;
	top: 0;
	opacity: 0;
	width: 100%;
}
nav ol li a {
	display: block;
}
nav.expanded ol li {
	opacity: 1;
}
nav ol li.current {
	position: absolute;
	top: 0;
	opacity: 1;
}
nav.expanded ol li:first-child {
	top: 0;
}
nav.expanded ol li:nth-child(2) {
	top: 1.1em;
}
nav.expanded ol li:nth-child(3) {
	top: 2.2em;
}
nav.expanded ol li:nth-child(4) {
	top: 3.3em;
}
nav.expanded ol li:nth-child(5) {
	top: 4.4em;
}
nav.expanded ol li:nth-child(6) {
	top: 5.5em;
}
nav.expanded ol li:nth-child(7) {
	top: 6.6em;
}
nav.expanded ol li:nth-child(8) {
	top: 7.7em;
}
nav.expanded ol li:nth-child(9) {
	top: 8.8em;
}
nav.expanded ol li:nth-child(10) {
	top: 9.9em;
}
nav ol li.current {
	position: absolute;
	top: 0;
}


html.hasHover nav ol:hover li.current .nav-emdash {
	opacity: 0;
}
nav ol {
	list-style-type: none;
	padding: 0;
}
html.hasHover nav ol li:hover .nav-emdash {
	opacity: 1 !important;
}
nav a {
	color: inherit;
	text-decoration: inherit;
}
nav ol li.current a {
	height: 1.1em;
	opacity: 1;
}
nav ol li.current a .nav-emdash {
	opacity: 1;
}
nav ol li a .nav-emdash {
	opacity: 0;
}
nav ol li.current-parent {
	height: 1.1em;
	opacity: 1;
}
nav ol li.skip {
	list-style-type: none;
	counter-increment: none;
}
nav ol li.skip::before {
	content: '';
}

.white {
	color: white;
}

/* home */
.section {
	position: relative;
	width: 100%;
	min-height: 100vh;
	height: auto;
	padding: 2.75em 2.15em 3em 2.15em;
	box-sizing: border-box;
}
.secondlevel .section,
.section.library {
	padding-top: 0;
}

.section.news {
	overflow-x: hidden;
}

/*.section.lightbox,*/
.section.search,
.section.upcoming {
	padding: 0;
	min-height: 100vh;	
}

.section.lightbox {
	min-height: 100%;
}

.section.current,
.section.viewingrooms {
	min-height: 100%;
	height: 100%;
	padding: 0;
}
.section.current .exhibition,
.section.current .swipe,
.swipe,
.slide {
	height: 100%;
}
.upcoming .swipe,
.library .swipe {
	height: 100vh;
}
.section.library>.library-slideshow {
	margin: 0 -2.15em; /* counteract surrounding margin of section  */
	position: relative; /* to contain the counter */
}
.subsection {
	height: 100vh;
}
.swipe-wrap, .slide, .image-wrapper, .video-wrapper {
	width: 100%;
	height: 100%;
}
.slide.slide-single,
.slide .onethird,
.slide .twothirds,
.slide .half {
	-webkit-display: flex;
	-moz-display: flex;
	-o-display: flex;
	-ms-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-o-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
}
.slide picture,
.slide img,
.slide video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.slide .image-wrapper.margins img, 
.slide .video-wrapper.margins video {
	object-fit: contain;
}
.slide .image-wrapper.margins, 
.slide .video-wrapper.margins {
	-webkit-display: flex;
	-moz-display: flex;
	-o-display: flex;
	-ms-display: flex;
	display: flex;
	-webkit-flex: 1;
	-moz-flex: 1;
	-o-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-height: 0;
	padding: 1em 2.6em 0.8em 2.6em;
	box-sizing: border-box;
	min-height: 0 /* chrome fix for showing images in flexbox */;
}

.slide .half .image-wrapper.margins, 
.slide .half .video-wrapper.margins,
.slide .twothirds .image-wrapper.margins, 
.slide .twothirds .video-wrapper.margins {
	padding: 1em 1.75em 0.8em 1.75em;
}

.current .slide .image-wrapper.margins, 
.current .slide .video-wrapper.margins {
	padding-top: 3.6em;
	padding-bottom: 3.6em;
}
.half,
.onethird,
.twothirds,
.text-image-slide,
.lightbox .text-image-slide:first-of-type {
	width: 50%;
	height: 100%;
	float: left;
	box-sizing: border-box;
}

.lightbox .shorttext.onethird {
	width: 34%;
}

.twothirds {
	width: 66%;
}

.lightbox .text-image-slide:last-of-type,
.lightbox.moretext .text-image-slide:first-of-type {
	float: none;
	width: 100%;
}

.lightbox .half+.text-image-slide {
	width: 50%;
}

.lightbox .shorttext.full, .lightbox .longtext.full .text-image-slide {
	float: none;
	padding-right: 18%;
	padding-left: 18%;
	position: relative;
}

.shorttext .text-image-slide-wrapper {
	position: relative;
	top: 47%;
	padding-top: 1em;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.current .text-image-slide-wrapper {
	padding-bottom: 10em;
}

.text-image-slide,
.shorttext.half {
	padding: 0.9em 2.5em 4em 3.5em;
}

.shorttext.onethird {
	padding: 0.9em 2em 2.5em 2em;
}


/* move scrollbars to the right side of screen */
.lightbox .shorttext.half,
.lightbox .longtext,
.lightbox .longtext .text-image-slide {
	width: 100%;
}
.shorttext.half .text-image-slide-wrapper, .longtext.half .text-image-slide-wrapper {
	width: calc(50% - 2.5em);
}
.longtext + .half,
.shorttext.half + .half {
	position: absolute;
	right: 0;
	top: 0;
}
.shorttext {
	padding: 0;
}

/* Selector is duplicated in scrollBlocker() JS */
.lightbox .text-image-slide, .lightbox .shorttext, .lightbox .longtext.full, .lightbox .colophon, .lightbox .cv-container {
	height: 100%;
	overflow: scroll;
	width: auto;
	margin: 0 auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
.moretext.lightbox .text-image-slide {
	box-sizing: border-box;
	padding: 5em 12.5vw;
}
.lightbox.moretext a {
	color: inherit;
	text-decoration: none;
	border-bottom: 0;
}
/* compensate for lack of "press release" paragraph above */
.longtext .text-image-slide-wrapper, 
.slide-buypage .text-image-slide,
.slide-mediatext .text-image-slide  {
	padding-top: 3.3em !important;
}

.lightbox .slide-shorttext-media .half .meta {
	width: 100%;
}

.lightbox .longtext .text-image-slide-wrapper {
	padding-bottom: 3.3em;
}

.slide-shorttext .text-image-slide .slide-text-title:first-child {
	margin-top: 0;
	padding: 0 1.2em;
}

.slide-shorttext .text-image-slide .slide-text {
	padding: 0 1.2em;
}

.text-image-slide-wrapper h1, .text-image-slide-wrapper>.authors,
.slide-text-title p, .slide-text-author p {
	text-align: center;
	margin: 0;
} 
.moretext.lightbox .slide-text-title p,
.moretext.lightbox .slide-text-author p {
	font-size: 1.3em;
	line-height: 1.25em;
}
.moretext.lightbox .slide-text {
	margin-top: 2.2em;
}

.slide-text-title .preview {
	margin-top: 1em;
}

.slide-text-author p::before {
	content: "by ";
}
.slide-source-date p {
	text-align: center;
}

.text-image-slide-wrapper {
	height: 100%;
	padding-bottom: 3em;
	box-sizing: border-box;
	-webkit-column-width: 50vw;
	-moz-column-width: 50vw;
	-o-column-width: 50vw;
	-ms-column-width: 50vw;
	column-width: 50vw;
	-webkit-column-gap: 10000vw;
	-moz-column-gap: 10000vw;
	column-gap: 10000vw;
}
.lightbox .text-image-slide-wrapper {
	height: auto;
	padding: 0;
	-webkit-column-width: auto;
	-moz-column-width: auto;
	-o-column-width: auto;
	-ms-column-width: auto;
	max-height: 100%;
	box-sizing: border-box;
	column-width: auto;
}

/* make space for the slide counter & "next" link */
.text-image-slide-wrapper > :last-child {
	padding-bottom: 4em;
}

.current .text-image-slide-wrapper {
	padding-bottom: 10em;
}
.current .read-more {
	bottom: 12em;
}

.read-more {
	position: absolute;
	bottom: 3.8em;
	left: 50%;
	width: 50%;
	text-align: left;
	padding: 0 3.5em;
	box-sizing: border-box;
}

.read-more a {
	color: white;
	text-decoration: none;
}
.lightbox .read-more {
	display: none;
}
.buy-meta p, .text-image-slide .meta p {
	margin: 0;
}
.buy-meta p:first-child, .text-image-slide .meta p:first-child {
	margin-top: 1em;
}

.buylink {
	display: inline-block;
	border: 1px solid;
	margin: 1em 0;
	padding: .5em 2em;
	border-radius: 6px;
}

.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
}
.swipe-wrap {
	overflow: hidden;
	position: relative;
}
.swipe-wrap > div {
	float: left;
	width: 100%;
	position: relative;
}
.swipe .nudger {
	width: 20%;
	height: 100%;
	position: absolute;
	top: 0
}
.swipe .right.nudger {
	right: 0;
}
figure.player {
	position: relative;
	margin: 0;
	height: 100%;
}
video {
	width: 100%;
	height: 100%;
}

li.exhibition button.play-main,
li.work button.play-main,
.player button.play-main,
li.exhibition .graycontrols button.play-main,
li.work .graycontrols button.play-main,
.player.graycontrols button.play-main {
	width: 60px;
	height: 60px;
	background: url(/assets/images/player-button-round-play.svg) no-repeat;
	user-select: none;
	border: none;
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	padding: 0;
	margin-left: -30px;
	margin-top: -30px;
	color: rgba(0,0,0,0);
}

li.exhibition .blackcontrols button.play-main,
li.work .blackcontrols button.play-main,
.player.blackcontrols button.play-main {
	background: url(/assets/images/black/player-button-round-play.svg) no-repeat;
}

li.exhibition .whitecontrols button.play-main,
li.work .whitecontrols button.play-main,
.player.whitecontrols button.play-main {
	background: url(/assets/images/white/player-button-round-play.svg) no-repeat;
}

.player .controls {
	position: fixed;
	left: 0;
	z-index: 20;
	width: 100%;
	-webkit-font-feature-settings: 'tnum';
	-moz-font-feature-settings: 'tnum';
	font-feature-settings: 'tnum';
	box-sizing: border-box;
	/* smaller padding on left to compensate for empty space inside pause button */
	padding: 0 9em 0.15em 1.2em;  
}

.player.hideControls .controls {
	display: none;
}

.twothirds .player .controls {
	width: 66%;
	padding: 0 2em 0.1em 1.2em;  
}

.half+.half .player .controls {
	width: 50% !important;
	right: 0 !important;
	left: auto !important;
}

.lightbox .player .controls {
	bottom: 1.5em;
}
.player button.play-small,
.player.graycontrols button.play-small {
	width: 34px;
	height: 34px;
	background: url(/assets/images/player-button-play.svg) no-repeat;
	user-select: none;
	border: none;
	padding: 0;
	color: rgba(0,0,0,0);
}

.player.blackcontrols button.play-small {
	background: url(/assets/images/black/player-button-play.svg) no-repeat;
}

.player.whitecontrols button.play-small {
	background: url(/assets/images/white/player-button-play.svg) no-repeat;
}

.player.playing button.play-small,
.player.graycontrols.playing button.play-small {
	background-image: url(/assets/images/player-button-pause.svg);
}

.player.blackcontrols.playing button.play-small {
	background-image: url(/assets/images/black/player-button-pause.svg);
}

.player.whitecontrols.playing button.play-small {
	background-image: url(/assets/images/white/player-button-pause.svg);
}

.player button.play-main,
.player .controls {
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	-ms-transition: opacity 300ms;
	transition: opacity 300ms;
}

html.hasHover li.exhibition:hover button.play-main,
html.hasHover li.work:hover button.play-main,
html.hasHover .player button.play-main:hover,
html.hasHover li.exhibition:hover .graycontrols button.play-main,
html.hasHover li.work:hover .graycontrols button.play-main,
html.hasHover .player.graycontrols button.play-main:hover {
	background-image: url(/assets/images/player-button-round-play-hover.svg);
}

html.hasHover li.exhibition:hover .blackcontrols button.play-main,
html.hasHover li.work:hover .blackcontrols button.play-main,
html.hasHover .player.blackcontrols button.play-main:hover {
	background-image: url(/assets/images/black/player-button-round-play-hover.svg);
}

html.hasHover li.exhibition:hover .whitecontrols button.play-main,
html.hasHover li.work:hover .whitecontrols button.play-main,
html.hasHover .player.whitecontrols button.play-main:hover {
	background-image: url(/assets/images/white/player-button-round-play-hover.svg);
}

html.hasHover .player button.play-small:hover,
html.hasHover .player.graycontrols button.play-small:hover {
	background-image: url(/assets/images/player-button-play-hover.svg);
}
html.hasHover .player.blackcontrols button.play-small:hover {
	background-image: url(/assets/images/black/player-button-play-hover.svg);
}
html.hasHover .player.whitecontrols button.play-small:hover {
	background-image: url(/assets/images/white/player-button-play-hover.svg);
}

html.hasHover .player.playing button.play-small:hover,
html.hasHover .player.graycontrols.playing button.play-small:hover {
	background-image: url(/assets/images/player-button-pause-hover.svg);
}
html.hasHover .player.blackcontrols.playing button.play-small:hover {
	background-image: url(/assets/images/black/player-button-pause-hover.svg);
}
html.hasHover .player.whitecontrols.playing button.play-small:hover {
	background-image: url(/assets/images/white/player-button-pause-hover.svg);
}
li.exhibition button:focus,
li.work button:focus,
.player button:focus {
	outline: none;
}
.player.playing button.play-main {
	opacity: 0;
}
li.exhibition button,
li.work button,
.player button,
.player input,
.player progress {
	cursor: pointer;
}
.player progress {
	-webkit-appearance: none;
	appearance: none;
	height: 2px;
	/* full width minus minus .elapsed minus .play-small*/
	width: calc(100% - 78px - 36px);
	margin-bottom: 7px;
}
.player.showVolumeControls progress {
	/* full width minus unmute minus (volume slider + margins) minus .elapsed minus .play-small*/
	width: calc(100% - 62px - 78px - 68px - 36px);
}
.player progress::-webkit-progress-bar {
	background: #e8e8e8;
}
.player progress:hover::-webkit-progress-bar {
	background: #b8b8b8;
}
.player progress::-webkit-progress-value {
	background: darkgray;
}
.player progress:hover::-webkit-progress-value {
	background: black;
}
.player output.elapsed,
.player.graycontrols output.elapsed {
	color: #e8e8e8;
	width: 48px;
	padding: 0 10px;
}
.player.blackcontrols output.elapsed {
	color: #000000;
}
.player.whitecontrols output.elapsed {
	color: #ffffff;
}

.player input[type=range],
.player .unmute {
	display: none;
}

.player.showVolumeControls input[type=range],
.player.showVolumeControls .unmute {
	display: inline;
}

.player.showVolumeControls input[type=range] {
	-webkit-appearance: none;
	vertical-align: middle;
	width: 50px;
	margin-top: 0;
}
.player input[type=range]:focus {
	outline: none;
}
.player input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	background: darkgray;
	border-radius: 0px;
}
html.hasHover .player input[type=range]::-webkit-slider-thumb:hover {
	background: #b8b8b8
}
.player input[type=range]::-webkit-slider-thumb {
	border: 1px solid rgba(0, 0, 0, 0);
	height: 11px;
	width: 11px;
	border-radius: 50px;
	background: #e3e3e3;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -4.5px;
}
/*.player.blackcontrols input[type=range]::-webkit-slider-thumb {
	background: black;
}*/
.player input[type=range]:focus::-webkit-slider-runnable-track {
	background: #9f9f9f;
}
.player input[type=range]::-moz-range-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	background: darkgray;
	border-radius: 0px;
}
html.hasHover .player input[type=range]::-moz-range-thumb:hover {
	background: #b8b8b8
}
.player input[type=range]::-moz-range-thumb {
	border: 1px solid rgba(0, 0, 0, 0);
	height: 11px;
	width: 11px;
	border-radius: 50px;
	background: #e3e3e3;
	cursor: pointer;
}
.player input[type=range]::-ms-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}
.player input[type=range]::-ms-fill-lower {
	background: #7b7b7b;
	border-radius: 0px;
}
.player input[type=range]::-ms-fill-upper {
	background: darkgray;
	border-radius: 0px;
}
html.hasHover .player input[type=range]::-ms-thumb:hover {
	background: #b8b8b8
}
.player input[type=range]::-ms-thumb {
	border: 1px solid rgba(0, 0, 0, 0);
	height: 11px;
	width: 11px;
	border-radius: 50px;
	background: #e3e3e3;
	cursor: pointer;
	height: 2px;
}
.player input[type=range]:focus::-ms-fill-lower {
	background: darkgray;
}
.player input[type=range]:focus::-ms-fill-upper {
	background: #9f9f9f;
}

.player.showVolumeControls .controls .unmute,
.player.graycontrols.showVolumeControls .controls .unmute {
	width: 60px;
	color: #e8e8e8;
	background: transparent;
	border: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-align: left;
}

.player.blackcontrols.showVolumeControls .controls .unmute {
	color: #000000;
}

.player.whitecontrols.showVolumeControls .controls .unmute {
	color: #ffffff;
}

.current .player .play,
.current .player .controls progress,
.current .player .controls output,
.current .player .controls input {
	display: none;
}
.current .player .controls {
	position: static;
}

.current .player .controls .unmute {
	color: inherit;
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	font-size: inherit !important;
	line-height: inherit !important;
	margin: 0;
}

.section.current .unmute,
.section.current .controls,
.section.current .video {
	font-size: inherit !important;
	line-height: inherit !important;
}

html.js .player .controls,
html.js .player .play-main {
	opacity: 0;
}
html.js .swipe .player.loaded+.meta, 
html.js .swipe .player.loaded video, 
html.js .player.loaded .play-main {
	opacity: 1;
}
html.js .player.playing .play-main,
html.js .swipe .player.playing+.meta {
	opacity: 0!important;
}
html.js .swipe .player.shouldAutoplay.playing+.meta.normal {
	opacity: 1!important;
}

html.js .player.playing .controls {
	opacity: 1;
}
/* current/exhibition */
.exhibition, .work {
	position: relative;
}
.current .meta-exhibition, .swipe .meta {
	position: absolute;
	bottom: 0;
	z-index: 9;
}
.meta {
	padding: 0.85em 0.9em;
}
li .meta,
.lightbox .meta {
	padding-right: 1.8em;
	padding-left: 1.8em;
}
.image-wrapper.margins+.meta-exhibition,
.swipe .image-wrapper.margins+.meta-library,
.image-wrapper.margins+.meta-work,
.video-wrapper.margins+.meta-exhibition,
.swipe .video-wrapper.margins+.meta-library,
.video-wrapper.margins+.meta-work {
	position: static;
	bottom: auto;
}
.current .slide .meta {
	display: none;
}
.lightbox .half .meta {
	width: 50%;
	padding: 0 5em;
}
.lightbox .twothirds .meta {
	width: 66%;
	padding: 0 5em;
}
.lightbox .half .meta.left,
.lightbox .twothirds .meta.left {
	padding: 0 5em 0 2em;
}
.lightbox .half .image-wrapper.margins+.meta-exhibition,
.lightbox .swipe .half .image-wrapper.margins+.meta-library,
.lightbox .half .image-wrapper.margins+.meta-work,
.lightbox .half .video-wrapper.margins+.meta-exhibition,
.lightbox .swipe .half .video-wrapper.margins+.meta-library,
.lightbox .half .video-wrapper.margins+.meta-work,
.lightbox .twothirds .image-wrapper.margins+.meta-exhibition,
.lightbox .swipe .twothirds .image-wrapper.margins+.meta-library,
.lightbox .twothirds .image-wrapper.margins+.meta-work,
.lightbox .twothirds .video-wrapper.margins+.meta-exhibition,
.lightbox .swipe .twothirds .video-wrapper.margins+.meta-library,
.lightbox .twothirds .video-wrapper.margins+.meta-work  {
	width: 100%;
}

.meta-work {
	margin: 0;
}
.lightbox .meta-exhibition,
.lightbox .meta-work,
.swipe .meta-library {
	padding: 0 10em;
	width: 100%;
	text-align: center;
	margin-bottom: 2em;
	box-sizing: border-box; 
}

.lightbox .meta.left,
.swipe .meta.left {
	text-align: left;
	padding: 0 18em 0 2em;
}

.lightbox .meta.hidden,
.swipe .meta.hidden {
	display: none;
}

.meta-exhibition p, .meta-work p, .meta-library p {
	margin: 0;
}
.meta-exhibition .artists,
.meta-exhibition .title,
.meta-library .artists,
.meta-library .title {
	display: inline;
}
.meta-exhibition.small .artists::after {
	content: none;
}
.meta-library p.price, .meta-exhibition p.dates {
	display: block;
}
.current .meta-exhibition .onsite-location {
	display: none;
}
.upcoming .exhibitions .title::before,
.slide-text-title .title::before,
.meta-exhibition .title::before,
.meta-exhibition.small .artists+.title::before {
	content: "‘"
}
.meta-exhibition .artists+.title::before, 
.meta-exhibition.small .artists+.title::before {
	content: ", ‘"
}
.upcoming .exhibitions .title::after,
.slide-text-title .title::after,
.meta-exhibition .title::after {
	content: "’"
}

.swipe .cursor {
	display: none;
}

html.hasHover .swipe .cursor {
	position: fixed;
	width: 32px;
	height: 32px;
	background-color: black;
	pointer-events: none;
	z-index: 999;
	transition: transform 0.2s;
}

html.hasHover .swipe[data-zone="zoom"],
html.hasHover .swipe[data-zone="zoomed"] {
	cursor: none;
}

html.hasHover .swipe[data-zone="prev"],
html.hasHover .swipe[data-zone="next"] {
	cursor: pointer;
}

html.hasHover .swipe[data-zone] .cursor {
	display: block;
}

html.hasHover .swipe[data-zone="prev"] .cursor,
html.hasHover .swipe[data-zone="next"] .cursor {
	display: none;
	-webkit-mask-image: none;
	mask-image: none;
}

html.hasHover .swipe[data-zone="zoom"] .cursor {
	-webkit-mask-image: url(/assets/images/zoom-in.svg);
	mask-image: url(/assets/images/zoom-in.svg);
}

html.hasHover .swipe[data-zone="zoomed"] .cursor {
	-webkit-mask-image: url(/assets/images/zoom-out.svg);
	mask-image: url(/assets/images/zoom-out.svg);
}

.image-wrapper.margins.zoomable picture {
	position: relative;
}

.image-wrapper.zoomable img {
	position: absolute;
	top: 0;
	left: 0;
}

.image-wrapper.margins.zoomable.zoomed {
	padding: 0;
}

.image-wrapper.zoomable.zoomed img {
	width: auto;
	height: auto;
}

.advance {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0.85em 0.9em;
	z-index: 200;
	cursor: auto;
}
.lightbox .advance {
	bottom: 2em;
	right: 1.65em;
	padding: 0;
	margin: 0;
}

.slide .next,
.advance .next {
	display: none;
}

.lightbox .advance .next {
	display: inline
}

.slideshow-counter {
	display: inline-block;
}

.advance .next {
	margin-right: 1.65em;
}

.slideshow-counter .dot {
	display: none;
	color: #cccccc;
	font-size: 4em;
}
.slideshow-counter .dot.active {
	color: #666666;
}
.subpage-link {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0.85em 0.9em;
	z-index: 9;	
}
.subpage-link-small {
	text-align: center;
	display: block;
	margin: 0 auto;
	margin-top: 2.5vw;
	text-transform: uppercase;
}

.section.artist #cv, 
.section.artist #press {
	padding: 5.6em 9em 0 9em;
}

.cv-content {
	-webkit-column-count: 2;
	-webkit-column-gap: 5vw;
	-moz-column-count: 2;
	-moz-column-gap: 5vw;
	-o-column-count: 2;
	-o-column-gap: 5vw;
	-ms-column-count: 2;
	-ms-column-gap: 5vw;
	column-count: 2;
	column-gap: 5vw;
}

.artists ul,
.search form {
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 46%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	padding-left: 322px;
	padding-right: 322px;
	/* see .section padding and li.exhibition padding */
	padding-left: calc(2.15em + 238px);
	padding-right: calc(2.15em + 238px);
}

.artists ul {
	line-height: 1.21em;
	list-style: none;
	padding-right: 199px;
}

.info ul {
	box-sizing: border-box;
	list-style: none;
	padding: 0;
	margin: 0 -1.2em 0 0;
	display: inline-block;
}
.section.artists li {
	display: inline-block;
}
.section.artists li.name-break { 
	display: inline;
}	
.section.artists li a::after{
	content: ', ';
}
.section.artists li:last-child a::after{
	content: '';
}

.section.artists li a.no-click:hover {
	color: inherit !important;
	cursor: default !important;
} 

.info h2 p {
	padding: 0.4em 0 0.25em 0;
	margin: 0;
}

.info .textblock p:first-child, .info .newsletter {
	margin-top: 0.4em;

}
.info .col-1 p:first-child {
	text-indent: 0;
	margin-bottom: 0;
}	
.info .col-1 p {
	text-indent: 2em;
	margin: 0;
}
.info .col-1 {
	margin-bottom: 1em;
}

.colophon, .cv-content {
	padding: 5em 12.5vw 10em 12.5vw;
	box-sizing: border-box;
}

.colophon .col-col-1, .colophon .col-col-2 {
	float: left;
	width: 50%;
	box-sizing: border-box;
} 
.colophon .col-col-1 {
	padding-right: 0.5em;
}
.colophon .col-col-2 {
	padding-left: 0.5em;
}
.colophon ul {
	list-style: none;
}
.info .newsletter {
	margin-bottom: 1em;
}

.newsletter .firstname, .newsletter .lastname {
	display: block;
	float: left;
	width: 48%;
	/* substract half of bottom margin */
	width: calc(50% - 0.2em);
}
.newsletter .lastname {
	float: right;
}
.newsletter input {
	display: block;
}
.newsletter .email {
	width: 100%;
}

.newsletter input, .search input {
   -webkit-border-radius: 0 !important;
   -moz-border-radius: 0 !important;
   -o-border-radius: 0 !important;
   -ms-border-radius: 0 !important;
   border-radius: 0 !important;
}

.newsletter .firstname, .newsletter .lastname, .newsletter .email {
	padding: 8px 7px 4px 7px;
	font-size: inherit;
	font-family: inherit;
	border: none;
	background-image: none;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
	color: black;
	border-width: 0px;
	border-style: solid;
	border-color: none;
	border-image: 0;
	box-sizing: border-box;
	margin-bottom: 0.45em;
	letter-spacing: inherit;
}

.newsletter input[type="submit"] {
	font-size: inherit;
	font-family: inherit;
	display: block;
	background-color: transparent !important;
	background-image: none;
	padding: 0 !important;
	border: none;
	outline: none;
	border-bottom: 1px solid; 
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-appearance: none;
	border-image: 0;
	cursor: pointer;
	letter-spacing: inherit;
	margin-top: 0.8em;
	line-height: 1em !important;
}
.newsletter input[type="submit"]:hover {
	padding-bottom: 0 !important;
}

.newsletter input:focus,
.newsletter button:focus {
	outline: none;
}


.section.info input:focus::placeholder {
	color: transparent!important;
}
.section.info input:focus::-webkit-input-placeholder {
	color: transparent!important;
}
.section.info input:focus::-webkit-input-placeholder{
	color: transparent!important;
}
.section.info input:focus::-moz-placeholder{
	color: transparent!important;
}
.section.info input:focus:-moz-placeholder{
	color: transparent!important;
}

.section.info input::placeholder {
	-webkit-transition-duration: 300ms; 
	-moz-transition-duration: 300ms; 
	-o-transition-duration: 300ms; 
	-ms-transition-duration: 300ms; 
	transition-duration: 300ms; 
}

.info a, .artist-wrapper a, .subpage-link-small a, 
.read-more a, .colophon a, .cv-content a, .slide-pressrelease .slide-text a,
a.inquire-link, .advance a {
	border-bottom: 1px solid;
	word-wrap: break-word;
}
.artist-wrapper li.work a,
.artist-wrapper li.publicationedition a,
.artist-wrapper li.exhibition a {
	border-bottom: none;
}
html.hasHover a:hover,
html.hasHover .exhibitions .artists a:hover,
html.hasHover .viewingrooms .artists a:hover,
html.hasHover .info a:hover,
html.hasHover .artist-wrapper a:hover,
html.hasHover .subpage-link-small a:hover,
html.hasHover .artist-wrapper li:hover a,
html.hasHover .subpage-link a:hover {
	color: #a8a8a8;
}
html.hasHover body>nav a:hover {
	color: inherit;
}

html.hasHover .secondlevel nav a {
	position: relative;
	white-space: nowrap;
}

html.hasHover .secondlevel nav .back-arrow,
html.hasHover .secondlevel nav .normal-dash {
	position: absolute;
	top: 0;
	left: 0;
}

html .secondlevel nav .normal-dash,
html .viewingroom.lightbox nav .normal-dash {
	display: none;
}
html.hasHover .secondlevel nav .normal-dash,
html.hasHover .viewingroom.lightbox nav .normal-dash {
	display: block;
}

html.hasHover .secondlevel nav .back-arrow,
html.hasHover .secondlevel nav:hover .normal-dash,
html.hasHover .viewingroom.lightbox nav .back-arrow,
html.hasHover .viewingroom.lightbox nav:hover .normal-dash {
	opacity: 0;
}
html.hasHover .secondlevel nav .normal-dash,
html.hasHover .secondlevel nav:hover .back-arrow,
html.hasHover .viewingroom.lightbox nav .normal-dash,
html.hasHover .viewingroom.lightbox nav:hover .back-arrow {
	opacity: 1;
}

.secondlevel nav h1 {
	display: none;
}
.secondlevel .section h1,
.secondlevel .section h2,
 .secondlevel .section h3 {
	text-align: center;
}
.section.library h3,
.secondlevel .section>h2,
.secondlevel section[id] {
	padding-top: 2.85em;
}
.section.library h3 {
    padding-bottom: 1.3em;
}

.section.search-results {
	padding-top: 3.75em;
	padding-bottom: 3.75em;
}
.secondlevel .news-section:first-child h3 {
	margin-top: 0;
}
.artist-wrapper {
	margin: 0;
	padding: 2.05em 0 0 0;
}
nav.secondary {
	position: fixed;
	margin-top: 0;
	top: 5.6em;
	left: 1.8em;
	padding-left: 0;
}
nav.secondary ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* selector duplicated in JS for alignThumbnails() call */
.artist-wrapper ul#works,
.artist-wrapper ul#publicationseditions,
.exhibition-archive section ul,
.viewingroom-archive section ul,
.library-wrapper ul,
.search-results ul,
.viewingroom-overview ul {
	list-style: none;
	text-align: center;
}

.artist-wrapper ul#works li,
.artist-wrapper ul#publicationseditions li,
.exhibition-archive section li,
.viewingroom-archive section li,
.library-wrapper li,
.search-results li,
.viewingroom-overview li {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.artist-wrapper ul#works li img,
.artist-wrapper ul#publicationseditions li img,
.exhibition-archive section li img,
.viewingroom-archive section li img,
.library-wrapper li img,
.search-results li img,
.viewingroom-overview li img { 
  width: 100%;
  display: block;
}

/* overriden for mobile media query */
.artist-wrapper ul#works li .meta,
.artist-wrapper ul#publicationseditions li .meta,
.exhibition-archive section li .meta,
.viewingroom-archive section li .meta,
.library-wrapper li .meta,
.search-results li .meta {
  position: absolute;
  left: 0;
  right: 0;
}

.artist-wrapper #press ul {
	list-style: none;
	text-align: left;
	margin-top: 1em;
}

li.work:first-child,
.artist-wrapper ul#works li.work:first-child,
.artist-wrapper ul#publicationseditions li.work:first-child {
	margin: 0 auto;
	display: block!important;
	box-sizing: border-box;
}

.exhibition-archive li.exhibition,
.viewingroom-archive li.exhibition,
.viewingroom-archive li.viewingroom {
	width: 40vw;
}
.exhibition-archive section ul,
.viewingroom-archive section ul {
	padding-top: 2.05em;
}
.exhibition-archive section,
.viewingroom-archive section {
	clear: both;
	text-align: center;
}

.viewingroom-archive .exhibition a {
	display: inline-block;
}    

li.work.portrait:first-child {
	width: 45vw;
	text-align: center;
}
li.work.landscape:first-child {
	width: 100%;
}
li.publicationedition {
	vertical-align: top;
}

li.work, 
.search-results li.landscape, .search-results li.exhibition {
	width: 38vw;
}
li.publicationedition.landscape {
	width: 34vw;
}
.search-results li.portrait, li.work.portrait,  li.publicationedition.portrait,
.viewingroom-overview li {
	width: 28vw;
}

.viewingroom-overview li.portrait {
	width: auto;
	height: 28vw;
}

.viewingroom-overview li {
	vertical-align: top;
	margin-bottom: 1em;
}

.viewingroom-overview li a.lightbox-link {
	padding-bottom: 0.75em;
}

li.work.portrait img, .search-results li.portrait img {
	max-height: 640px;
	object-fit: contain;
}

li.publicationedition img {
	width: 100%;
}

/* repeating some li.exhibition contexts here for higher specificity */
li.exhibition, li.work, li.publicationedition, 
.search-results li,
.exhibition-archive li.exhibition,
.viewingroom-archive li.viewingroom,
.viewingroom-archive li.exhibition,
.search-results li.exhibition {
	padding: 0.5em 0.9em;
	display: inline-block;
	box-sizing: border-box;
}

.artist-wrapper #works {
	padding-top: 0.4em;
}

.info .image-wrapper,
.news-wrapper,
.artist-wrapper #exhibitions,
.artist-wrapper #moreexhibitions,
.artist-wrapper #viewingrooms,
.artist-wrapper #moreviewingrooms,
.artfair-archive-wrapper {
	padding-right: 238px;
	padding-left: 238px;
}
.exhibitions-wrapper.
.viewingrooms-wrapper {
	padding-right: calc(238px - 0.9em);
	padding-left: calc(238px - 0.9em);
}

.section.viewingrooms .viewingroom {
	position: relative;
	height: 100%;
}

.section.viewingrooms .viewingroom .meta {
	display: none;
}

.viewingroom .large.title {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
}

@keyframes fadeOut {
  from {opacity: 1;}
  to {opacity: 0;}
}

.lightbox.viewingroom .slide .large.title {
	display: none;
}

.lightbox.viewingroom .slide.current-slide .large.title {
	display: block;
	animation: fadeOut 300ms linear 6s forwards;
}

.viewingroom .large.title + .image-wrapper .lds-rolling {
	margin-top: 4em;
}

li.work.landscape:first-child {
	margin-right: 238px !important;
    margin-left: 238px !important;
    width: calc(100% - 238px*2);
}

li.exhibition a, li.work a {
	position: relative;
}

li .meta {
	margin-top: 0;
	padding-top: 0.75em;
	text-align: center;
}
.work img {
	max-width: 100%;
	max-height: 100%;
}

.imagefallback {
	min-height: 22vw;
	background: darkgrey;
}

li.exhibition img, .imagefallback {
	width: 100%;
}

.exhibition-expander {
	margin-bottom: 2.5vw;
	padding-bottom: 1.3em;
}

#moreexhibitions {
	display: none;
}

.work .title, .meta-library .title, .italic, em {
	font-style: italic;
}
#cv h2, #press h2, .cv-container h2 {
	text-align: left;
	text-transform: uppercase;
}
.cv-content .docs a {
	margin-right: 2em;
}

.selectedexhibitions {
	margin: 1em 0;
}

.selectedexhibitions .exhibition {
	clear: left;
}
.selectedexhibitions .year {
	float: left;
}
.selectedexhibitions p {
	margin: 0 0 0 4em;
}

/* library */
.library-slideshow .meta-work {
	display: none;
}

.loader, .lds-rolling,
body>nav h1, body>nav ol li, nav.secondary a,
.subpage-link a, .subpage-link-small a, .swipe+.meta-exhibition, .exhibition-counter,
.library a, .info a, .artist-wrapper a, .news-section a, 
.artfair-archive a, .section.artists li a,
.work a, .exhibition a, .viewingroom a, .publicationedition a, .secondlevel nav h2 a, 
html.hasHover .secondlevel nav .back-arrow,
html.hasHover .secondlevel nav .normal-dash,
html.hasHover .viewingroom.lightbox nav .back-arrow,
html.hasHover .viewingroom.lightbox nav .normal-dash,
.exhibitions a, .exhibition-archive a, .viewingrooms a, .viewingroom-archive a, .upcoming a, .artist a, .search a, .meta a,
input[type="submit"], .colophon a, .cv-content a, .slide-pressrelease a, .advance a {
	color: inherit;
	text-decoration: none;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	-ms-transition-duration: 300ms;
	transition-duration: 300ms;
}

.library a, .info a, .artist-wrapper a, .news-section a, 
.artfair-archive a, .section.artists li a,
.work a, .exhibition a, .viewingroom a, .publicationedition a, .buylink, .secondlevel nav h2 a, 
.exhibitions a, .exhibition-archive a, .viewingrooms a, .viewingroom-archive a, .upcoming a, .artist a, .search a, .meta a,
.colophon a, .cv-content a, .slide-pressrelease a {
	color: inherit;
	text-decoration: none;
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
	-ms-transition: color 300ms;
	transition: color 300ms;
}

.viewingroom.lightbox nav a {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

html.js .swipe img,
html.js .swipe video,
html.js .swipe .meta,
html.js li video,
html.js li img,
html.js li .meta {
	/* hide images and captions, they will be unhidden onload, see responsive-thumb.php */
	opacity: 0;
}
html.js .swipe .text-image-slide .meta {
	opacity: 1;
}

.swipe img, .swipe video, .swipe .meta,
.current .slideshow-counter, .current .meta-exhibition,
body>nav h1, body>nav ol,
li.work, li.exhibition, li.publicationedition, li.exhibition,
li.work img, li.exhibition img, li.publicationedition img, li.exhibition img {
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	-ms-transition: opacity 300ms;
	transition: opacity 300ms;
}

body>nav h1, body>nav ol li {
	white-space: nowrap;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

body>nav h1 {
	-webkit-transition: opacity 300ms, color 300ms;
	-moz-transition: opacity 300ms, color 300ms;
	-o-transition: opacity 300ms, color 300ms;
	-ms-transition: opacity 300ms, color 300ms;
	transition: opacity 300ms, color 300ms;
}

html.hasHover li.work:hover,
html.hasHover li.exhibition:hover,
html.hasHover li.publicationedition:hover,
html.hasHover li.exhibition:hover {
	/* !important to override the style attribute that the fade-on-load code is setting */
	opacity: 0.75!important;
}

.news-wrapper, .artfair-archive-wrapper {
	width: 100%;
	box-sizing: border-box;
}
.secondlevel .news-wrapper, .secondlevel .artfair-archive-wrapper {
	position: static;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}
.news-section, .artfair-archive-section {
	border-bottom: 2px solid;
}
.news-section h3, .artfair-archive-section h3 {
	margin: 0.5em 0;
}
.news-section:first-child h3, .artfair-archive-section:first-child h3  {
	margin-top: 0;
}
.newsitem, .artfair-archive-item  {
	text-align: left;
	margin-top: 0.5em;
}
.newsitem p, .artfair-archive-item p {
	margin: 0;
}
.newsitem p.dates, .artfair-archive-item p.dates {
	margin-bottom: 0.75em;
}

.artfair-archive-item img {
	width: 70%;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.75em;
}
.artfair-archive-wrapper {
	margin-top: 0.75em;
}


/* info */
.section.info {
	width: 100%;
} 
.section.info.lightbox {
	padding-left: 0;
	padding-right: 0;
}
.section.info li {
	float: left;
}
.section.info .col-1 {
	width: 50%;
	padding: 0 0.5em 0 0;
	box-sizing: border-box;
}
.section.info .col-2 {
	width: 25%;
	padding: 0 0.5em;
	box-sizing: border-box;
}
.section.info .col-3 {
	width: 25%;
	padding: 0 0 0 0.5em;
	box-sizing: border-box;
	clear: all;
}
.info .image-wrapper img {
	display: block;
	margin: 0 auto;
	width: 100%;
	margin-top: 2em;
	box-sizing: border-box;
}
.info .image-wrapper {
	box-sizing: border-box;
}

/* search */
.search-results form {
	position: static;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}
.search-results ul,
.search-results .noresults {
	margin-top: 2em;
	text-align: center;
}
.search form input {
	display: block;
	margin: 0;
	border: none;
	background-image: none;
	background-color: transparent;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-bottom: 2px solid;
	width: 100%;
	padding: 10px;
	font-family: inherit;
	font-size: 1.01em;
	letter-spacing: inherit;
	text-align: center;
	color: inherit;
}
.search form input::placeholder {
	color: inherit;
	-webkit-transition-duration: 300ms; 
	-moz-transition-duration: 300ms; 
	-o-transition-duration: 300ms; 
	-ms-transition-duration: 300ms; 
	transition-duration: 300ms;
}
.search form input:focus{
	outline: none;
}
.search form input:focus::-webkit-input-placeholder {
	color: transparent;
	-webkit-transition-duration: 300ms; 
	-moz-transition-duration: 300ms; 
	-o-transition-duration: 300ms; 
	-ms-transition-duration: 300ms; 
	transition-duration: 300ms; 
}
.search form input::-webkit-search-cancel-button {
	display: none;
	width: 0;
	height: 0;
}

.lightbox {
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	background-color: white;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.lightbox img {
	object-fit: cover;
}

.close, .info a.close, .close:active, .close:visited,
.viewingroom.lightbox nav .back-arrow,
.viewingroom.lightbox nav .normal-dash {
	z-index: 100;
	position: fixed;
	top: 0;
	right: 0; 
	cursor: pointer;
	padding: 0.7em 0.85em;
	color: inherit;
	text-decoration: none;
	border-bottom: 0;
}

.viewingroom.lightbox nav .back-arrow,
.viewingroom.lightbox nav .normal-dash {
	right: auto;
	left: 0;
}

/* loading */
body.loading .loader {
	opacity: 1;
}

.loader {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
	left: 0;
	top: 0;
}
.loader p {
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 0 auto;
	padding: 0.9em;
	box-sizing: border-box;
	top: 46%;
	position: relative;
	display: block;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

body.loading .current .meta-exhibition,
body.loading .current .slideshow-counter,
body.loading nav h1,
body.loading nav ol {
	opacity: 0;
}


@keyframes lds-rolling {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes lds-rolling {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.image-wrapper, .lds-rolling {
	position: relative;
}
.image-wrapper .lds-rolling {
	position: absolute;
	left: 50%;
	top: 48%;
	width: 144px !important;
	height: 144px !important;
	-webkit-transform: scale(1) translate(-72px, -72px);
	transform: scale(1) translate(-72px, -72px);
}

.lds-rolling div,
.lds-rolling div:after {
  position: absolute;
  width: 32px;
  height: 32px;
  border: 2px solid #030303;
  border-top-color: transparent;
  border-radius: 50%;
}
.lds-rolling div {
  -webkit-animation: lds-rolling 1s linear infinite;
  animation: lds-rolling 1s linear infinite;
  top: 72px;
  left: 72px;
}
.lds-rolling div:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	z-index: 9;
}

.section.artists ul, .section.news .news-wrapper, .section.info .info-section {
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	-ms-transition: opacity 300ms;
	transition: opacity 300ms;
}

.section.info .down-fade {
	opacity: 0.35;
} 

.current .meta-exhibition a, .current .meta-exhibition .title, .current .meta-exhibition .dates, .slideshow-counter, .lightbox.viewingroom nav, .lightbox .close {
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
	-ms-transition: color 300ms;
	transition: color 300ms;
}

.exhibition-archive .secondary ul,
.viewingroom-archive .secondary ul,
.section.artist .secondary ul,
.shorttext+.half .image-wrapper,
.longtext+.half .image-wrapper {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}  

.section.artist #press  {
	line-height: 1.4em;
}  

.section.artist #viewingrooms li a,
.section.artist #exhibitions li a {
	display: inline-block;
}

.viewingroom-overview {
	background-color: black;
	color: white;
}

.viewingroom-overview .page-title,
.viewingroom-overview .description,
.viewingroom-overview .extended,
.viewingroom-overview .links {
	max-width: 1600px;
	margin: 0 auto;
}

.viewingroom-overview .links {
	margin-top: -0.7em;
	margin-bottom: 1.9em;
}

.viewingroom-overview .read-more-link, 
.viewingroom-overview .list-of-works-link, 
.viewingroom-overview .press-release-link {
	font-family: Rekord, Helvetica;
	border-bottom: 1px solid;
	margin-right: 1em;
	margin-top: 0;
}

.viewingroom-overview .single.exhibition {
	width: 100%;
	padding: 0;
}


@media (min-width: 1400px) {
	body, html {
		font-size: 33px;
		line-height: 37px;
	}

	.section.artists ul,
	.search form {
		padding-right: 315px;
		padding-left: 315px;
		/* mix EMs and pixels to match the left padding on li.exhibition */
		/* 2.15em is value of .section padding */
		/* 244px is value of .news-wrapper padding */
		padding-right: calc(2.15em + 244px);
		padding-left: calc(2.15em + 244px);
	}
	.section.artists ul {
		padding-right: 250px;
	}

	.info .image-wrapper,
	.news-wrapper,
	.artist-wrapper #exhibitions,
	.artist-wrapper #moreexhibitions,
	.artist-wrapper #viewingrooms,
	.artist-wrapper #moreviewingrooms,
	.artfair-archive-wrapper {
		padding-right: 244px;
		padding-left: 244px;
	}
	.exhibitions-wrapper,
	.viewingrooms-wrapper {
		padding-right: calc(244px - 0.9em);
		padding-left: calc(244px - 0.9em);
	}


	li.work.landscape:first-child {
		margin-right: 244px !important;
	    margin-left: 244px !important;
	    width: calc(100% - 244px*2);
	}


	.section.info.lightbox {
		padding-left: inherit !important;
		padding-right: inherit !important;
	}
}

/* regular styles out of media query apply between these breakpoints */

@media (max-width: 1250px) {

	body, html {
		font-size: 31px;
		line-height: 35px;
	}

	.section.artists ul,
	.search form {
		padding-right: 200px;
		padding-left: 200px;
		padding-right: calc(2.15em + 132px);
		padding-left: calc(2.15em + 132px);
	}
	.section.artists ul {
		padding-right: 135px;
	}

	.info .image-wrapper,
	.news-wrapper,
	.artist-wrapper #exhibitions,
	.artist-wrapper #moreexhibitions,
	.artist-wrapper #viewingrooms,
	.artist-wrapper #moreviewingrooms,
	.artfair-archive-wrapper {
		padding-left: 132px;
		padding-right: 132px;
	}
	.exhibitions-wrapper,
	.viewingrooms-wrapper {
		padding-left: calc(132px - 0.9em);
		padding-right: calc(132px - 0.9em);
	}

	li.work.landscape:first-child {
		margin-right: 132px !important;
	    margin-left: 132px !important;
	    width: calc(100% - 132px*2);
	}


	li.work, .search-results li.landscape, .search-results li.exhibition {
		width: 40vw;
	}
	.search-results li.portrait, li.work.portrait, li.publicationedition.portrait {
		width: 28vw;
	}

	.down-fade {
		opacity: 0.35;
	} 	

}

@media (max-width: 1100px) {

	body, html {
		font-size: 29px;
		line-height: 33px;
	}

	.section.artists ul,
	.search form {
		padding: 0 188px;
		padding: 0 calc(2.15em + 126px);
	}
	.section.artists ul {
		padding-right: 135px;
	}

	.info .image-wrapper,
	.news-wrapper,
	.artist-wrapper #exhibitions,
	.artist-wrapper #moreexhibitions,
	.artist-wrapper #viewingrooms,
	.artist-wrapper #moreviewingrooms,
	.artfair-archive-wrapper {
		padding-left: 126px;
		padding-right: 126px;
	}
	.exhibitions-wrapper,
	.viewingrooms-wrapper {
		padding-left: calc(126px - 0.9em);
		padding-right: calc(126px - 0.9em);
	}
	li.work.landscape:first-child {
		margin-right: 126px !important;
	    margin-left: 126px !important;
	    width: calc(100% - 126px*2);
	}

}

@media (max-width: 950px) {

	.search-results li.portrait {
		width: 30vw;
	}

	li.publicationedition.portrait {
		width: calc(50vw - 3.15em);	}

	li.publicationedition.landscape {
		width: calc(50vw - 3.15em);
	}

	li.work.landscape, .search-results li.landscape, .search-results li.exhibition {
		width: 40vw;
	}

	li.exhibition,
	.exhibition-archive li.exhibition,
	.viewingroom-archive li.viewingroom,
	.viewingroom-archive li.exhibition {
		width: 100%;
	}
	
	li.publicationedition.landscape {
		width: 48vw;
	}
	.section.info .info-section.col-1 {
		width: 66%;
	}
	.section.info .info-section.col-2, .section.info .info-section.col-3 {
		width: 34%;
	}
	
	.section.artists ul,
	.search form {
		padding: 0 188px;
		padding: 0 calc(2.15em + 46px);
	}
	.section.artists ul {
		padding-right: 55px;
	}

	.info .image-wrapper,
	.news-wrapper,
	.artist-wrapper #exhibitions,
	.artist-wrapper #moreexhibitions,
	.artist-wrapper #viewingrooms,
	.artist-wrapper #moreviewingrooms,
	.artfair-archive-wrapper,
	/* CVs and press are single-column from here down, so included here */
	.section.artist #cv,
	.section.artist #press {
		padding-left: 46px;
		padding-right: 46px;
	}
	.exhibitions-wrapper,
	.viewingrooms-wrapper {
		padding-left: calc(46px - 0.9em);
		padding-right: calc(46px - 0.9em);
	}

	li.work.landscape:first-child {
		margin-right: 46px !important;
	    margin-left: 46px !important;
	    width: calc(100% - 46px*2);
	}


	.cv-content {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-o-column-count: 1;
		-ms-column-count: 1;
		column-count: 1;
	}

	.viewingroom-overview li {
		margin-bottom: 0;
	}

	.section.viewingroom-overview ul li {
		padding-left: 0;
		padding-right: 0;
	}
}

/* query duplicated in script.js, color-css.php and responsive-image.php */
@media (max-width: 700px) {
	body, html {
		font-size: 1.325em;
	}

	nav h1,
	.current .player .controls .unmute,
	.secondlevel nav {
		padding: 0.3em 0.6em;
	}

	nav ol {
		margin: 1.4em 0.6em 0.6em 0.6em;
	}

	/* HACK: workaround to prevent scrollbars on mobile devices */
	/* has the unfortunate side-effect of losing the scroll position after */
	/* closing the lightbox but at least allows navigation inside lightboxes */
	body.no-scroll .section:not(.lightbox) {
		min-height: auto;
		max-height: 1px;
		padding: 0;
		overflow: hidden;
	}	

	.artist-wrapper ul#exhibitions li.exhibition,
	.artist-wrapper ul#viewingrooms li.exhibition,
	.secondlevel .news-wrapper,
	.artist-wrapper #exhibitions,
	.artist-wrapper #moreexhibitions,
	.artist-wrapper #viewingrooms,
	.artist-wrapper #moreviewingrooms,
	.secondlevel .artfair-archive-wrapper,
	.secondlevel .section.artist #cv,
	.secondlevel .section.artist #press {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	li.work.landscape:first-child {
		margin-right: 0px !important;
	    margin-left: 0px !important;
	    width: calc(100% - 0px*2);
	}


	.artist-wrapper {
		padding: 0.25em 0 0 0;
	}

	li .meta {
		padding-top: 0.25em;
	}

	.artist-wrapper ul#works li .meta,
	.artist-wrapper ul#publicationseditions li .meta,
	.exhibition-archive section li .meta,
	.viewingroom-archive section li .meta,
	.library-wrapper li .meta,
	.search-results li .meta {
		position: static;
	}

	li.exhibition, li.work, li.publicationedition, .search-results li {
		padding-left: 0.6em;
		padding-right: 0.6em;
	}
	
	.meta {
		padding: 0.7em 0.6em;
	}

	.subpage-link {
		margin: 0.7em 0.6em;
	}

	.large {
		font-size: 1.75em;
		padding: 4vw;
	}

	.loader {
		overflow: hidden;
	}
	
	.loader .large {
		font-size: 1em;
	}

	.slide .image-wrapper.margins,
	.slide .video-wrapper.margins,
	.slide .half .image-wrapper.margins,
	.slide .half .video-wrapper.margins,
	.slide .twothirds .image-wrapper.margins,
	.slide .twothirds .video-wrapper.margins {
		padding: 2.7em 0.6em 0.8em 0.6em;
	}
	.slide .video-wrapper.margins {
		padding-top: 0.8em;
	}

	/*.section,*/
	.section.library h3	{
		padding-top: 3.5em;
	}
	.info .info-section.col-1 h2:first-child p:first-child {
		padding-top: 0;
	}

	.current .meta-exhibition {
		text-align: left;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 1.6em;
	}

	/* reset vertical centering */
	.section.artists ul,
	.news-wrapper,
	.artfair-archive-wrapper,
	nav.secondary {
		position: static;
		left: auto;
		top: auto;
		width: auto;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.moretext.lightbox .text-image-slide {
		padding: 1em 2em;
	}

	.section.artists ul {
		padding: 0!important;
	}

	.section.artists li {
		display: block;
		padding-left: 1em;
		text-indent: -1em; 
	}
	.section.artists,
	.section.exhibitions,
	.section.artfair-archive,
	.section.exhibition-archive,
	.section.viewingroom-archive,
	.section.viewingroom-overview {
		padding-left: 0.6em;
		padding-right: 0.6em;
	}

	.section.viewingroom-overview ul li {
		padding-left: 0;
		padding-right: 0;
	}
	.section.artists li.name-break {
		display: block;
	}

	.section.artists li a::after {
		content: '';
	}

	.section.library {
		padding-right: 0;
		padding-left: 0;
	}

	.section.lightbox {
		min-height: 100%;
	}

	.lightbox .shorttext.onethird {
		width: 100%;
	}

	.half, .twothirds, .text-image-slide {
		width: 100%;
		float: none;
	}

	.lightbox .shorttext.half,
	.lightbox .shorttext.onethird,
	.lightbox .longtext {
		margin: 0;
	}

	.shorttext.half .text-image-slide-wrapper,
	.shorttext.onethird .text-image-slide-wrapper,
	.longtext .text-image-slide-wrapper,
	.slide.longtext.half .text-image-slide-wrapper {
		width: 100%;
	}

	.half.slide,
	.twothirds.slide,
	.onethird.slide {
		-webkit-display: flex;
		-moz-display: flex;
		-o-display: flex;
		-ms-display: flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-o-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 100%;
	}

	.text-image-slide,
	.lightbox .longtext.full .text-image-slide,
	.shorttext,
	.shorttext.half,
	.shorttext.full.normal,
	.shorttext.onethird {
	    padding-top: 0.9em;
	    padding-bottom: 4em;
	}

	.lightbox .onethird .meta,
	.lightbox .half .meta,
	.lightbox .twothirds .meta {
		width: 100%;
	}

	.lightbox .longtext .text-image-slide-wrapper {
		padding-bottom: 8em;
	}

	.current .text-image-slide-wrapper {
		padding-bottom: 16em;
		padding-top: 5em;
	}
	
	.read-more {
		bottom: 9em;
		left: auto;
		width: auto;
		padding: 0;
	}

	.current .read-more {
		bottom: 18em;
	}

	.advance {
		left: 0;
		text-align: center;
		margin: 0 0 0.2em 0;
	}

	.advance .next {
		position: absolute;
		top: -.4em;
		right: 0;
	}

	.slideshow-counter .dot {
		display: inline;
	}

	.current .slideshow-counter .dot,
	.upcoming .slideshow-counter .dot,
	.library .slideshow-counter .dot {
		font-size: 2em;
	}
	
	.slideshow-counter .count, .slideshow-counter .total {
		display: none;
	}

	.slideshow-counter.large-slideshow {
		position: relative;
		top: -.5em;
		margin-bottom: .5em;
	}

	.slideshow-counter.large-slideshow .count, 
	.slideshow-counter.large-slideshow .total {
		display: inline;
	}

	.lightbox .advance {
		right: 0;
		bottom: 0;
		/* move away from the floating home indicator on iPhone X+ */
		bottom: env(safe-area-inset-bottom);
	}

	.swipe .meta {
		margin-bottom: 3.2em;
	}
	
	.lightbox .meta,
	.lightbox .image-wrapper.full:not(.hasMobile) + .meta-exhibition,
	.lightbox .image-wrapper.margins+.meta {
		padding-bottom: 3.2em !important;
		margin-bottom: env(safe-area-inset-bottom);
		bottom: 0;
	}

	.lightbox .meta.normal,
	.lightbox .meta.left.normal,
	.lightbox .image-wrapper.full:not(.hasMobile) + .meta-exhibition.normal,
	.lightbox .image-wrapper.margins+.meta.normal {
		padding-bottom: 1.6em !important;
	}

	.current .meta {
		padding-bottom: 0;
	}

	.upcoming .slide .large {
		max-width: 100vw;
		font-size: 1.25em;
	}

	.lightbox .meta-exhibition,
	.lightbox .meta-work,
	.swipe .meta-library,
	.lightbox .meta.left,
	.swipe .meta.left,
	.text-image-slide,
	.lightbox .longtext.full .text-image-slide,
	.shorttext,
	.shorttext.half,
	.shorttext.onethird,
	.colophon, .cv-content {
		padding-left: 1.2em;
		padding-right: 1.2em;
	}

	.section.news,
	.lightbox .player .controls,
	.section.info,
	.section.artist,
	.search form,
	.search-results ul,
	.shorttext.full.normal,
	.swipe .meta.normal, .lightbox .meta.left.normal, .swipe .meta.left.normal {
		padding-left: 0.6em;
		padding-right: 0.6em;
	}

	.lightbox .player .controls {
		padding-right: 0;
	}

	.colophon .col-col-1,
	.colophon .col-col-2 {
		width: auto;
		float: none!important;
		padding: 0;
	}
	
	.twothirds .player .controls {
		width: 100%;
	}

	.info ul {
		margin-right: 0;
	}

	.section.exhibitions li,
	.section.viewingrooms li,
	.section.artist li.exhibition,
	.exhibition-archive li.exhibition,
	.viewingroom-archive li.viewingroom,
	.viewingroom-archive li.exhibition,
	.exhibitions-wrapper,
	.viewingrooms-wrapper {
		padding-left: 0;
		padding-right: 0;
	}

	.close, .info a.close, .close:active, .close:visited,
	.viewingroom.lightbox nav .back-arrow,
	.viewingroom.lightbox nav .normal-dash {
		padding: 0.3em 0.45em;
	}

	li.exhibition, li.work, li.publicationedition, .search-results li {
		padding-top: 0.45em;
		padding-bottom: 0.45em;
	}

	.news-wrapper,
	.artist-wrapper #exhibitions,
	.artist-wrapper #moreexhibitions,
	.artist-wrapper #viewingrooms,
	.artist-wrapper #moreviewingrooms,
	.artfair-archive-wrapper {
		padding: 0!important;
	}

	.section.library>.library-slideshow {
		margin: 0;
	}

	.secondlevel nav {
		padding-left: 0;
	}

	li.publicationedition {
		padding-right: 0.2em;
		padding-left: 0.2em;
	}

	li.publicationedition.portrait {
		width: calc(50vw - 0.5em);	}

	li.publicationedition.landscape {
		width: calc(50vw - 0.5em);
	}

	.search form {
		box-sizing: border-box;
	}

	.search form input {
		width: 100%;
	}

	.secondlevel .section>h2, .secondlevel section[id],
	.section.artist #press {
		padding-top: 2.4em !important;
	}
	.secondlevel #cv {
		padding-top: 4.8em !important;
	}

	nav.secondary, 
	.secondlevel .section.exhibition-archive,
	.secondlevel .section.viewingroom-archive {
		padding-top: 1.8em;
	}

	.search-results li,
	.search-results li.exhibition,
	.section.artist li {
		padding-right: 0;
		padding-left: 0;
	}
	.search-results li {
		display: block;
	}

	.search-results li.landscape,
	.section.artist li.landscape,
	.search-results li.exhibition {
		width: auto;
	}

	.search-results li.portrait,
	.section.artist li.portrait {
		width: 70vw;
		margin: auto;
	}

	.cv-content,
	.section.artist #press {
		padding-right: 1.2em;
		padding-left: 1.2em;
		-webkit-column-count: 1;
		-webkit-column-gap: 0;
		-moz-column-count: 1;
		-moz-column-gap: 0;
		-o-column-count: 1;
		-o-column-gap: 0;
		-ms-column-count: 1;
		-ms-column-gap: 0;
		column-count: 1;
		column-gap: 0;
	}

	.lightbox .image-wrapper.full img {
		object-fit: contain;
	}

	.lightbox .image-wrapper.full.hasMobile img {
		object-fit: cover;
	}

	nav .expanded-bg-mobile {
		position: fixed; 
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
		background-color: none;
		height: 3.2em;
		-webkit-transition-duration: 300ms;
		-moz-transition-duration: 300ms;
		-o-transition-duration: 300ms;
		-ms-transition-duration: 300ms;
		transition-duration: 300ms;
	}

	body.current-page nav .expanded-bg-mobile {
		width: 70%;
	}

	body.current-page nav.expanded .expanded-bg-mobile {
		width: 100%;
	}

	.secondlevel nav .expanded-bg-mobile {
		height: 2.5em;
	}
	body:not(.secondlevel) nav.expanded .expanded-bg-mobile {
		height: 11.8em;
		background-color: none;
	}

	.secondlevel .section>h2.sticky-page-title {
		padding-top: 2.8em !important;
	}

	.library-slideshow {
		padding-top: 30px !important;
	}

	.library-slideshow .swipe {
	    height: 50vh;
	}
	.newsletter .firstname, .newsletter .lastname, .newsletter .email {
 	   padding: 12px;
	}

	html.hasHover nav ol:hover li.current .nav-emdash {
		opacity: 1 !important;
	}

	html.hasHover nav ol li:hover .nav-emdash {
		opacity: 0 !important;
	}

	.section.artist #cv, .section.artist #press {
    	padding-left: 0 !important;
    	padding-right: 0 !important;
   	}

   	.secondlevel .section.exhibition-archive nav,
   	.secondlevel .section.viewingroom-archive nav {
   		display: none;
   	}
   	.section:not(.current):not(.library) .image-wrapper:not(.hasMobile) + .meta {
   		position: static;
   	}
   	.section:not(.current):not(.library) .image-wrapper:not(.hasMobile) {
   	    -webkit-display: flex;
   	    -moz-display: flex;
   	    -o-display: flex;
   	    -ms-display: flex;
   	    display: flex;
    	-webkit-flex: 1;
    	-moz-flex: 1;
    	-o-flex: 1;
    	-ms-flex: 1;
    	flex: 1;
    	min-height: 0;
    	padding-top: 2.7em;
   		/*padding-bottom: 0.8em;*/
   		padding-bottom: 2.7em;
    }
   /* .publicationedition.lightbox .image-wrapper:not(.hasMobile) {
    	padding-bottom: 2.7em !important;
    }*/
    .lightbox .shorttext.full {
    	width: 100%;
    	box-sizing: border-box;
    }
    .lightbox .player .controls {
		bottom: 2.4em;
	}
	.lightbox li.exhibition button.play-main,
	.lightbox li.work button.play-main {
		margin-top: 0;
	}
	.lightbox .player button.play-main {
		margin-top: -30px;
	}
	.down-fade {
    	opacity: 1;
	}

	.swipe .meta.normal,
	.lightbox .meta.left.normal, 
	.swipe .meta.left.normal {
		padding-top: 0;
		padding-bottom: 0!important;
		width: 100%;
		margin-bottom: 1.6em;
	}

	.viewingroom-overview .page-title {
		margin-bottom: 1.3em;
	}

	.viewingroom-overview .description,
	.viewingroom-overview .extended {
		font-family: Rekord, Helvetica;
		font-size: 0.5em;
		line-height: 1.3em;
	}
	.viewingroom-overview .links a:after {
		content: '\A';
		white-space: pre;
	}

}

@media (max-width: 550px) {

	.section.info .info-section.col-1, 
	.section.info .info-section.col-2, 
	.section.info .info-section.col-3 {
		width: 100%;
	}

	.section.info .info-section {
		display: block;
		width: auto;
		float: none;
		padding: 0;
	}

	.info h2 p {
		padding-top: 1em;
	}

	.info .image-wrapper {
		padding: 0!important;
	}
}

@media (max-width: 700px) and (orientation: landscape) {
	.section:not(.current):not(.library) .image-wrapper:not(.hasMobile) {
		padding-top: 0.6em;
		padding-bottom: 0.6em;
	}
	.current .text-image-slide-wrapper {
		padding-bottom: 8em;
	}
	
	.current .read-more {
		bottom: 10em;
	}
}

@media (max-width: 700px) and (pointer: coarse) {
	.down-fade {
		opacity: 1 !important;
	}
}