/* -----  RESET  ---------------------------------------- */

*, *::before, *::after {

  padding: 0;
  border: none;
  box-sizing: border-box;
}

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

ul {
  margin: 0;
}

body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {

}

article > * + * {
  margin-top: 1em;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

.bold {
	font-weight: bold;
}

body {
  min-height: 100vh;
  margin: 0;
  padding: 0;
  text-rendering: optimizeSpeed;
	  -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
}

img, img.lazy {
  max-width: 100%;
  display: block;
}


input,
button,
textarea,
select {
  font: inherit;
}

button, .button {
	display: inline-block;
	font-size: .8em;
	border: 1px solid #000;
	padding: 2px 10px;
	text-transform: uppercase;
	margin: .8rem .3rem;
	z-index: 680;
	background-color: #fff;
	color: #000;
	font-weight: 600;
	cursor: pointer;
	}

button.big {
	display: inline-block;
	font-size: .8em;
	border: 1px solid #000;
	padding: 10px 25px;
	text-transform: uppercase;
	margin: 1.3rem .3rem 0;
	z-index: 680;
	background-color: #fff;
	color: #000;
	font-weight: 600;
	cursor: pointer;
}

button.big.sold {
	border: 1px solid #aaa;
	color: #aaa;
	cursor: auto;
}

buttonsold {
	display: inline-block;
	font-size: .8em;
	border: 1px solid #aaa;
	padding: 2px 10px;
	text-transform: uppercase;
	margin: .8rem .3rem;
	z-index: 680;
	background-color: #fff;
	color: #aaa;
	font-weight: 600;
	}

.flickity-button {
	 border: 0px solid #000;
}



.lg-sub-html button {
	margin: .6rem 0;
}

button.btn {
  color: #000;
  font-weight: 400;
  border: 0px solid;
  margin: .6em auto;
  padding: .5rem .3rem;
  white-space: nowrap;
  font-size: .95em;
  line-height: 1;
  cursor: pointer;
  text-align: center;
  text-transform:capitalize;
  background-color: rgba(255,  255,  255, 0);
}

button2 {
	font-size: .8em;
	border: 1px solid #000;
	padding: 3px 5px;
	text-transform: uppercase;
	margin-top: .6em;
	z-index: 1000;
	cursor: pointer;
	background-color: #fff;
	color: #000;
	font-weight: 500;
}

.publ.buttonspacer {
	display: inline-block;
	font-size: .8em;
	padding: 2px 7px;
	text-transform: uppercase;
	margin: .2em .3em .3em;
	z-index: 680;
	cursor: pointer;
	background-color: #fff;
	color: #fff;
}

.dropmenu {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  z-index: 600
}

.dropcontent {
  display: none;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.95);
  width: auto;
  padding: 10px;
  z-index: 100;	
  left: 0;
  right: 0;
	text-align: center
}

.dropcontent button {
	display: inline-block;
	padding: 0 .9rem
}

.dropmenu:hover .dropcontent {display: block;}



.st0{
	fill: #fff;
}



/* -----  TYPO  ------------------------------------------- */

h1, h2, h3, h4, h5, h6,
p, figure, pre {
  /* Reset font-sizes and normalize margins */
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 1.1em;
}

/* Headings */
h1, h2 {
  text-transform: uppercase;
}

h1 {
  font-weight: 500;
  font-size: 1.3em;
  line-height: 1.3em;
  margin-bottom: 1.4em
}

h2 {
  font-weight: 500;
  font-size: 1.1em;
  line-height: 1.15em;
  margin-top: 2.2em;
  margin-bottom: .9em
}

h3 {
   font-weight: 500;
  font-size: 1.1em;
  line-height: 1.2;
  margin-bottom: .9em
}

h4 {
  font-size: 1em;
}

b, strong {
  font-weight: 700;
}

.med {
	font-weight: 500;
}

.menu-item .fas {
	font-size: .7em;
}
.fas.fa-external-link-alt {
	font-size: .9em;
}

.text {
	text-align: left;
	margin: 0 auto;
	width: 75%
}

