.blocker {
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    width: 100%; height: 100%;
    overflow: auto;
    z-index: 200;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5);
    text-align: center;
}
.blocker:before{
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em;
}
.blocker.behind {
    background-color: transparent;
}
.modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 201;
    box-sizing: border-box;
    width: calc(100vw - var(--margin-triple));
    background: #fff;
    border: var(--border-static-width-mediumLarge) solid var(--color-border-primary);
    padding: var(--margin-double);
    -webkit-box-shadow: 0 0 10px var(--color-border-primary);
    -moz-box-shadow: 0 0 10px var(--color-border-primary);
    -o-box-shadow: 0 0 10px var(--color-border-primary);
    -ms-box-shadow: 0 0 10px var(--color-border-primary);
    box-shadow: 0 0 10px var(--color-border-primary);
    text-align: left;
}

.modal a.close-modal {
  position: absolute;
  top: -25px;
  left: -25px;
  display: block;
  border: 3px solid var(--color-border-primary);
  border-radius: 25px;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAGFBMVEUKJ5w1NZxVVZzV1dXp6en5+fn5+fl/AADNxjmUAAAAbElEQVRIie3UQQrAIAxEUWOS+1+5WJqS7mJmZZm/C/SBWHUMxhj7WdNU8ixqs4zN3ZKWNZexetbLupbx/Xnoz7Cpt20iDfuilg3ds49u2tA9C2Fk2ciGIb8KOSTI8YQuBnQloccAeoYYY+yQLqDtA03dBsVrAAAAAElFTkSuQmCC');

}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}

.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.modal-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.5) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

// end



:root {
	--color-offWhite: #f6f6f6;
}
.mainMenu-menuButton {
  height: auto;
}

.icon-search {
  stroke:var(--color-font-base);
}
.pullquote {
	color: var(--color-font-base);
	margin: 0 var(--margin) var(--margin);
	font-weight: var(--fontWeight-base);
	line-height: var(--lineHeight-tallest);
}
.pullquote p {
	color: var(--color-font-body);
	font-size: var(--fontSize-responsive-small);
	grid-column: central-start / central-end;
	margin: 0 0 var(--margin-below-paragraph);
}
.details {
	margin: var(--margin) 0;
}
.details dl {
	grid-column: medium-start / medium-end;
	font-size: var(--fontSize-responsive-base);
}
.details dt {
	font-weight: bold;
	box-sizing: border-box;
	padding: 10px;
	float: left;
	width: 35%;
	padding-bottom: 0;
}
.details dd {
	box-sizing: border-box;
	padding: 10px;
	margin-left: 35%;
}
.details dd p {
	margin-bottom: var(--margin-tiny);
}

.details dd:after {
	content: "";
	display: block;
	clear: both;
}
.explore .exploreHeading {
	grid-column: medium-start / medium-end;
	margin-bottom: var(--margin);
	color: var(--color-font-base);
	font-size: var(--fontSize-responsive-medium);
	font-weight: var(--fontWeight-base);
	line-height: var(--lineHeight-middle);
	margin: 0 var(--margin);
}
.explore .exploreList {
	grid-column: central-start / central-end;
	margin: var(--margin);
}
.explore .exploreList .button-link-tag {
  border-color: var(--color-border-primary);
  color: var(--color-font-base);
}
.explore .exploreList .button-link-tag:hover {
  border-color: var(--color-border-reversed);
  color: var(--color-font-baseReversed);
  background-color: var(--color-whiteleyBlue);
}
@media screen and (min-width: 960px) {
	.explore .exploreHeading, .explore .exploreList {
		margin: var(--margin) 0;
	}
}
.work-images a {
  display: inline-block;
  padding: 0 10px 10px 0;
}

.accordion-content {
  margin: var(--margin) 0;
}

