::-webkit-input-placeholder {
  color: #fff;
}
::-moz-placeholder {
  color: #fff;
}
:-ms-input-placeholder {
  color: #fff;
}
:-moz-placeholder {
  color: #fff;
}

a:visited, a:hover, a:active {
  color: inherit;
}

body {
  -webkit-overflow-scrolling: touch;
}

hr {
  border-top: 1px solid #111;
  margin: 3rem 0 0;
}

.wrapper {
  height: auto !important;
  margin: 1em;
}

.mobile-navigation-trigger {
  z-index: 10000;
  position: absolute;
  padding: 0;
  top: .5em;
  right: .5em;
  height: 2.5em;
  width: 2.5em;
  background: #fff;
  border: 2px solid #1d1d1d;
  border-radius: 50%;
}

.bio {
  padding-top: 5rem;
  display: none;
}

.bio h1 {
  font-size: 4.85rem;
  line-height: 1em;
  margin-bottom: 2rem;
}

.bio h1 a {
  color: #111;
}

.bio > p {
  width: 600px;
  max-width: 90%;
}

.home-page .bio {
  display: block;
}

.home-page #site-nav {
  display: block;
}

#top-link,
.scrubber,
.scrubber-indicator {
  display: none !important;
}

.column-title {
  font-size: 1.4rem;
  display: none;
}

#site-nav {
  height: auto !important;
  margin-top: 0 !important;
  margin-bottom: 3rem;
  display: none;
}

#site-nav .column>h2 {
  display: none;
}

#site-nav .column ul {
  display: none;
  margin: 2.5em 1em 2.5em 2.5em;
  font-family:'Garamond 3 W01';
  font-size: 1.4rem;
}

#site-nav .column li {

}

#site-nav #year-column a {
  display: block;
  padding: 5px 0;
}

#site-nav #exhibition-column li {
  margin-bottom: 2rem;
  line-height: 1.2em;
}

#site-nav #exhibition-column li.year {
  margin-bottom: 0;
}

#site-nav #exhibition-column {
  max-width: 550px;
}

#site-nav #exhibition-column em {
  font-family:'Garamond 3 W01';
  font-style: normal;
}

#site-nav #suite-column .editions {
  display: block;
  line-height: 1.1em;
}

#site-nav #suite-column li {
  margin-bottom: .5em;
  line-height: 1.1em;
}

.column #page-nav {
  padding-top:1.4em;
}

.column #page-nav a,
.column #page-nav span {
    padding: 10px 0;
    margin: 0;
    line-height: 1em;
}

.column #page-nav #search-link {
  display: none;
}

.column #page-nav ul {
  margin: 0;
  display: none;
  text-align: right;
  font-family:'Garamond 3 W01';
  font-size: 1.4rem;
}

#search-form {
  padding: 10px 0;
}

#search-field {
    text-align: right;
    border: none;
    border-bottom: 1px solid transparent;
    width: 160px;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: transparent;
    padding: 0;

}
#search-field:focus {
    outline: none;
    border-bottom: 1px solid #fff;
}

/* State - mobile-navigation-open */

.mobile-navigation-open .mobile-navigation-trigger {
  background: #fff;
}

.mobile-navigation-open {
  background: #1d1d1d;
  color: #fff !important;
}

.mobile-navigation-open h1,
.mobile-navigation-open h2,
.mobile-navigation-open a {
/*.mobile-navigation-open input,
.mobile-navigation-open #page-nav span {*/
  color: #fff !important;
}

.mobile-navigation-open .bio > *,
.mobile-navigation-open .bio > header .bio-subhead,
.mobile-navigation-open #content {
  display: none;
}

.mobile-navigation-open #site-nav,
.mobile-navigation-open .bio,
.mobile-navigation-open .bio > header,
.mobile-navigation-open .column-title,
.mobile-navigation-open #page-nav ul,
.mobile-navigation-open #site-nav .column ul.section-open {
  display: block;
}

/* page specific */
.gallery h1 {
  /*padding-top: 5rem;*/
  padding-top: 2.5rem;
  max-width: 90%;
  font-size: 280%;
  margin-top: 0;
  color: #383737;
  font-family:'Garamond 3 W01';
}

h1 span.editions {
    line-height: 1.1em;
    margin-top: 10px;
}

.list-title {
  margin-bottom: 4rem;
  max-width: 90%;
  line-height: .9em;
}

.origin {
  display: block;
  font-size: .6em;
  line-height: 1em;
  padding-bottom: 10px;
}

h1.element {
  max-width: 100%;
  padding-top: 130px;
  background-size: contain;
}

.list-work {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  /*float:left;*/
  /*margin-bottom: 2rem;*/
  /*margin-right: 1rem;*/
}

.list-work.book {
  vertical-align: bottom;
}