.text.center {
	text-align: center;
}

.text.center.home {
	margin-top: 0rem;
	font-size: 16px;
}

.text.center img {
	height: 2.5rem;
	margin: 0 1rem;
	width: auto;
}
.text.center figure {
display: inline-block;
}

/* -----  SITE  ------------------------------------------- */


body {
  background: #fff;
  color: #000;
  font: normal 400 1.15em/1.5em 'HK Grotesk';
  letter-spacing: 0em;
}


.wrap {
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 2rem;

}

main {	
  margin: 0 auto;
  padding: 8em 0 8em;
  text-align: center;
  width: 75vw;
  max-width: 1600px;	
}

main p a{
  border-bottom: 1px solid;
}

/* ----- HEADER  ------------------------------------------------------- */

header {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 700;
  left: 0;
  right: 0;
  max-width: 100%;
  width: 100vw;
  padding: 1.4em 1.7em .3em;
  top: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header-center {
	padding-bottom: 0
}

header.trans,
header.trans.white .submenu-item,
header.trans.black .submenu-item {
	background-color: rgba(255, 255, 255, 0);
}

header.trans.white {
	color: #fff;
}

header.trans.white.fade {
	color: #000;
}

header.trans.white #ig {
	fill: white;
}

header.trans.white.fade #ig {
	fill: black;
}

header.trans.fade,  
header.trans.fade .submenu-item {
	background-color: rgba(255, 255, 255, 0.95);
}

.artsy img {
	height: 19px;
	display: inline-block;
	vertical-align: middle;
	max-width: none;
}

.artl img {
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	max-width: none;
}

header.trans.white .nonmobile.artsy .a-white,
header.trans.white.fade .nonmobile.artsy .a-black,
header.trans.white .nonmobile.artl .a-white,
header.trans.white.fade .nonmobile.artl .ablack {
	display: block
}

.artsy .a-white, .artl .a-white,
header.trans.white .nonmobile.artsy .a-black,
header.trans.black .nonmobile.artsy .a-white,
header.trans.white.fade .nonmobile.artsy .a-white,
header.trans.white .nonmobile.artl .a-black,
header.trans.black .nonmobile.artl .a-white,
header.trans.white.fade .nonmobile.artl .a-white {
	display: none
}

.logo {
	letter-spacing: .03em;
	font-size: 2.55rem;
	padding-bottom: 1.2rem;
	white-space: nowrap;
	text-align: left;
	font-weight: 700
}

.logo.projects {
	font-size: 2.65rem;
	padding-bottom: 0rem;

}

.logo a {
  border-bottom: 0;
}

.logosub {
	font-weight: 400;
	font-size: .6em;
	letter-spacing: .075em;
}

.logosub68 {
	font-weight: 700;
	font-size: .42em;
	letter-spacing: .01em;
	padding-top: .6em;
	float: right;
}

.header-left, .header-right {
 width: auto
}

.header-right {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: right;
	text-align: right;
	font-size: .96em;
	font-weight: 500;
	padding-bottom: 1.2rem;
}

.fab.fa-facebook-f {
	font-size: .95em;

}

.fas.fa-phone-alt {
	font-size: .85em;
}

.ig {
	width: 20px;
	margin-right: 10px;
}

.menu {
	display: inline;
	position: relative;
	font-size: .95em;
	font-weight: 500;
	letter-spacing: .01em;
	vertical-align: baseline; 
	z-index: 200;
}

.menu-item {
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  margin: 0 .75em 1.2rem .75em;
}

.menu-item:hover, header.trans.white.fade .menu-item:hover{
  box-shadow: inset 0 -1px 0 0 black;
}

header.trans.white .menu-item:hover{
  box-shadow: inset 0 -1px 0 0 white;
}

.social-item {
  display: inline-block;
  position: relative;
  margin: 0 .5em 0 .5em;

}

.social-item i {
	  vertical-align:text-bottom;
}

.menu-item.partner {
font-weight: 700;
  text-transform: none;
}

