/* Reset
------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
    background-color: #f6f6f6;
    font-family: 'Verlag A', 'Verlag B', 'Verlag', 'sans-serif';
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #545454;
    line-height: 1.2em;
    margin: auto;
}

ol, ul, li {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
    text-decoration: none;
    color: #545454;
}

html {
overflow-y: scroll;
}

.flex {
/*
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
*/
}

* {
    box-sizing: border-box;
}

/* Reset
------------------------------------------------------- */

header {
    background-color: #fff;
}

header li {
    font-family: 'Verlag Cond A', 'Verlag Cond B', 'Verlag Condensed', 'sans-serif';
		font-weight: 700;
		font-style: normal;
    text-transform: uppercase;
    padding: 8px 0px;
}

#collection-mob,
#collection,
#now_on_view,
#releases {
    float: left;
    margin-bottom: 40px;
}

#collection-info,
#upcoming, #selected {
    float: left;
}

#selected {
    padding-top: 24px;
    width: 100%;
    padding-bottom: 48px;
}

p {
    margin-bottom: 1em;
}

.venue {
    float: left;
    margin-top: 14px;
}

.clearfix:after {
  content:"";
  display:table;
  clear:both;
}

.container {
    max-width: 1376px;
    margin: auto;
}

.container.slideshow {
    display: none;
    position: relative;
    max-width: 1376px;
    margin: auto;

}

#slideshow {
    margin-top: 40px;
    height: 70vh;
    text-align: center;
}

#slideshow img {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

#left {
    position: absolute;
    top: 50%;
    left: 18px;
}

#right {
    position: absolute;
    top: 50%;
    right: 18px;
}

.close {
    display: block;
    float: right;
}


.logo-container {
    float: right;
    width: 34%;
    padding-right: 0px;
    padding-left: 30px;
}

.menu-container {
    width: 68%;
}

#collection {
/*
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
*/
}

#collection-mob, #exhibition-mob {
    width: 100%;
    overflow: hidden;
}

#collection-mob img,
#exhibition-mob img {
    width: 100%;
}


/* Typography
------------------------------------------------------- */
/*

@font-face {
  font-family: 'Verlag-Book';
  src: url('../fonts/Verlag-Book.otf')format('opentype');
}

@font-face {
  font-family: 'Verlag-Italic';
  src: url('../fonts/Verlag-BookItalic.otf')format('opentype');
}

@font-face {
  font-family: 'Verlag-Bold';
  src: url('../fonts/Verlag-Bold.otf')format('opentype');
}

@font-face {
  font-family: 'Verlag-Condensed-Bold';
  src: url('../fonts/Verlag-Condensed-Bold.otf')format('opentype');
}
*/


.title {
    float: left;
    font-family: 'Verlag A', 'Verlag B', 'Verlag', 'sans-serif';
    font-weight: 400;
    font-style: italic;
    margin-right: 0.3em;
}

em {
    font-family: 'Verlag A', 'Verlag B', 'Verlag', 'sans-serif';
    font-weight: 400;
    font-style: italic;
}

.artist {
    font-family: 'Verlag A', 'Verlag B', 'Verlag', 'sans-serif';
		font-weight: 700;
    font-style: normal;
    margin-bottom: 2px;
}

body {
    -moz-font-feature-settings:"lnum" 1;
    -moz-font-feature-settings:"lnum=1";
    -ms-font-feature-settings:"lnum" 1;
    -o-font-feature-settings:"lnum" 1;
    -webkit-font-feature-settings:"lnum" 1;
    font-feature-settings:"lnum" 1;
}

h1 {
    font-family: 'Verlag Cond A', 'Verlag Cond B', 'Verlag Condensed', 'sans-serif';
		font-weight: 700;
		font-style: normal;
    font-size: 1.4em;
    text-transform: uppercase;
    margin-bottom: 1.5em;
}

#video-container h1 {
    text-transform: capitalize;
    margin-bottom: 20px;
}

h2 {
    font-family: 'Verlag Cond A', 'Verlag Cond B', 'Verlag Condensed', 'sans-serif';
		font-weight: 700;
		font-style: normal;
    font-size: 28px;
    line-height: 1em;
}

h3 {
    text-transform: uppercase;
}