@media (min-width:600px) {
  .list-work {
    max-width: 24%;
  }

  .clear.two-up,
  .clear.six-up {
    display: none;
  }

  .clear.four-up {
    display: block;
  }
}

/*.list-work + .clear {
  display: none;
}*/

.list-work h3 {
  font-family:'Garamond 3 W01';
  font-size: .9em;
  line-height: 1em;
  margin-top: 10px;
}

.list-work .image-box {
  /*height: 200px;*/
  /*height: calc((50vw * 1.4) - 3rem);*/
  height: 50vw;
  /*text-align: left;*/
  text-align: center;
}

@media (min-width: 600px) {
  .list-work .image-box {
    height: 25vw;
  }
}

.list-work .image-box::after {
  content: '';
  height: 100%;
  width: 1px;
  display: inline-block;
  vertical-align: bottom;
}

.list-work img {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 auto;
    max-height: 100%;
    max-width: 90%;
    max-width: calc(100% - 2px);
}

.list-work h3 {
  margin-bottom: 2rem;
  padding-right: 2rem;
}

.work-detail-pane {
  padding-top: 35px;
  padding-bottom: 65px;
}

.ajax-request .work-detail-pane {
  border-top: 1px solid #111;
  border-bottom: 1px solid #111;
  margin-bottom: 2rem;
}

.ajax-request .work-detail-pane > .work-detail-pane {
  border: 0;
  padding-top: 0;
  margin-bottom: 0;
}

.work-detail-pane header .elements {
    position: absolute;
    bottom: 0;
    left: 0;
}

.work-detail-pane header h1 {
  width: 90%;
}

.work-detail-pane div.element {
  margin-right: 5px;
}

.work-image {
  height: auto !important;
}

.work-image img {
  width: 100% !important;
  max-width: 500px;
  height:auto !important;
}

.image-controls {
  margin-top: 10px;
  font-size: 1rem;
}

span.exh-year {
  font-size: .6em;
  line-height: 1em;
  padding-top: 10px;
}

h2.exh-images-head {
  font-family:'Garamond 3 W01';
  border-top: 1px solid #111;
  margin-top: 1em;
  padding-top: .2em;
  margin-bottom: 1em;
}

.exh-image {
  margin-bottom: 2em;
  text-align: center;
  vertical-align: middle;
}

.exh-image img {
  max-width: calc(92% - 2px);
}

.exh-image .portrait img {
  max-width: calc(70% - 2px);
}

.artwork-title {
  display: block;
  font-family: 'Garamond 3 W01' !important;
  margin-top: .5em;
  margin-bottom: 1em;
  font-size: 1.5em;
}

.related-suites a {
    display: inline-block;
    max-width: 200px;
}

.related-suites span {
  width: 50%;
  margin-left: 0;
  margin-right: 0;
  padding-right: 20px;
  box-sizing: border-box;
}

.related-suites hr {
  margin: 1rem 0;
}

.book-images {
    width: 100%;
    /*height: 500px*/
}

.book-detail {
  max-width: 280px;
}

@media (min-width: 700px) {
  .book-images,
  .book-detail {
    margin-top: 20px;
    width: 50%;
    float: left;
  }

  .book-detail {
    padding-left: 1rem;
    box-sizing: border-box;
  }
}

.bibliography {
    margin: 3rem 0;
}

.biblio-year {
  margin-top: .5rem;
  margin-right: auto;
  margin-left: auto;
  max-width: 500px;
}

body.artist-page .gallery {
  font-family:'Garamond 3 W01';
  font-size: 1.2rem;
  line-height: 1.4em;
}

body.artist-page .gallery em {
  font-family:'Garamond 3 W01';
}

body.artist-page #content img {
  width:100%;
  height: auto;
}

body.artist-page .gallery .clearfix {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

body.artist-page .gallery .clearfix p {
   width: 95%
 }

body.artist-page .gallery > h1 {
  width: 100px;
  line-height: 1em;
  margin-bottom: 2rem;
  font-size: 4.85rem;
}

body.artist-page .gallery .clearfix::after {
  content: none;
}

body.artist-page .gallery .clearfix .column {
  width: 100%;
}

body.artist-page .gallery .clearfix .column:nth-child(1) {
  order: 1;
}
body.artist-page .gallery .clearfix .column:nth-child(2) {
  order: 2;
}
body.artist-page .gallery .clearfix .column:nth-child(3) {
  order: 3;
}
body.artist-page .gallery .clearfix .column:nth-child(4) {
  order: 0;
  border-bottom: 1px solid #111;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}

@media (min-width: 600px) {
  body.artist-page .gallery .clearfix .column {

  }

  body.artist-page .gallery .clearfix .column:nth-child(4) {
    border: 0;
    width: 50%;
    padding-bottom: 0;
  }
}

.pop-target {
  border-bottom: 1px solid #111;
  border-top: 1px solid #111;
  margin-top: 0 !important;
}