.social-item.mobile {
	display: none;
}

.menu-item a {
  border-bottom: 0;
}

.menu-item.is-active > a, h2 a, .menu-item.is-active a .submenu-item.is-active a  {
  border-bottom: 1px solid;
  padding-bottom: 0.1em;
}

.submenu {
  position: absolute;
	display: none;
	z-index: 100;
	padding-top: 1.2rem;
	left: -.5em;
	-webkit-transition: opacity 50ms, visibility 50ms;
	transition: opacity 50ms, visibility 50ms;
}

.submenu-item  {
	padding: .3em .5em .8em;
	background-color: rgba(255, 255, 255, 0.95)
}


.submenu-item a:hover, header.trans.white.fade .submenu-item:hover a{
	box-shadow: inset 0 -1px 0 0 black;
}

header.trans.white .submenu-item:hover a{
  box-shadow: inset 0 -1px 0 0 white;
}

.submenu a {
  white-space: nowrap;
}

.menu-block > li:hover .submenu.nav-submenu {
	display: block;
	animation: fade 1s;
}

#menuToggle input {
	display: none;
}





/* ----- Grid  ------------------------------------------------------- */


.grid {
	margin: 0 -3% 4rem;
	display: flex;
	flex-flow: row wrap;
	justify-content: center ;
}


.grid-item-5 {   
	width: 20%;
	padding: 1.5%;
}

.grid-item-4 {   
	width: 25%;
	padding: 1.5%;
}

.grid-item-3 {   
	width: 33.33%;
	padding: 2%;
}

.grid-item-33 {   
	width: 66.66%;
	padding: 2%;
}

.grid-item-2 {   
	width: 50%;
	padding: 2%;
}

.works-grid {
	margin: 0 -1vw 6rem;
	display: flex;
	flex-flow: row wrap;
	justify-content: center ;
}

.works-grid-item {   
	position: relative;
	width: auto;
	margin: 1vw;
	height: 16vw;
}

.works-grid-item img {
	height: 100%;
	width: auto;
	object-fit: cover;
}

figcaption, figure {
display: block;
}

.carousel-frame {
	margin: 2em auto 6em;
	width: 85%;
}

.carousel {
  padding-bottom: 66.6%;
}