.country,
.press,
.duration {
    font-family: 'Verlag A', 'Verlag B', 'Verlag', 'sans-serif';
		font-weight: 700;
		font-style: normal;
}

.spacer {
    margin-top: 40px;
}

.pastCover {
    margin-bottom: 34px;
    width: 100%;

}

.pastItem {
    margin-bottom: 34px;
}


.press a {
    text-decoration: underline;
    margin-right: 12px;
}

.member {
    margin-top: 24px;
}

.legend {
    font-size: 0.9em;
    /* margin-top: 24px; */
		margin-top: 18px;
}

/* Mobile
------------------------------------------------------- */

.aligner {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}


/*
body {
    max-width: 320px;
}
*/

.info {
    float: left;
    margin-bottom: 8px;
}

#collection-mob, #exhibition-mob,
#collection,
#now_on_view,
#releases {
    width: 100%;

}

#collection-mob,
#collection,
#now_on_view,
#releases {

    padding-top: 40px;
}

.container {
    padding: 0px 32px;
    min-width: 320px;
}

#bg {
    position: fixed; top: 0; left: 0;
    z-index: -100;
    margin-top: 80px;
}

.bgwidth {
    width: 100%;
}

.bgheight {
    height: 100%;
}

.bg-container {
    overflow: hidden;
}

.covers,
#cover {
    margin: 0px 0px 28px 0px;
    width: 100%;
}


#now_on_view.visit {
    margin-bottom: 0px;
}


#dropdown3,
#dropdown2,
#dropdown {
    position: relative;
    padding: 14px 32px;
    height: 210px;
		/* height: 245px; /* publications */
}

.arrow-left {
    position: absolute;
    bottom: 34px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #545454;
}

.back {
    position: absolute;
    bottom: 30px;
    left: 44px;
}

.row {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    margin-top: 0   px;
}

.covers,
.pastCover img,
#cover img,
.row img {
    width: 100%;
}

.pastCover img {
	width: auto;
	max-width: 100%;
	object-fit: contain;
	height: auto;
}

.expander {
    float: right;
    text-transform:uppercase;
    font-size: 0.85em;
}

.expander2 {
    text-transform:uppercase;
    font-size: 0.85em;
}

.bio {
    display: none;
}

.download-icon {
    position: absolute;
    right: 0;
    bottom: 26px;
}

.info {
    float: right;
    width: 30%;
}

.press .info {
    float: left;
    width: 100%;
}

.pressTitle {

}

.pressCombo {
    float: left;
    width: 60%;
}

.country,
.duration {
    padding-bottom: 4px;
    margin-bottom: 6px;
    border-bottom: black 1px solid;
}

#mobile-menu-icon {
    margin-top: 30px;
    float: left;
}


#collection-desktop {
    display: none;
}

.navigation-mobile {
    height: 80px;
    min-width: 320px;
    padding: 0 32px;
		position: relative;
}

#dropdown3,
#dropdown2,
.dropdown {
   padding: 0 132px;
}

.navigation-desktop {
    height: 80px;
    padding: 0 48px;
    transition: height 0.6s ;
    overflow: hidden;
}

.nav-container {
    width: 100%;
    max-width: 1280px;
    padding: 0px;
    margin: auto;
}

.nav-container.slideshow {
    display: none;
}

.nav-container.nav-container-mobile {
	position: absolute;
	min-height: 80px;
	/* width: calc(100% + 2 * 48px); */

	padding: 0 48px 1em;
	/* margin: 0 -48px; */
	/* background: gold; */
	background: #fff;

	top: 0;
	left: 0;
	right: 0;
	/* bottom: 0; */

}

.nav-container-mobile .menu-container {
	float: none;
	width: calc(100% - 40px);
}

.nav-container-mobile .legend {
	margin-top: 27px;
}

.nav-container-mobile a.close {
	margin-top: 0;
	position: absolute;
	top: 14px;
	right: 48px;
}



@media screen and (max-width: 768px) {
	.legend {
		font-size: .75em;
	}

	#left {
		left: 18px;
	}

	#right {
		right: 18px;
	}

}


