@charset "UTF-8";
/*!
    Theme Name: Anish Kapoor 2020
    Theme URI: http://anishkapoor.com;
    Description: Custom theme for anishkapoor.com. Updated March 2023, refer to README.md for changelog and developer information. Design by Brighten the Corners. Required plugins: Advanced Custom Fields Pro, Relevanssi Search, Classic Editor.
    Version: 1.2.8
    Author: MKVC
    Author URI: https://maxkohler.com
    Text Domain: anishkapoor
*/
* {
  box-sizing: border-box;
  font-size: 100%;
  font-weight: inherit;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
}

body {
  height: 100%;
  height: 100vh;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.3;
  word-spacing: -0.003em;
  padding: 20px;
}
@media (min-width: 800px) {
  body {
    padding: 40px;
  }
}

button {
  font-family: inherit;
}

img {
  pointer-events: none;
  user-select: none;
}

a {
  font-weight: bold;
  color: #a9a9a9;
  text-decoration: none;
  transition: 120ms;
}
.is-firefox a {
  transition: 0ms;
}
a.works:visited, a.cat2:visited {
  color: #ff0000;
}
a.works:hover, a.works:focus, a.cat2:hover, a.cat2:focus {
  color: #ff0000 !important;
}
a.about:visited, a.cat5:visited {
  color: #212121;
}
a.about:hover, a.about:focus, a.cat5:hover, a.cat5:focus {
  color: #212121 !important;
}
a.thought-experiment:visited, a.cat3:visited {
  color: #00cc00;
}
a.thought-experiment:hover, a.thought-experiment:focus, a.cat3:hover, a.cat3:focus {
  color: #00cc00 !important;
}
a.links:visited, a.cat4:visited {
  color: #0000ff;
}
a.links:hover, a.links:focus, a.cat4:hover, a.cat4:focus {
  color: #0000ff !important;
}

.spinner {
  display: none;
}

.posts-wrap.loading .spinner {
  display: inline-block;
}
.posts-wrap.loading .posts {
  opacity: 0.4;
}

.posts {
  display: inline;
  padding-bottom: 5.5rem;
}
.posts.filter-active a {
  color: #a9a9a9;
}
.posts a.works.active {
  color: #ff0000 !important;
}
.posts a.thought-experiment.active {
  color: #00cc00 !important;
}
.posts a.links.active {
  color: #0000ff !important;
}
.posts a.about.active {
  color: #212121 !important;
}
.posts li {
  list-style: none;
  display: inline;
}
.posts li:last-of-type a:after {
  content: "";
}
.posts .no-results {
  font-weight: bold;
}

.posts-item {
  margin-right: 0.2em;
}
.posts-item a:after {
  content: ", ";
}

.site-title {
  color: #212121;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 0.25em;
}

.site-categories button {
  appearance: none;
  display: block;
  background: transparent;
  border: 0;
  padding: 0;
  margin-bottom: 0.3em;
  cursor: pointer;
  transition: 120ms;
}
.site-categories .works {
  color: #ff0000;
}
.site-categories .thought-experiment {
  color: #00cc00;
}
.site-categories .links {
  color: #0000ff;
}
.site-categories .about {
  color: #212121;
}
.site-categories[data-currentCategory=works] button {
  color: #a9a9a9;
}
.site-categories[data-currentCategory=works] .works {
  color: #ff0000;
}
.site-categories[data-currentCategory=thought-experiment] button {
  color: #a9a9a9;
}
.site-categories[data-currentCategory=thought-experiment] .thought-experiment {
  color: #00cc00;
}
.site-categories[data-currentCategory=links] button {
  color: #a9a9a9;
}
.site-categories[data-currentCategory=links] .links {
  color: #0000ff;
}
.site-categories[data-currentCategory=about] button {
  color: #a9a9a9;
}
.site-categories[data-currentCategory=about] .about {
  color: #212121;
}

.site-header {
  margin-bottom: 1.35em;
}
.single .site-header {
  margin-bottom: -0.25em;
}

.category-works .post,
.category-works .post-title {
  color: #ff0000;
}
.category-thought-experiment .post,
.category-thought-experiment .post-title {
  color: #00cc00;
}

.post-copy {
  margin-bottom: 4em;
}
.post-copy > ul {
  max-width: 25rem;
}

.post-title {
  font-weight: bold;
  max-width: 25em;
  margin-bottom: 0.25em;
  margin-top: -0.25em;
}