.carousel-cell {
	width: 100%; 
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.carousel-imagecell {
  position: relative;
	width: 100%; 
	height: 100%;
	display: block;
}


.carousel-cell-image {
  display: block;
  max-height: 100%;
  margin: 0 auto;
  max-width: 100%;

}

.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

.carousel-cell img {
	position: absolute;
	top: 50%;
	left: 50%; 
	right: 0;
	width: auto;
	height: auto;
	  display: block;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-height:100%;
	max-width: 100%;
}

.carousel .flickity-viewport {
  position: absolute;
  width: 100%;
}

.carousel.is-fullscreen .carousel-cell {
  height: 100%;
  }
  


.flickity-caption{
position: absolute;
width: 100%;
font-size: .9em;
bottom: -2px;
padding: 1rem;
color: #000;
background-color: #fff;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}

/* ----- Home  ------------------------------------------------------- */

.hometop {
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100vh;

}

.hometop img {
	position: absolute;
	top: 0;
	right: 0; 
	   bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.homecarousel-frame {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	margin-bottom: 1em;
	cursor: pointer;
}


.homecarousel-outer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0; 
  bottom: 0;
  left: 0;

}

.homecarousel {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0; 
  bottom: 0;
  left: 0;

}

.homecarousel-cell {
	width: 100%; 
	height: 100%;
	top: 0;
	right: 0; 
	bottom: 0;
	left: 0;
}

.homecarousel-cell-image {
  display: block;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
		  transition: opacity 0.2s;
}

.homecarousel-cell-image.flickity-lazyloaded,
.homecarousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

.homecarousel-cell img {
	position: absolute;
	top: 0;
	right: 0; 
	   bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;

}

.hometitle {
	position: absolute;
	top: auto;
	left: 0;
	right: auto;
	bottom: 2.5em;
	padding: 2em;
	color: #fff;
	font-size: 2.3em;
	line-height: 1.1em;
	z-index: 300;
	text-align: left;
}

.hometitle.upright {
  left: auto;
  right: 0;
  top: 2.5em;
  bottom: auto;

}

.hometitle.downright {
  left: auto;
  right: 0;
}

.hometitle.upleft {
  left: 0;
  right: auto;
  top: 2.5em;
  bottom: auto;
}

.hometitle.black {
  color: #000;
}


.highbox {
	position: absolute;
	left: 50%;
	   bottom: 0;
	color: #fff;
	background-color: #000;
	padding: .3em .8em;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	width: auto;	
	z-index: 300;
	white-space: nowrap;
}

.highbox.big {
	-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

.highbox.small {
	bottom: auto;
	top: 0;
	left: 0;
	font-size: .9em;
	}

.highlights.grid, .news.grid {
	margin: 0;
	width: 100%;
}

.highlights.grid-item-3, .news.grid-item-3 {
	position: relative;
	padding: 0;
	margin: 1rem 1rem 1.5rem;
	width: 30%;
}

.highlight-img {
	position: relative;
}

.videowrap {
  --w: 1.77;
  --h: 1;
  padding-top: calc(100% / var(--w) * var(--h));
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

.videowrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.highlights .videowrap, .highlight-img .videowrap {
  --w: 1.416;
  --h: 1;
}

.highlights .videowrap iframe, .highlight-img .videowrap iframe{
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 50%; 
	right: 0;
	width: 141.6%;
	  display: block;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-height: 100%;
	max-width: 100%;
	
}




/* ----- Artists  ------------------------------------------------------- */

.artist-title {
	text-align: center;
	text-transform: uppercase;
	padding-top: .7em;
	font-size: .95em;
	font-weight: 500;
}

.artists.grid {
	margin-bottom: 6em;
	justify-content: left ;
	}

h1.artist {
  margin-bottom: 0rem
}

.artist.carousel-frame.mobile {
	display: none;
}

.artist-info {
	width: 70%;
	text-align: left;
	margin: 3rem auto 4rem;
	line-height: 1.4em;
}

.artist-info.pic {
	display: grid;
	grid-template-columns: 30% 70%;
}

.artist-info p, exhib-info p {
	margin-bottom: .5rem;
}

.artistimg {
	padding: .5rem 2rem 0 0;
}

.artistimg img{
filter: grayscale(100%);
}

.short p {
	width: 70%;
	margin:0 auto;
}

.portrait img {
	width: 33.33%;
	margin:0 auto;
	margin-top: 2rem;	
	}

#answer,
#show,
#hide:target {
	display: none; 
}

#hide:target + #show,
#hide:target ~ #answer {
	display: inherit; 
}

#show, #hide {
	text-align: center;
}

.artist-cv, .exhib-pdf {
	font-weight: 400;
	margin: 1rem auto 6rem;
}

.artist.exhib, .artist.press {
	margin-top: 6em;
	margin-bottom: 6em;
}

.artist-press {
	padding: .5rem 1rem;

}

.press.grid {
	width: 60%;
	margin: 0 auto;
}


.lg-sub-html ul {
	margin: 0;
}

.video {
	width: 80%;
	margin: 3rem auto 4rem;
	font-size: .9em;
	max-height: 50rem;
}

.video.vert {
	width: 40%;
	margin: 1rem auto 4rem;
	font-size: .9em;
}

.artistvideo{
	position:relative;
}


.artistvideo:before,
.artistvideo:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: -29px 0 0 -29px;
	border: 3px solid #fff;
	border-radius: 100%;
	background-size: 175px;
	background-position: 12px -428px;
	box-sizing: content-box;
	background-image: url(../icons/modulobox.svg);
	background-repeat: no-repeat;
	background-color: transparent;
	pointer-events: none;
}

.artistvideo:after {
	opacity: 0;
	visibility: hidden;
	background-image: none;
	background-color: transparent;
	border-color: transparent;
	border-left-color: #fff;
}