@media screen and (max-width: 400px) {
	/* .legend {
		font-size: .75em;
	} */

	.slideshow.container {
		padding: 0px 41px;
	}

	.nav-container.nav-container-mobile {
		padding: 0 28px 1em;
	}

	.nav-container-mobile .legend {
		margin-top: 21px;
	}

	.nav-container-mobile a.close {
		margin-top: 0;
		position: absolute;
		top: 6px;
		right: 28px;
	}

	#left {
		left: 14px;
	}

	#right {
		right: 14px;
	}


}


#dropdown3,
#dropdown2,
#dropdown {
    padding: 14px 32px;
    display: none;
}

.logo-mark {
    float: right;
    margin-top: 18px;
}

.close {
    float: right;
    margin-top: 18px;
}

.navigation-desktop {
    display: none;
}

.exhCombo {
    float: left;
    width: 63%;   /*sherlockth*/
}

.press .exhCombo {
    float: left;
    width: 100%;
    margin-bottom: 24px;
}

.press .duration {
    float: left;
    width: 50%;
    border: none;
}

.press .press {
    float: right;
    width: 40%;
}


.press .country {
    display: none;
}

.press .pastItem {
    margin-bottom: 12px;
}

.press .pastCover {
    margin-bottom: 18px;
}

.pressItem {
    padding: 24px 0px;
    border-bottom: black solid 1px;
    position: relative;
}

.pressItem:nth-child(2) {
    padding-top: 0px;
}


#collection-desktop {
    display: none;
}

#slideshow-mob {
}

#slideshow-mob > div {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.text {
    display: inline-block;
    margin-top: 28px;
}

#video {
    float: left;
    margin-top: 18px;
    width: 100%;
}

#video-controls {
    position: absolute;
    z-index: 999;
    padding: 24px;
    margin-top: 18px;
}

#video-container {
    margin-top: 56px;
}

video {
    width: 100%;
}

#controls {
    float: left;
    width: 100%;
    z-index: 999999;
}

#mute {
    float: right;
}

#play-container {
    height: 98%;
}

#play-pause {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
}

#full-screen {
    float: right;
    margin-left: 24px;
}

input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent; /* Hides the slider so custom styles can be added */
  border-color: transparent;
  color: transparent;
}

/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 8px;
  width: 24px;
  border-radius: 0px;
  background: #808284;
  cursor: pointer;
  margin-top: 0px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
  height: 8px;
  width: 24px;
  border-radius: 0px;
  background: #808284;
  cursor: pointer;
    margin-top: 0px;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
  height: 8px;
  width: 24px;
  border-radius: 0px;
  background: #808284;
  cursor: pointer;
        margin-top: 0px;
}

/*styling the track*/

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: #fff;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #fff;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
    background: #fff;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}


.talk {
    width: 100%;
    margin-top: 32px;

}

/* iPad vertical
------------------------------------------------------- */

@media screen and (min-width: 768px) {

.talk {
    width: 50%;
}


#masonry {
    margin-bottom: 48px;
}


.press .duration {
    float: left;
    width: 100%;
    border-bottom: 1px black solid;
}

.press .press {
    float: right;
    width: 100%;
}

.press .country {
    display: block;
}

h2 {
    font-size: 34px;
}

.past-cnt h2,
.press-cnt .masonry h2 {
	font-size: 27px;
}


.text {
    display: inline-block;
    margin-top: 0px;
}

.container {
    padding: 0px 48px;
    min-width: 320px;
}

#contact-info h1,
#collection-info h1 {
    float: left;
    width: 34%;
}

#contact-info > .row,
#collection-info > .row {
    margin-top: 0px;
    float: left;
    width: 66%;
}

.navigation-mobile {
    padding: 0 48px;
}

#dropdown3,
#dropdown2,
#dropdown {
    padding: 14px 48px;
}

#dropdown3
#dropdown2 {
    display: none;
}

.exhCombo {
    float: left;
    width: 24%;
    /*margin-right: 32px;  sherlockth*/
}

.info {
    float:left;
    width: 16%;
}

.text {
    float: right;
    width: 50%;
}


.row {
    float: none;
}

#collection-mobile, #exhibition-mob  {
    display: none;
}

#collection-desktop {
    display: block;
}