h1.work-title {
  font-size: var(--fontSize-responsive-large)
}
.work-about {
  margin: var(--margin) 0;
  grid-column: 1 / span 4;
}
.work-images {
  margin: var(--margin) 0;
  grid-column: -6 / span 6;
  text-align: right;
}
.work-images .work-primaries, .work-images .work-secondaries {
  background-color: var(--color-offWhite);
  padding: var(--margin-width-min);
}
.collection-heading {
  color: var(--color-font-base);
  font-size: var(--fontSize-responsive-medium);
  font-weight: var(--fontWeight-base);
	grid-column: medium-start / medium-end;
  line-height: var(--lineHeight-middle);
  margin: 0 var(--margin) var(--margin-double);
}
@media screen and (min-width: 768px) {
	.collection-heading {
		margin: 0 0 var(--margin-double);
	}
}
.collection-places {
  margin:0;
  grid-column: full-start / full-end;
}
.collection-map {
  height: 30em;
}
.accordion-content h4 {
	margin-bottom: var(--margin-below-static-small-paragraph)
}
.card-artwork-image {
  height: auto;
}
.card-artwork-link {
	color: var(--color-font-link);
}
.card-artwork-date {
  color: var(--color-font-body);
  display: block;
  font-size: var(--fontSize-static-small);
  font-weight: var(--fontWeight-regular);
  margin: var(--margin-eighth) 0;
}
.card-artwork-title {
  color: var(--color-font-body);
  font-size: 0.9em !important;
}
.card-artwork-accession {
  color: var(--color-font-neutral);
  display: block;
  font-size: 0.7em;
  font-weight: var(--fontWeight-subtitle);
  margin: var(--margin-tiny) 0;
}
.card-artwork-highlights {
  font-size: 0.8em;
  color: var(--color-font-neutral);
  font-weight: var(--fontWeight-regular);
  text-transform: uppercase;
}
.card-artwork-display {
  font-size: 0.8em;
  color: var(--color-font-neutral);
  font-weight: var(--fontWeight-regular);
  text-transform: uppercase;
}
.card-artwork-display span {
  height: 1em;
  width: 1em;
  background-color: var(--color-green);
  border-radius: 50%;
  display: inline-block;
  margin-right: var(--margin-eighth);
}
.card-artwork-prefix {
  color: var(--color-font-neutral);
  font-size: var(--fontSize-static-small);
  font-weight: var(--fontWeight-regular);
  margin-bottom: var(--margin-third);
}

.paginationControls {
  display: flex;
  justify-content: space-between;
  margin: 0 var(--margin) 0 0;
  position: relative;
}

@media screen and (min-width: 768px) {
  .paginationControls {
	justify-content: center;
  }
  .paginationControls .searchBlock {
  position: absolute;
  right: 0;
}
}

.pagination {
	margin-bottom: var(--margin-half);
}
.pagination a {
	color: var(--color-font-base);
	font-size: var(--fontSize-static-small);
	font-weight: var(--fontWeight-medium);
	margin: 0 0.1rem;
	padding: 0 0.2rem var(--border-static-width-medium);
	text-decoration: none;
}
.pagination a:hover,
.pagination a:focus,
.pagination a.active {
	border-bottom: var(--border-static-width-medium) solid var(--color-border-primary);
}
.pagination span {
	color: var(--color-grey25);
	font-size: var(--fontSize-static-small);
	font-weight: var(--fontWeight-medium);
	text-align: center;
	margin: 0 0.1rem;
	padding: 0 0.2rem var(--border-static-width-medium);
	text-decoration: none;
}
.no-image{
	display: block;
	width: 100%;
	height: 33vh;
	color: var(--color-grey25);
	font-size: var(--fontSize-static-small);
	background-color: var(--color-offWhite);
	position: relative;
}
.no-image p {
  position: absolute;
  bottom: 0;
  padding: var(--margin-tiny) var(--margin-eighth);
}