/* ----- Exhibitions  ------------------------------------------------------- */



.tabbed figure { 
   display: block; 
   clear: both;
}

.tabbed > input,
.tabbed figure > div { display: none; }

.tabbed figure > div {

}

#tab1:checked ~ figure .tab1,
#tab2:checked ~ figure .tab2 { 
 display: block; 
 
}

.tabs {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: 500;
	padding: 0 0 2rem;
}

nav label {
 display: inline-block;
 margin: 0 20px;
 cursor: pointer;
}

#tab1:checked ~ nav label[for="tab1"],
#tab2:checked ~ nav label[for="tab2"] {
  border-bottom: 1px solid;
  padding-bottom: 0.1rem; 
}



#tab1:checked.alone ~ nav label[for="tab1"],
#tab2:checked.alone ~ nav label[for="tab2"] {
   border-bottom: 0px solid;
  padding-bottom: 0.1rem; 
}

.exhibitions.grid {
	margin: 0 -2% 4rem;
	justify-content: center ;
}



.exhibtext-current {
	position: absolute;
	top: auto;
	left: 0;
	right: auto;
	bottom: 0;
	padding: 1.5em;
	color: #fff;
	font-size: 1.8em;
	font-weight: 400;
	line-height: 1.1em;
	width: 80%;
	z-index: 600;
	text-align: left;
}

.exhibtext-current.upright {
  left: auto;
  right: 0;
  top: 0;
  bottom: auto;
  width: 40%;
}

.exhibtext-current.downright {
  left: auto;
  right: 0;
  width: 40%;
}

.exhibtext-current.upleft {
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
}

.exhibtext-current a:hover {
  color: #e4e4e4;
}

.exhibtext-current.black {
	color: #000;
}

.exhibimg-current {
	position: relative;
	margin-bottom: 4rem;
}

.exhibimg-current:before {
	content: "";
	display:block;
	padding-top: 40%;
}

.exhibtop {
	position: relative;
	top: 0rem;
	left: 0;
	right: 0;
	height: 30vw;
	min-height: 400px;
	max-height: 50vh;
	margin-bottom: 0rem;
}

.exhibimg-current img, .exhibtop img {
	position: absolute;
	top: 0;
	right: 0; 
	   bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

main.exhib {
  padding: 4rem 0 8rem;
}

.exhibtitle {
	position: absolute;
	top: auto;
	left: 0;
	right: auto;
	bottom: 0;
	padding: 3rem;
	color: #fff;
	font-size: 2.3em;
	font-weight: 400;
	line-height: 1.1em;
	z-index: 300;
	text-align: left;
}

.exhib-info {
	width: 50vw;
	text-align: left;
	margin: 2rem auto 2rem;
}


.shop.grid {
	margin-bottom: 8rem;
}


.hometitle ul, .exhibtitle ul, .exhibtxt ul, .exhibtext-current ul, .viewing-intro ul {
	margin: 0;
}

.hometitle li, .exhibtitle li, .exhibtxt li, .exhibtext-current li, .viewing-intro li {
	display: inline;
}

.hometitle li:after, .exhibtitle li:after, .exhibtxt li:after, .exhibtext-current li:after, .viewing-intro li:after{
	content: ", ";
}

.hometitle .double li:after, .exhibtitle .double li:after, .exhibtxt .double li:after, .exhibtext-current .double li:after, .viewing-intro .double li:after{
content: " & ";
}

.hometitle li:last-child:after, .exhibtitle li:last-child:after, .exhibtxt li:last-child:after, .exhibtext-current li:last-child:after, .viewing-intro li:last-child:after{
	content: "";
} 

.exhibtitle.black {
	color: #000;
}

.exhib.grid {
	margin: 2rem -1vw 6rem;
}

.exhibitem {
	position: relative;

}

.exhibimg {
	position: relative;
}

.exhibimg:before {
	content: "";
	display:block;
	padding-top: 100%;
}

.exhibimg img{
	position: absolute;
	bottom: 0;
	left: 50%; 
	right: 0;
	width: auto;
	  display: block;
	-ms-transform: translate(-50%);
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-o-transform: translate(-50%);
	transform: translate(-50%);
	max-height: 100%;
	max-width: 100%;
}


.exhibimg.vid:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: -29px 0 0 -29px;
	border: 3px solid #fff;
	border-radius: 100%;
	background-size: 175px;
	background-position: 12px -428px;
	box-sizing: content-box;
	background-image: url(../icons/modulobox.svg);
	background-repeat: no-repeat;
	background-color: transparent;
	pointer-events: none;
}