.collThumb {
    box-sizing: border-box;
    margin-right: 1.93%;
    padding-bottom: 12px;
    float: left;
    /* width: 31.4%; */
		width: 23%;
}


.collThumb img {

    width: 100%;
}

.collThumb:nth-child(4n) {
    padding-right: 0px;
}

.col {
    box-sizing: content-box;
    width: 47%;
    padding-right: 3%;
}

.col:nth-child(3n) {
    padding-right: 0px;
    float: right;
}

#masonry .exhCombo {
    width: 58%;
    min-height: 154px;
}

#masonry .info {
    width: 30%;
    height: 140px;
}

.press .col {
    float: left;
    box-sizing: content-box;
    width: 100%;
}

 #releases {
    width: 47%;
    padding-top: 40px;
}

#selected {
    float: right;
    width: 47%;
    padding-top: 40px;
}

.back {
    left: 60px;
}

}

/* iPad horizontal
------------------------------------------------------- */

@media screen and (min-width: 1024px) {

.pastCover img {
    height: 225px;
}

.talk {
    width: 50%;
        margin-top: 32px;
}

.navigation-mobile {
    display: none;
}

#upcoming .text, #selected .text {
    width: 100%;
}

.expanded {
    /* height: 154px; */
		height: 189px;

}

#collection-info > .row {
    margin-top: 0px;
    float: right;
    width: 100%;
}

#upcoming, #selected {
    background-color: #ededed;
}

#releases {
    background-color: transparent;
    width: 66.66%;
}

#selected {
    background-color: transparent;
    width: 33.33%;
}

.a {
    float: left;
    width: 32%;
}

.solo #upcoming {
    margin-top: 50px;
    background-color: transparent;
}

#upcoming, #selected {
    background-color: #ededed;
}



#contact-cover {
    float: left;
    width: 60%;

}

#collection,
#releases,
#now_on_view {
    width: 66%;
    padding-right: 18px;
    padding-top: 40px;
    margin-bottom: 0px;
}

#collection-info,
#upcoming, #selected {
    float: right;
    width: 33.33%;
    padding: 40px 30px 80px 30px;
    height: 100%;
}


#contact-info {
    float: left;
    width: 34%;
    padding: 40px 30px 0px 30px;
    margin-top: 52px;
}

.exhCombo {
    float: left;
    width: 90%;
    margin-bottom: 24px;
}

#collection-info .exhCombo,
#upcoming .exhCombo, #selected .exhCombo {
    float: left;
    width: 63%; /*sherlockth*/
    margin-bottom: 28px;
}

#collection-info .info,
#upcoming .info, #selected .info {
    width: 32%;
    -webkit-order: 2;
    order: 2;
}

#upcoming .info { /*sherlockth*/
    width: 30%;
}

.text {
    float: left;
    width: 80%;
    -webkit-order: 2;
    order: 2;
}

.info {
    -webkit-order: 3;
    order: 3;
}

.navigation-mobile {
    display:none;
}

.navigation-desktop {
    display:block;
}

header li {
    float: left;
    margin-right: 48px;
    font-family: 'Verlag Cond A', 'Verlag Cond B', 'Verlag Condensed', 'serif';
		font-weight: 700;
		font-style: normal;
    text-transform: uppercase;
    padding: 8px 0px;
    margin-top: 24px;
}

.logo-mark {
    float: none;
}

.logo-type {
    float: right;
    margin-top: 12px;
    margin-right: 30px;
}

.col {
    box-sizing: content-box;
    width: 30.23%;
    padding-right: 3%;
}

.col:nth-child(3n) {
    padding-right: 0px;
    float: right;
}

.press .col {
    float: left;
    box-sizing: content-box;
    width: 46.33%;
    padding-right: 3%;
}

#contact-info h1,
#collection-info h1 {
    float: none;
    width: auto;
}

#contact-info > .row,
#collection-info > .row {
    margin-top: 0px;
    float: left;
    width: 100%;
}


.info {
    float: left;
    width: 44%;
}

.prev {
    position: absolute;
    top: 50%;
    left: 10%;
}

.next {
    position: absolute;
    top: 50%;
    right: 10%;
}

}

/* Desktop
------------------------------------------------------- */