.no-image-artist {
	display: block;
	width: 100%;
	padding-top: 100%;
	color: var(--color-grey25);
	font-size: var(--fontSize-static-small);
	background-color: var(--color-offWhite);
	position: relative;
	margin-bottom: var(--margin-quarter);
}
.card-artist-name {
	font-size: var(--fontSize-responsive-small);
	line-height: 1.1;
	margin-bottom: var(--margin-quarter);
}
.no-image-prize {
  height: 300px;
}
.collectionSearchWidget div {
	grid-column: central-start / central-end;
	margin: var(--margin) var(--margin) var(--margin);
}
@media screen and (min-width: 960px) {
	.collectionSearchWidget div {
		margin: var(--margin) 0 var(--margin);
	}
}
.collectionSearchWidget button{
	width: 2em;
	height: 2em;
	vertical-align: middle;
}
.collectionSearchWidget input {
	line-height: 1;
	height: 40px;
	width: calc(100% - 2.5em);
	border-radius: 0;
	box-shadow: none;
	border: var(--border-static-width-tiny) solid var(--color-black);
	color: var(--color-black);
	padding: var(--margin-half) var(--margin-quarter) var(--margin-threeQuarter) var(--margin-quarter);
	font-size: var(--fontSize-responsive-small);
	font-weight: var(--fontWeight-regular);
	margin-right: 0.5em;
}
.searchControls > div {
	grid-column: central-start / central-end;
	margin: var(--margin-quarter) var(--margin);
}
@media screen and (min-width: 960px) {
	.searchControls > div {
		margin: var(--margin-quarter) 0;
	}
}
.searchControls h2 {
	grid-column: medium-start / medium-end;
	margin: var(--margin-half) var(--margin);
	font-weight: var(--fontWeight-regular);
}
@media screen and (min-width: 960px) {
	.searchControls h2 {
		margin: var(--margin-half) 0;
	}
}
.searchControls ul {
	padding: 0;
}
.searchControls form {
	margin-bottom: var(--margin-half);
}
.filters ul > li {
	display: block;
margin: var(--margin-half) 0;
}

.filters p {
margin-top: var(--margin-half);
}
.filters ul {
	margin-top: 0;
}
@media screen and (min-width: 960px) {
	.filters ul > li {
		display: inline-block;
	}
}
.filters ul > li a {
	padding: var(--margin-quarter);
	border: var(--border-static-width-small) solid var(--color-border-primary);
	text-decoration: none;
}
.filters ul > li a.clearFilters {
	border: none;
}


button {
  width: 100px;
  height: 100px;
  padding: 0;
  background-color: #fff;
  border: none;
}


.checkbox {
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  border: var(--border-static-width-medium) solid var(--color-offBlack);
}
.checkLinks {
  text-decoration: none;
  font-size: var(--fontSize-static-small);
}
.checkLinks .link {
  font-size: 0.8em;
  color: var(ver-color-font-body);
  font-size: var(--fontSize-static-small);
}
.overlay {
	grid-column: central-start / central-end;
}
.overlay ul {
  margin: var(--margin) var(--margin-double);
  list-style: none;
  font-size: var(--fontSize-responsive-small);
}

.overlay ul li {
	padding: 4px 0;
 }

.overlay ul li .icon-chevron--right {
   height:2px
}
.tight {
  margin:0 !important;
}

.secondaryImage {
	grid-column: medium-start / central-end;
	margin: var(--margin) 0;
}

.googleResults div {
  grid-column: central-start / central-end;
}

.googlePagination a {
  color: var(--color-black);
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
}

.googlePagination a.active {
  background-color: var(--color-whiteleyBlue);
  color: var(--color-white);
}

.googlePagination a:hover:not(.active) {background-color: var(--color-neutral);}

.collectionWorksListModule-title {
  font-size: var(--fontSize-responsive-small);
}

.card-prizesWinner-image {width:auto;}

.genericForm {
  grid-column: central-start / central-end;
}

.articleHeader-image {
  width:auto;
}
.articleHeader-label {
  color: var(--color-font-base);
  font-size: var(--fontSize-responsive-base);
  font-weight: var(--fontWeight-regular);
  grid-column: medium-start / medium-end;
}
.articleHeader-nationality {
  font-weight: var(--fontWeight-medium);
}

.channelList-item .image-container {
  overflow: hidden;
}
.channelList-item img {
  min-height: 270px;
  object-fit: cover;
}
@media screen and (min-width: 960px) {
  .channelList-item img {
	min-height: 364px;
  }
  .biog p {
	grid-column: 4 / 8;
  }
}
@media screen and (min-width: 1440px) {
  .channelList-item img {
	min-height: 500px;
  }
}

.textModule .text .image {
  grid-column: central-start / central-end;
  margin: 0 0 var(--margin);
}

.text .image .caption,
.text p.credits {
	color: var(--color-font-neutral);
	font-size: var(--fontSize-static-small);
	line-height: var(--lineHeight-tall);
	padding-bottom: 0.2rem;
}
.text .image .caption p {
	color: var(--color-font-neutral);
	font-size: var(--fontSize-static-small);
	line-height: var(--lineHeight-tall);
	margin-bottom: 0;
}
.text .image .caption a,
.text p.credits a {
	border-bottom: var(--border-static-width-small) solid var(--color-border-neutral);
	color: var(--color-font-neutral);
	padding-bottom: var(--border-static-width-small);
	text-decoration: none;
}
.text .image .caption a:hover,
.text .image .caption a:focus,
.text p.credits a:hover,
.text p.credits a:focus {
	padding-bottom: 0;
	transition: padding ease-out 0.15s;
}