.exhibtxt {
	font-size: .9em;
	padding-top: .9rem;
	line-height: 1.3em;
	margin: 0;
}

.exhibtxt .small {
	font-size: .8em;
}

.exhibtxt p {
	margin-bottom: 0em;
}

.exhibtxt-g {
	padding-top: .9rem;
	line-height: 1.2em;
	margin-bottom: 1rem;
}

.exhib-group {
	width: 50vw;
	margin: 0 auto 2rem;
	margin-bottom: 4em;
}

.artland-box {
	width: 70%;
	margin: 0 auto;
}

.artland-box h2 {
	margin-bottom: 2em;
}

.artland {
	position: relative;
	overflow: hidden;
	margin: 0 0 6em;
	padding-top: 75%;
}

.artlandframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


/* ----- NEWS  ------------------------------------------------------- */


.newstitle {
	font-size: 1.3rem;
}

.newstitle h1 {
	margin: 0 0 1rem;
	font-size: 1.8rem;
}

.news-info {
	width: 50vw;
	text-align: left;
	margin: 2rem auto 6rem;
}

.news-info a {
border-bottom:1px solid;
padding-bottom: 0rem;
}

.news-mail {
	padding-top: 1.5rem;
	text-align: center;
}

a.next, a.prev {
margin: 0 1rem;
}


/* ----- ABOUT  ------------------------------------------------------- */

.about.grid {
	margin: 0 -3% 0;
	width: 75%;
}

.about .grid-item-2 {
	padding: 0 2%;
	margin: 0 auto;
}

.about {
	padding: 2rem 3%;
}

.abouttxt {
	text-align: left;
}

.abouttxt .txt {
	font-size: .95em;
	line-height: 1.2em;
}

.abouttxt p.name {
	font-size: 1em;
	line-height: 1.2em;
	margin: 0;
	padding-bottom: .75em;
}

.abouttxt button{
	margin: .6rem 0;
}


.aboutimg img {
	text-align: right;
	margin-bottom: 2em;
}

/* ----- Publications  ------------------------------------------------------- */

.publ.grid {
	display: flex;
	flex-wrap: wrap;
	 margin: 0 -1.3%;
}


.publbox {
	position: relative;
}

.publbox p {
	margin-bottom: .5em;
	line-height: 1.2em;
}

.publbox button {
	margin: .2em .3em .3em;

}

.publimg {
	position: relative;
}

.publimg:before {
	content: "";
	display:block;
	padding-top: 110%;
}

.publimg img{
	position: absolute;
	bottom: 0;
	text-align: center;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: 0 0;
	left: 50%; 
	width: auto;
	  display: block;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);

}

.publtext p{
	font-size: .9em;
	padding: 1em .2em .5em;
	text-align: left
}

.publtitle {
	margin: 1em 0 .3em;
	line-height: 1.1em;
	text-align: center
}

/* ----- Gallery  ------------------------------------------------------- */
.galltxt p {
	text-align: left;
}

.galltxt img {
	margin-bottom: 2em;
}

.galltxt h2 {
	text-align: left;
	margin-top: 0;
}


.team.grid {
	justify-content: left;
}

.team.grid-item-2 {
	display: flex;
	align-items: flex-start;

}

.team-space {
	padding: 2px 10px;
}

.cur.grid-item-2 {
	display: flex;
	align-items: flex-start;
	margin: 0 auto;
	width: 75%;
}