@media screen and (min-width: 1280px) {

.talk {
    width: 50%;
}


.container {
    padding: 0px 48px;
}

.containerfix {
    min-height: 100vh;
}


.exhCombo {
    float: left;
    width: 24%;
}

.info {
    float: right;
    width: 30%;
}


.text {
    float: right;
    width: 46%;
}

.info {
    -webkit-order: 2;
    order: 2;
}



.row {
    float: none;
}

.exhCombo {
    /*margin-right: 28px; sherlockth*/
    float: left;
    width: 60%;
}

.a {
    float: left;
    width: 50%;
}

}

/* icons */

.fb {
	display: inline-block;
	margin-top: 15px;
}

.fb::before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 6px;
	margin-bottom: -1px;
	background-image: url(../images/fb-icon.png);
	background-repeat: no-repeat;
	background-size: 14px 14px;
}


/** extra rules **/

.under {
	text-decoration: underline;
}


/** sherlockth **/

.friends {
	margin-top: 22px !important;
}

.friends h2 {
	text-transform: uppercase;
	display: inline-block;
	font-size: 1.4em;
	margin-bottom: .2em;
}

.view-friends {
	float: right;
	color: #545454;
	font-size: .85em !important;
	margin-top: 5px !important;

	border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  cursor: pointer;
}

.view-friends:focus {
	outline: 0;
}

.view-friends::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.friends-cnt {
	max-height: 0;
	will-change: max-height;
	transition: max-height .3s ease-out;
	overflow: hidden;
}

.friends.expanded .friends-cnt {
	max-height: 410px;
}



#now_on_view .flex:before,
#now_on_view .flex:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

#now_on_view .flex:after {
    clear: both;
}

#now_on_view .row + .row {
	margin-top: 110px;
}

#now_on_view.no-upcoming {
	width: 100%;
}

#upcoming.no-upcoming {
	display: none;
}



/* exhibition virtual tour */

.virtual-tour {
	font-family: 'Verlag Cond A', 'Verlag Cond B', 'Verlag Condensed', 'sans-serif';
	margin-top: 2.4rem;
	margin-bottom: 4.2rem;
}

.virtual-tour-title {
	margin-bottom: 1em;
	margin-top: 1em;
	font-size: 22px;
	font-weight: bold;
}

.virtual-tour > .cnt {
	position: relative;
}

.cover-cnt {
	position: absolute;
	top: 0;
	left: 0;
	right: -1px;
	bottom: 0;
	background: #f6f6f6;

}

.cover-cnt img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

@media screen and (max-width: 1023px) {
	.virtual-tour {
		margin-top: 3.15rem;
		margin-bottom: 4.2rem;
	}

	.virtual-tour-title {
		margin-bottom: 1.2em;
		font-size: 22px;
		font-weight: bold;
	}


	@media screen and (max-width: 767px) {
		.virtual-tour {
			margin-top: 3.8rem;
			margin-bottom: -.25rem;
		}

		.virtual-tour-title {
			margin-bottom: .9em;
			font-size: 22px;
			font-weight: bold;
		}
	}
}


/* end exhibition virtual tour */


.audio-lnk {
	margin-top: -6px;
	font-family: 'Verlag Cond A', 'Verlag Cond B', 'Verlag Condensed', 'sans-serif';
	font-weight:bold;
	font-size: 22px;
}





/* publications */

.pubs {
	padding-top: 40px;
}

.pubs .description {
	max-width: 610px;
	margin-bottom: 54px;
}

.pubs-cnt {
	display: flex;
	flex-wrap: wrap;
}

.pubs .pub-lnk {
	display: block;
	/* width: 31.33%;
	margin-right: 3%; */
	width: 29.6%;
	margin-right: 5.6%;
}

.pubs .pub-lnk:nth-child(3n) {
	margin-right: 0;
}



.pubs-cnt img  {
	width: 100%;
	height: auto;
}

.pubs-cnt .title {
	margin: .55em 0 3.4em;
	font-family: 'Verlag Cond A', 'Verlag Cond B', 'Verlag Condensed', 'sans-serif';
	font-weight:bold;
	font-size: 27px;
	float: none;
	font-style: normal;
}



/** 30.23%; 3%*/

/* end publications */



/** publication **/