.post-content {
  line-height: 1.3;
  padding-bottom: 2rem;
}
.post-content b {
  font-weight: bold;
}
.post-content h4 {
  margin-top: 1rem;
}
.post-content p {
  max-width: 25rem;
  margin-bottom: 1em;
}
.post-content > ul {
  max-width: 25rem;
}
.post-content .small_text {
  margin-bottom: 1.5em;
  font-size: 14px;
  line-height: 1.3;
  max-width: 25rem;
}
.post-content .small_text.has-embed {
  max-width: 640px;
}
.post-content .embed {
  max-height: 66vh;
  max-width: 100%;
}
.post-content .post-block-link {
  display: block;
  margin-bottom: 0;
}

.next-links {
  padding-top: 1em;
}

.next-link {
  position: relative;
  display: none;
}
.next-link.active {
  display: inline-block;
}
.next-link:hover, .next-link:focus {
  color: black;
}
.next-link:after {
  content: "→";
  font-weight: 700;
  position: absolute;
  top: -5px;
  right: -1.2em;
  font-size: 1.3em;
}

.menu__items {
  list-style: none;
  margin-top: -0.1em;
  margin-bottom: 3.9em;
}
.menu__items li {
  margin-bottom: 0.12em;
}
.menu__items a {
  font-weight: normal;
}

.current-menu-item a {
  color: #212121;
}

.site__search {
  display: flex;
  margin-top: -0.98rem;
  margin-bottom: 1.45rem;
}

.search__cancel {
  appearance: none;
  background: transparent;
  border: 0;
  color: #a9a9a9;
  font-size: 14px;
  opacity: 0;
  cursor: pointer;
  transition: 120ms;
  visibility: hidden;
}

.posts-search {
  appearance: none;
  border: 0;
  display: block;
  font-family: inherit;
  outline: 0;
  border: 0;
  font-size: inherit;
  position: relative;
  left: -1px;
  top: -1px;
  color: #a9a9a9;
}
.posts-search::placeholder {
  color: #a9a9a9;
}
.posts-search:focus + .search__cancel {
  opacity: 1;
  visibility: visible;
}

.block {
  margin-bottom: 2rem;
}
.block.link {
  margin-bottom: 0;
}

.gallery {
  margin-bottom: 1rem;
}
.gallery img {
  max-height: 66vh;
  max-width: 100%;
}

.gallery-controls {
  margin-bottom: 0.5em;
}
.gallery-controls button {
  appearance: none;
  background: none;
  border: 0;
  color: inherit;
  font-family: inherit;
  font-size: 14px;
  color: #a9a9a9;
  cursor: pointer;
}
.gallery-controls button.active {
  color: inherit;
  font-weight: bold;
}

.pictLeftToRight {
  width: auto;
}
.pictLeftToRight ul {
  white-space: nowrap;
}
.pictLeftToRight .gallery-slide {
  margin-right: 0.75rem;
  list-style: none;
  display: inline-block;
}
.pictLeftToRight .gallery-slide:last-of-type {
  margin-right: 0;
}
.pictLeftToRight img {
  max-height: 66vh;
}

.pictTopToBottom {
  width: auto;
}
.pictTopToBottom .gallery-slide {
  list-style: none;
  margin-bottom: 1rem;
}

.pictDiashow img {
  opacity: 1;
  transition: opacity 500ms ease-out;
  max-height: 100%;
  max-width: 100%;
  user-select: none;
}
.pictDiashow .gallery-slide {
  list-style: none;
  cursor: pointer;
  transition: opacity 240ms;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 66vh;
  pointer-events: none;
  display: flex;
  align-items: flex-start;
}
.pictDiashow .gallery-slide.active {
  pointer-events: all;
  opacity: 1;
}
.pictDiashow .gallery-slides {
  position: relative;
}

.gallery-slide {
  display: flex;
}
.gallery-slide img {
  opacity: 0;
  transition: 120ms;
}
.gallery-slide.loaded img,
.gallery-slide.loaded .gallery__copyright {
  opacity: 1;
}
.initialised .gallery-slide {
  position: absolute;
}
.gallery-slide:first-of-type {
  position: relative !important;
}

.gallery__image {
  position: relative;
  display: flex;
  background-image: url("./assets/spinner.gif");
  background-position: top left;
  background-repeat: no-repeat;
}
.gallery__image img {
  max-height: 66vh;
  display: block;
  object-fit: contain;
  object-position: top left;
}

.gallery__copyright {
  position: absolute;
  bottom: -0.25em;
  right: 0.8em;
  color: gray;
  opacity: 0;
  transition: 240ms;
  pointer-events: none;
  user-select: none;
  font-size: 0.6rem;
}
@media (min-width: 800px) {
  .gallery__copyright {
    font-size: 0.725rem;
  }
}

.block iframe {
  max-width: 95vw;
}
@media screen and (max-width: 410px) {
  .block iframe {
    width: 100%;
    height: auto;
  }
}