.team-title {
	padding-top: 1em
}

.teamcontent, .curcontent {
	line-height: 1.2em;
	padding: 2%;
	text-align: left;	
	margin: 0 auto;
}

.curcontent .name {
	padding-bottom: .75em;
}

.cur-img.grid-item-2 {
	width: 30%
}

.curcontent.grid-item-2 {
	width: 70%
}

.team-text {
	font-size: .9em;
	line-height: 1.2em;
}

.team-mail{
	text-transform: uppercase;
}

button.team-mail, .curcontent button  {
	font-size: .9em;
	margin: .6rem .6rem .6rem 0;
}

.team-link button {
	font-size: .9em;
}

.team-link a {
	display: inline-block;
}

.team-mail a, .team-link a  {
	border-bottom: 0px solid;
	padding-bottom: 0rem;
}


.values, .values2 {
  width: 8rem;
  height: 8rem;
  line-height: 8rem;
  border-radius: 50%;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  text-align: center; 
  background: #000;
  z-index: 1000;
}

.values {
  position: fixed;
  top: 0;
  right: 3vw;
  margin: 6vw auto;	
}

.values2 {
	position: relative;
}



/* ----- Contact  ------------------------------------------------------- */

.contact {
	margin-bottom: 20em;
	text-align: left;
}

.contact button {
	margin: 0 0 2em;
}

.contact p a {
	padding-bottom: 0rem;
}

.contact-left {   
	width: 66.66%;
	padding: 2%;
}

.contact-right {   
	width: 33.33%;
	padding: 2%;
}


#map-canvas {
	width: 100%;
	height: 35rem;
	background-color: #CCC;
	margin-bottom: 1.5rem;
}

.map {
	width: 100%;
	
}

/* ----- VIEWING  ------------------------------------------------------- */


.viewing-intro {
	margin-bottom: 2rem;
}


.viewing-intro h1 {
	margin: 0;
	font-size: 1.8rem;
}

.viewing .exhib-info {
   margin: 4rem auto 2rem;
}


.viewlink {
	position: absolute;
	display: none;
	width: 35px;
	height: 35px;
	border: 0px solid #000;
	background-color: #fff;
	border-radius: 50%;
	cursor: pointer;
	transform: translate(-18px,-18px);
}

.viewflex {
	display: flex;
	justify-content: center;
	align-content: center;
	height: 100%;
	width: 100%;
}

.viewtext {
	font-size: 1.1em;
	line-height: 1.3em;
}

.viewimage li:first-child .viewlink {
	display: block;
}

.viewimage {
	width: 85%;
	position: relative;
	cursor: pointer;
	margin: 2rem auto 4rem;
}

.viewflex .fas {
	font-size: .95rem;
	align-self: center;
}

.blind {
	display: none
}

.viewing-video {
	width: 85%;
	margin: 4em auto 2em;
	font-size: .9rem;
}

.viewing-video p {
		padding: 1rem 0;
}

.viewing-small {
	width: 40%;
	margin: 0 auto;
	padding: 1rem 0;
	margin-top: 2rem;
}

.viewing-small p, .viewing-big p {
	font-size: .8rem;
	line-height: 1.1rem;
	padding-top: .2rem;	
}

.viewing-big {
	margin-top: 4rem;
	margin-bottom: 2rem;
}

.viewing-big img, .viewimage img {
	margin: 0 auto;
}

.viewing figure img {
	width: 100%;
	margin: 0 auto;
}
.viewing-quote{
	width: 65%;
	padding: 1rem 0;
	margin: 0 auto;

}

.viewing-quote p {
	margin-bottom: 1.3rem;
}

.viewing-quote .text {
	font-size: 1.8rem;
	line-height: 2.3rem;
	margin-bottom: 0;
		text-align: center;
}

.viewing-quote .citation {
	font-size: .85rem;
}

.space-small {
	padding-bottom: 0rem;
}

.space-medium {
	padding-bottom: 2.5rem;
} 

.space-large {
	padding-bottom: 5rem;
}