.pub-cnt {

}

.pub .more-info {
	display: inline-block;
	margin-top: 1.4rem;
	text-decoration: underline;
}

.pub #cover {
	/* width: 80%; */
}


@media screen and (max-width: 768px) {
	.pubs {

	}

	.pubs .pub-lnk {
		display: block;
		/* width: 30.66%; */
		/* flex: 0 0 30.66%; */
		width: 28%;
		margin-right: 8%;
	}

	.pubs-cnt .title {
		/* margin: .55em 0 3.4em; */
		font-size: 20px;
	}

}


@media screen and (max-width: 400px) {
	.pubs .pub-lnk {
		display: block;
		/* width: 30.66%; */
		/* flex: 0 0 30.66%; */
		width: 43%;
		margin-right: 14%;
	}

	.pubs .pub-lnk:nth-child(3n) {
		margin-right: 14%;
	}

	.pubs .pub-lnk:nth-child(2n) {
		margin-right: 0;
	}

	.pubs-cnt .title {
		/* margin: .55em 0 3.4em; */
		font-size: 22px;
		margin-bottom: 2.2em;
	}


	.pub .more-info {
		display: inline-block;
		margin-top: .15rem;
		text-decoration: underline;
	}
}



/** end publication **/



/** audio collection **/

.audio-section {
  padding-top: 38px;
}

.audio {
  float: left;
  width: calc(49% - 132px);
  /* padding-right: 132px; */
  margin-bottom: 65px;
  margin-right: 132px;
  opacity: 0;
  pointer-events: none;
}

.audio:nth-child(2n) {
  margin-left: 2%;
}

.video-cnt {
  position: relative;
}

.audio h2 {
  font-size: 27px;
}

.audio.video-ready {
  opacity: 1;
  pointer-events: auto;
}

.video-cnt .thumb-cnt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* transition: all .2s .2s linear; */
  opacity: 1;
  pointer-events: auto;
}

.video-cnt .vimeo-cnt {
  opacity: 0;
}

.video-cnt:hover .thumb-cnt {
  opacity: 0;
  pointer-events: none;
}

.video-cnt:hover .vimeo-cnt {
  opacity: 1;
}

.audio .video-cnt.interacted .thumb-cnt {
  opacity: 0;
  pointer-events: none;
}

.audio .video-cnt.interacted .vimeo-cnt {
  opacity: 1;
}

.audio-cnt {
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}


.video-cnt .thumb-cnt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.audio .left {
  float: left;
  /* width: 56%; */
  width: calc(100% - 35px - 120px);
  /* margin-right: 4%; */
  margin-right: 35px;
}

.audio .right {
  float: left;
  /* width: 15%; */
  width: 120px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3em;
}

.audio .details {
  margin-top: 34px;
}

.audio .description {
  margin-top: 22px;
}

.audio .date {
  padding-bottom: 7px;
  border-bottom: 1px solid #4a4a4a;
}

.audio .country {
  padding-top: 5px;
  border-bottom: none;
  margin-bottom: unset;
  padding-bottom: unset;
}

.audio a {
  text-decoration: underline;
}




@media screen and (max-width: 900px) {
  h1 {
    font-size: 16px;
    margin-bottom: 1em;
  }

  h2 {
    font-size: 20px;
  }

  .audio-section {
    padding-top: 46px;
  }

  .audio {
    font-size: 12px;
    width: 47%;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 37px;
  }

  .audio:nth-child(2n) {
    margin-left: 6%;
  }

  .video-cnt:hover .thumb-cnt {
    opacity: 1;
    pointer-events: auto;
  }

  .audio .left {
    width: 58%;
    margin-right: 10%;
  }

  .audio .right {
    width: 32%;
    font-size: 13px;
  }
}


@media screen and (max-width: 600px) {
  h1 {
    font-size: 23px;
    margin-bottom: 1.6em;
  }

  h2 {
    font-size: 23px;
  }

  .audio-section {
    padding-top: 40px;
  }

  .audio {
    width: 100%;
    margin-bottom: 21px;
    font-size: 14px;
  }

  .audio:nth-child(2n) {
    margin-left: unset;
  }

  .audio .details {
    position: relative;
    margin-top: 18px;
  }

  .audio .left {
    width: 100%;
  }

  .audio .right {
    position: absolute;
    width: 95px;
    top: 0;
    right: 0;
  }

  .audio .description {
    margin-top: 52px;
  }
}