.searchBlock span {
  color: var(--color-font-base);
  font-size: var(--fontSize-static-small);
  font-weight: var(--fontWeight-label);
}
.articleHeader-creditLine {
  color: var(--color-font-neutral);
  font-size: var(--fontSize-static-small);
  line-height: var(--lineHeight-tall);
  margin-top: var(--margin-third);
}
.articleHeader-seeMoreLink {
  color: var(--color-font-base);
  font-size: var(--fontSize-responsive-base);
  font-weight: var(--fontWeight-base);
  line-height: var(--lineHeight-tall);
}
.articleHeader-seeMoreLink a {
	border-bottom: var(--border-static-width-medium) solid var(--color-border-primary);
	color: var(--color-font-base);
	padding-bottom: var(--border-static-width-medium);
	transition: padding ease-out 0.15s;
	text-decoration: none;
}
.articleHeader-seeMoreLink a:hover {
	padding: 0;
}

.artistImage-container, .biog, .artistHeader{
	grid-column: central-start / central-end;
}


.artistImage-container .caption p {
	color: var(--color-font-neutral);
	font-size: var(--fontSize-static-small);
	line-height: var(--lineHeight-tall);
	margin-bottom: 0;
}
.artistImage-container {
  margin-bottom: var(--margin-double);
}


.image-picture img {
  opacity: 1.0 !important;
}


.artworksList-list,
.prizesCompetitionYearsListModule-list {
  display: flex;
	grid-gap: 0;
	margin: 0 0 var(--margin-double);
	--_masonry-layout-gap: var(--margin)!important;
}
@media screen and (min-width: 768px) {
	.artworksList-list,
	.prizesCompetitionYearsListModule-list {
		margin: 0 0 var(--margin);
	}
}

.card-prizesCompetitionYear-image,
.card-prizesCompetitionYear-image .image-picture {
  position: relative;
}

.card-prizesCompetitionYear-imageContainer {
  padding-top: 0;
}

.artistList-list {
  display: grid;
  column-gap: var(--margin);
  grid-column: full-start / full-end;
  grid-template-columns: repeat(2, 1fr);
  list-style: none;
  margin: 0 var(--margin) var(--margin-triple);
  padding: 0;
  row-gap: var(--margin);
}


.articleHeader-title {
	margin-bottom: var(--margin-half);
}
.articleHeader-life {
	font-size: var(--fontSize-responsive-base);
}
.artistCaption {
	max-width: 460px;
}

.work-titleLabel {

}
h1.work-title {
	font-weight: var(--fontWeight-regular);
	font-size: var(--fontSize-responsive-medium);
}
.work-dates {
	font-size: var(--fontSize-responsive-small);
}
.work-artistsLabel {
	margin-top: var(--margin);
}
.work-artists {
	font-size: var(--fontSize-responsive-small);
}
.work-artists h2 a {
	font-weight: var(--fontWeight-medium);
	font-size: var(--fontSize-responsive-medium);
	text-decoration: none;
	color: var(--color-font-base);
}
.work-artists h2 {
	margin: 0 0 var(--margin-quarter) 0;
	line-height: 1.2;
}
.work-artists p {
	margin: var(--margin-eighth) 0;
	font-size: 80%;
	line-height: var(--lineHeight-shortest);
}
.work-artists p.language {
	margin-top: var(--margin-half);
	font-size: var(--fontSize-static-small);
}
.work-artists p a {
	color: var(--color-font-base);
}
.work-artists p.profile {
	font-size: var(--fontSize-static-small);
}
.work-primaries {
	margin-top: var(--margin);
}
.grid a {
	color: var(--color-font-base);
}

h1.sentence {
	margin-bottom: var(--margin);
}
.sentence {
	font-weight: normal;
}
.artist-pagination a {
	border: var(--border-static-width-tiny) solid var(--color-black);
	text-decoration: none;
	padding: var(--margin-tiny);
}
.text .advanced {
	grid-column: central-start / central-end;
}

#artsets-content {
    grid-column: medium-start / medium-end;
}