/* ----- Footer  ------------------------------------------------------- */

.footer {
	font-size: .95em;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	text-align: center;
	left: 0;
	right: 0;
	bottom: 0;
}

.footer .menu-item {
  margin: 0 .3em 0 .3em;	
}

.footer ul {
	margin: 0 0;
}

.footer-2 {
	margin: .5em 0 1rem
}

a.animated-arrow, a.back-to-top  {
	border-bottom: 0;
}

a.back-to-top {
	display: none;
	position: fixed;
	z-index: 700;
	right: 2rem;
	bottom: 2rem;
}
.back-to-top .fas {
	font-size: 1em;
}

.text.center.badge img {
	height: 5rem;
	margin-top: 1rem

}

.pagination {
	margin-top: 5rem;
	width: 100%;
	text-transform: uppercase
}


.shopify-buy-frame--product {
	max-width: 100% !important;
}

.shopify-buy__btn {
	padding-bottom: 20px !important;
}

.shopify-buy__btn-wrapper {
	margin-top: 5px !important
}


#form-inquiry {
	padding: 25px 15px;
	width: 650px;
	height: 480px;
	position: fixed;
	top: 50%;
	right: 0; 
	   bottom: 0;
	left: 50%;
	background-color: #fff;
	margin-top:-240px;
	margin-left: -325px;
	border: 1px solid #1c1c1c;
	box-shadow: 5px 5px 20px 0px rgba(95, 95, 95, 0.56); 
	z-index: 999;
}

.form-right, .form-left {
	width: 50%;
	float: left;
	text-align: left;
	padding: 0 20px;
}

.form-img {
	width: 75%;
	margin-bottom: 1em;
}

.form-imgtitle p {
	font-size: .75em;
	line-height: 1.2em;
	margin-bottom: 0;
}

.feedback-input {
	color:#3c3c3c;
	font-size: 16px;
	line-height: 22px;
	background-color: #fbfbfb;
	padding: 12px;
	margin-bottom: 5px;
	width:100%;
	border: 3px solid rgba(0,0,0,0);
}

.feedback-input:focus{
	background: #fff;
	box-shadow: none;
	border: 1px solid #000;
	outline: none;
}

.form .submit {
	margin-bottom: 1em;
	text-align: center;
}

textarea {
	width: 100%;
	height: 150px;
	line-height: 150%;
	resize:vertical;
}

@media all and (max-width: 1200px) { 
	
	#form-inquiry {
		width: 400px;
		height: 800px;
		margin-top:-400px;
		margin-left: -200px;
	}
	
	.form-left {
		margin-bottom: 1em;
	}
	
	.form-right, .form-left {
		float:none;
		width: 100%;
	}
	
	.form-img {
	height: 200px;
	width: auto;
	margin-bottom: 1em;
	}
	
	textarea {
		height: 100px;
	}
	
}


#mc_embed_signup {
width: 450px !important;
max-width: 96%;
margin: 3rem auto 0 !important;
text-align: center;
}

#mc_embed_signup label {
	font-weight: 500 !important;
}

#mc_embed_signup form {
text-align: center !important;
}

#mc_embed_signup_scroll h2 {
  font-weight: 500 !important;
  font-size: 1.1em !important;
}

#mc_embed_signup .asterisk {
  color: #000000 !important;
}

#mc_embed_signup .mc-field-group {
width: 100% !important;
grid-template-columns: 1fr  1fr;
column-gap: 10px;
}

#mc_embed_signup .mc-field-group .text {
display: inline-block;

}

#mc_embed_signup .button {
	border-radius: 0px !important;
	background-color: black !important;
	width: auto !important;
	margin: 0 .5rem !important;
	text-transform: uppercase;
	font-weight: 600;
}

#mc_embed_signup input.email {
	border-radius: 0px !important;
  grid-column-start: 1;
  grid-column-end: span 2;
	border: 1px solid #1c1c1c !important;
}

#mc_embed_signup input.text {
	border-radius: 0px !important;
	border: 1px solid #1c1c1c !important;
}