/** end audio collection **/



/** audio single **/

.audio-single {

}

.float-left {
	float: left;
}

.back-to-audio {
	display: inline-block;
	margin-top: 3rem;
	text-transform: uppercase;
	text-decoration: underline;
}

.audio-single .country {
	border-bottom: none;
	margin-bottom: 2rem;
}

.audio-single .video-cnt.interacted .thumb-cnt {
  opacity: 0;
  pointer-events: none;
}

.audio-single .video-cnt.interacted .vimeo-cnt {
  opacity: 1;
}

/* .audio-single #upcoming .text {
	margin-top: 2rem;
} */
@media screen and (max-width: 768px) {
	.audio-single #upcoming {
		height: auto !important;
	}



}


@media screen and (max-width: 400px) {
	.audio-single .country {
		border-bottom: none;
		margin-bottom: 0;
	}



}
/** end audio single **/




/** new visit page **/

.visit-cnt #now_on_view {
	padding-right: 34px;
}

.visit-cnt #contact-info {
	margin-top: 0;
	min-height: calc(100vh - 80px);
	background: #eaeaea;
}

.visit-cnt #map {
	width: 100%;
	height: 32.25vw;
	max-height: 461px;
}

.fb-lnk {
	display: inline-block;
	margin: .5rem 0 1rem;
	text-decoration: underline;
}

.fb-lnk svg {
	display: inline-block;
	margin-right: 5px;
}

.directions {
	display: flex;
}

.directions > div {
	width: 33%;
	padding: 0 20px;
}

.directions > div:first-child {
	padding-left: 0;
}

.directions > div + div {
	border-left: 1px solid #545454;
}

.directions h3 {
	font-family: 'Verlag Cond A', 'Verlag Cond B', 'Verlag Condensed', 'sans-serif';
	font-weight: 700;
	font-size: 23px;
	text-transform: none;
	margin-bottom: .4em;
}


@media screen and (max-width: 768px) {
	.visit-cnt #now_on_view {
		padding-right: 0;
	}

	.visit-cnt #contact-info {
		background: none;
	}
}



@media screen and (max-width: 400px) {
	.visit-cnt #map {
		width: 100%;
		height: 50vw;
		max-height: 461px;
	}

	.directions {
		display: block;
	}

	.directions > div {
		width: auto;
		padding: 20px 0;
	}

	.directions > div:first-child {
		padding-top: 0;
	}

	.directions > div + div {
		border-left: none;
		border-top: 1px solid #545454;
	}

	.directions p:last-of-type {
		margin-bottom: 0;
	}
}

/** end new visit page **/




/** end sherlockth **/



/* Reset
------------------------------------------------------- */

.duration p {
    margin: 0px;
}


#collection-info {
    background-color: transparent;
}

footer {
    height: 80px;
}

.footerFix footer {
    display: none;
}


.pastItem .exhCombo a {
    text-decoration: none;
}

.exhCombo a {
    float: left;
}

.map {
    border-bottom: 1px #545454 solid;
}

#button-previous {
    margin-right: 24px;
}

.mobileCaptions {
    display: none;
    width: 100%;
    float: left;
}

.mobileCaptions .close {
    float: right;
    margin: 24px;
}

.mobileCaptions .legend {
    margin-top: 24px;
}



/** public program (list/collection) **/

/* .audio-section {
  padding-top: 38px;
} */

.pubprog-lnk {
  float: left;
  width: calc(49% - 39px);
  /* padding-right: 132px; */
  margin-bottom: 65px;
  /* margin-right: 39px; */
  /* opacity: 0; */
  /* pointer-events: none; */

	width: 30.23%;
  padding-right: 3%;
}

.pubprog-lnk:nth-child(3n + 3) {
  /* margin-left: 2%; */
	/* padding-right: 0; */
}

.video-cnt {
  position: relative;
}

.pubprog-lnk h2 {
  font-size: 27px;
}

.pubprog-lnk .gec-title {
	margin-top: 11px;
	text-decoration: underline;
	font-size: 16px;
}

/* .audio.video-ready {
  opacity: 1;
  pointer-events: auto;
}

.video-cnt .thumb-cnt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  pointer-events: auto;
}

.video-cnt .vimeo-cnt {
  opacity: 0;
}

.video-cnt:hover .thumb-cnt {
  opacity: 0;
  pointer-events: none;
}

.video-cnt:hover .vimeo-cnt {
  opacity: 1;
}

.audio .video-cnt.interacted .thumb-cnt {
  opacity: 0;
  pointer-events: none;
}

.audio .video-cnt.interacted .vimeo-cnt {
  opacity: 1;
} */

.audio-cnt {
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}


/* .video-cnt .thumb-cnt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
} */



.pubprog-lnk .left {
  float: left;
  /* width: 56%; */
  width: calc(100% - 35px - 127px);
  /* margin-right: 4%; */
  margin-right: 35px;
	/* background: gold; */
}

.pubprog-lnk .right {
  float: left;
  /* width: 15%; */
  width: 127px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3em;
	/* background: pink; */
}

.pubprog-lnk .details {
  margin-top: 34px;
}

.pubprog-lnk .description {
  margin-top: 22px;
}

.pubprog-lnk .date {
  padding-bottom: 7px;
  border-bottom: 1px solid #4a4a4a;
	font-size: 19px;
}

.pubprog-lnk .country {
  padding-top: 5px;
  border-bottom: none;
  margin-bottom: unset;
  padding-bottom: unset;
}

.pubprog-lnk a {
  /* text-decoration: underline; */
}




@media screen and (max-width: 900px) {
  h1 {
    font-size: 16px;
    margin-bottom: 1em;
  }

  h2 {
    font-size: 20px;
  }

  .audio-section {
    padding-top: 46px;
  }

  .pubprog-lnk {
    font-size: 12px;
    width: 47%;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 37px;
  }

  .pubprog-lnk:nth-child(2n) {
    margin-left: 6%;
  }

  /* .video-cnt:hover .thumb-cnt {
    opacity: 1;
    pointer-events: auto;
  } */

  .pubprog-lnk .left {
    width: 58%;
    margin-right: 10%;
  }

  .pubprog-lnk .right {
    width: 32%;
    font-size: 13px;
  }
}


@media screen and (max-width: 600px) {
  .pubprog-lnk h1 {
    font-size: 23px;
    margin-bottom: 1.6em;
  }

  .pubprog-lnk h2 {
    font-size: 23px;
  }

  .audio-section {
    padding-top: 40px;
  }

  .pubprog-lnk {
    width: 100%;
    margin-bottom: 21px;
    font-size: 14px;
  }

  .pubprog-lnk:nth-child(2n) {
    margin-left: unset;
  }

	.pubprog-lnk .gec-title {
		font-size: 12px;
	}

  .pubprog-lnk .details {
    position: relative;
    margin-top: 18px;
  }

	.pubprog-lnk .date {
		font-size: 12px;
	}

	.pubprog-lnk .country {
		font-size: 12px;
	}

  .pubprog-lnk .left {
    width: 100%;
  }

  .pubprog-lnk .right {
    position: absolute;
    width: 95px;
    top: 0;
    right: 0;
  }

  .pubprog-lnk .description {
    margin-top: 22px;
		margin-bottom: 24px;
  }
}

/** end audio collection **/


/** end public program (list/collection) **/



/** public program (single) **/

.public-program-single {

}

.public-program-single .rsvp a {
	text-decoration: underline;
	font-weight: 700;
	color: #4a4a4a;
}

.public-program-single .gec-title {
	text-decoration: underline;
}

.public-program-single .country {
	border-bottom: none;
}

.public-program-single #upcoming .exhCombo {
	margin-bottom: 47px;
}


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

	.public-program-single h2 {
		font-size: 23px;
	}

	.public-program-single .gec-title {
		font-size: 12px;
		margin-top: 4px;
	}

	.public-program-single .info {
		font-size: 12px;
	}

	.public-program-single #upcoming .exhCombo {
		margin-bottom: 0;
	}

	.public-program-single .text {
		margin-top: 0;
	}
}

/** end public progra (single) **/