/* 2024-09-10 */

/* videos */
.articles-level-article > .max-width > .videos .content {
  display: grid;
  gap: var(--padding);
}

/* exhibition */
.exhibitions section {
  padding-bottom: var(--padding);
}

.article-container {
  display: flex;
  flex-wrap: wrap;

  gap: 20px;
  margin-top: var(--padding);
  margin-bottom: var(--padding);
}

.article-container article {
  box-sizing: border-box;
  /*padding: 10px;*/
  flex: 1 1 100%;
  /*max-width: 500px;*/
}

.article-container article .flex-container {
  display: flex;
  flex-direction: column-reverse;
}

.article-container article a {
  text-decoration: none;
}

.article-container article h3 {
  text-decoration: none;
}

.article-container article .flex-container div {
  color: rgba(255, 255, 255, 0.7);
  font-size: small;
  margin-bottom: var(--small-padding);
}

.article-container article img {
  padding-bottom: var(--padding);
}

.location,
.date {
  display: flex;
  align-items: center;
}

.auction .location {
  display: block;
  padding-bottom: var(--small-padding);
}

/* CV */
td {
  border: 0px solid !important;
  padding-bottom: var(--small-padding);
}

/* artworks */
.articles-level-article .social {
  display: flex;
  justify-content: space-between;
  align-content: center;
  flex-wrap: wrap;
  gap: 20px;
}

.articles-level-article .socialmedia {
  display: flex;
  align-items: center;
  gap: var(--small-padding);
  padding-top:2rem;
  padding-bottom:2rem;
}

.articles-level-article .socialmedia span {
  color: #878787;
}

.articles-level-article article nav ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  gap:1rem;
}

.articles-level-article article nav ul li a {
  text-decoration: none;
}

/*.articles-level-article article nav ul .current {
  text-decoration: underline solid var(--underlineColor);
  text-underline-offset: 0.2rem;
}*/

.articles-level-article .list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap:4rem;
  justify-items: center;
  align-items: stretch;
}

.articles-level-article .list figure {
  box-sizing: border-box;
  /*padding: 10px;*/
  flex: 1 1 100%;
  width:100%;
}

.articles-level-article .list figure a img {
  width: 500px;
}

.articles-level-article .artwork {
  /*padding-top: var(--padding);*/
}

/*.articles-level-article .artwork figcaption {
  /*display: flex;* /
  text-decoration: none;
  justify-content: space-between;
  padding-top:1.5rem;
}

.articles-level-article .max-width > .auctions .artwork figcaption {
  flex-direction: column;
}

.articles-level-article .artist-details {
  float:left;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  /* max-width: 180px; * /
}

.articles-level-article .price-status {
  float:right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.articles-level-article .artwork figcaption .buy {
  padding: 0;
  padding-top: 0.2rem;
  font-size: 16px;
  text-decoration: underline solid var(--underlineColor);
  text-underline-offset: 0.2rem;
  color: #e5e5e5;
}

/*.articles-level-article .artwork figcaption .price,
.articles-level-article .artwork figcaption .aut {
  font-weight: 700;
}

.articles-level-article .artwork .auction .price {
  font-weight: 400;
}*/

.articles-level-article .artwork .auction .aut {
  font-size:1.1em;
  font-weight:bold;
  text-decoration: none;
}

/*.articles-level-article .artwork figcaption .title {
  margin:0;
  font-size:inherit;
  font-weight:normal;
  font-style: italic;
  padding-top: 0.5rem;
  color: #e5e5e5;
  text-decoration: none;
}
.articles-level-article .artwork figcaption .year {	font-style:normal;	}*/

.articles-level-article .artwork .auction .title {
  text-decoration: none;
  font-weight: 400;
}

/*.articles-level-article .artwork figcaption .tech {
  padding-top: var(--small-padding);
  color: #e5e5e5;
}

.articles-level-article .artwork .auction .tech {
  padding-bottom: var(--small-padding);
}

.articles-level-article .artwork figcaption button {
  border: none;
  text-transform: capitalize;
}*/

.articles-level-article .artwork .auction .ok {
  font-weight: 700;
}

.articles-level-article .social form button {
  cursor: pointer;
  padding: 0;
  display: flex;
  border: none;
  text-transform: capitalize;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  color: #878787;
  background-image: url("./haus-ee/gfx/aut.follow.plus.svg");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: var(--padding);
}

/* 2024-04-14 */
#content > .max-width {
  max-width: none;
  border-left: none;
  border-right: none;
}

/* 2024-04-09 */
.desktop-view {
  display: none;
}

.a ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.a ul .current {
  text-decoration: underline solid var(--underlineColor);
  text-underline-offset: 0.2em;
}

.auth h1 {
  order: -1;
  /*font-size: 25px;*/
}
/*
nav.cat {
	padding-top:2rem;
	padding-bottom:2rem;
	}
	.cat ul {
		margin:0;
		padding: 0;
		display: grid;
		justify-items: center;
		grid-template-columns:1fr 1fr;
		gap:1rem 2rem;
		}
		.cat ul li {
			text-decoration: none;
			width: 100%;
			box-sizing:border-box;
			display: flex;
			padding: 10px;
			font-size: 13px;
			border: var(--formBorder);
			border-color: var(--underlineColor);
			justify-content: center;
			/*margin-bottom: var(--padding);* /
			}
		.cat ul li:last-child:nth-child(odd) {	grid-column:1 / -1;	}

.cat a {
  font-size: 16px;
  text-decoration: none;
}

.cat ul .current {
  /*order: -1;* /
  border: solid 3px var(--underlineColor);
}*/

.a a {
  font-size: 16px;
  text-decoration: none;
}

.hide {
  display: none;
}

.line {
  margin: 0;
  border: none;
  padding-top: 0;
  max-width: none;
  border-top: 2px solid var(--line-color);
  /*margin-bottom: var(--padding);
  margin-top: var(--padding);*/
}

.nline {
  margin: 0;
  border: none;
  padding-top: 0;
  max-width: none;
  border-top: 2px solid var(--line-color);
  /*margin-top: var(--padding);*/
}

/*#content > .max-width > article > section.search {
  margin-bottom: var(--padding);
}*/

#content > .max-width > article > section.search > .max-width {
  background-color: #252525;
}

#content article:not(:has(.search)) .nline {
  margin-bottom: var(--padding);
}

.articles-level1 .list {
  display: grid;
  grid-template-columns:2rem 1fr;
  gap:15px 20px;
  padding:0 0 var(--padding) 0;
  text-align: left;
}

.articles-level1 .list a {
  grid-column:2;
  display:block;
  /*text-decoration: none;*/
}

.articles-level1 .list .title {
  grid-column:1;
 /* display: contents;*/
 margin-bottom:0;
  font-size:inherit;
  font-weight:normal;
  text-decoration: none;
}
.articles-level1 .list .title,
.articles-level1 .list .title+a {	margin-top:2rem;	}

.a {
  padding-bottom:1.5rem;
  padding-top:1.5rem;
}

.search-field {
  display: flex;
  justify-content: center;
  padding-bottom: var(--padding);
}

.articles-level-article .bio {
  /*margin-top: 20px;*/
}

@media only screen and (min-width: 650px) {
	#content {
		padding-top:0;
		}
	/*nav.cat {
		padding-top:1rem;
		padding-bottom:2rem;
		}
	.cat ul {
		grid-template-columns: repeat(auto-fit, minmax(max(200px, 17%), 1fr));
		}
		.cat ul li:first-child {	grid-column:unset;	}*/
  .articles-level1 .list a {
    grid-column:unset;
  }
  .articles-level1 .list .title+a {	margin-top:0;	}
  .article-container {
    justify-content: space-between;
  }

  .article-container article {
    flex: 1 1 45%;
    /*padding-left: 0;*/
  }
  .articles-level-article article nav ul {
    gap: var(--padding);
	}
	.nline {
		margin-top: var(--padding);
		}
}

/* 2024-03-30 */
@media only screen and (min-width: 800px) {
  .articles-level-article header h1 {
    font-size: 32px;
  }
  /* videos */
  .articles-level-article > .max-width > .videos .content {
    grid-template-columns: 1fr 1fr;
    gap: 60px;
  }

  .articles-level-article > .max-width > .videos .content iframe {
    width: 100%;
    max-width: 600px;
    aspect-ratio: 16/9;
  }

  .article-container {
    gap: 20px;
  }

  .exhibitions section h2 {
    font-size: 24px;
  }
  /* 2024-04-17 */
  .articles-level-article .list {
    justify-items: start;
    grid-template-columns: repeat(2, 1fr);
  }

  /*.articles-level-article .artwork {
    margin: 15px;
    max-width: 400px;
  }*/

  .articles-level-article .socialmedia2 {
    display: flex;
    align-items: center;
    gap: var(--small-padding);
  }

  .articles-level-article .socialmedia2 span {
    color: #878787;
  }

  .articles-level-article .artist-details {
    max-width: 150px;
  }

  .articles-level-article article nav ul {
    gap: 80px;
  }

  .auth h1 {
    margin-top:0.5rem;
	font-size: 32px;
  }

  .mobile-view,
  .socialmedia {
    display: none !important;
  }

  .hide {
    display: block;
  }

  .desktop-view {
    display: initial;
  }

  .desktop-view .auth {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
  }

  /*.cat ul {
    gap: 20px;
    padding-top: var(--small-padding);
    padding-bottom: var(--small-padding);
  }

  .cat ul li {
    width: 180px;
    margin-bottom: 0;
  }*/

  .articles-level1 .list {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Creates a four-column layout */
    gap: 20px;
    padding: 4rem 8rem;
    text-align: left;
  }

  .articles-level1 .list .title {
    display: none;
  }

  /*.articles-level1 .list a {
    text-decoration: none;
  }*/
}

@media only screen and (min-width: 900px) {
  .articles-level-article .artist-details {
    max-width: 180px;
  }
}

@media only screen and (min-width: 1100px) {
  .articles-level-article .artist-details {
    max-width: 150px;
  }

  .articles-level-article .list {
    grid-template-columns: repeat(3, 1fr);
  }

  /*.articles-level-article .max-width > .auctions .list {
    grid-template-columns: repeat(
      auto-fit,
      minmax(min(100% / 2, max(100% / 5)), 1fr)
    );
  }*/

  .article-container {
    justify-content:left;
    gap:2.5rem 3.5rem;
  }

  .article-container article {
    flex: 1 1 20%;
    /*padding-left: 0;*/
  }
}

@media only screen and (min-width: 900px) {
  /*.articles-level-article > .max-width > .videos .content {
    padding-right: var(--small-padding);
  }*/

  .articles-level-article .artist-details {
    max-width: 200px;
  }
}


#content {
	padding-top:1rem;
	padding-bottom:2rem;
	}
	#content section.search form .element.type-text {	flex-basis:100%;	}
	#content section.search form .element.type-submit :is(label, select) {	display:none;	}
#content article.article {}
	#content article.article .born {
		margin-bottom:1rem;
		font-weight:700;
		}
	#content article.article>.bio {
		padding-top:0.2rem;
		padding-left:0.5rem;
		padding-right:0.5rem;
		}
	#content article.article nav {
		border-top:2px solid var(--line-color);
		border-bottom:2px solid var(--line-color);
		}
		#content article.article nav .current a {
			text-decoration:underline solid 2px var(--underlineColor);
			text-underline-offset:0.3em;
			}
	#content article.article section.search {
		margin-bottom:1rem;
		}
		#content article.article section.search .element.type-select {
			display:flex;
			gap:0.5rem;
			align-items:center;
			}
			#content article.article section.search .element.type-select label {
				flex-basis:6.5rem;
				font-weight:bold;
				}
				#content article.article section.search .element.type-select label::after {	content:":";	}
			#content article.article section.search .element.type-select .input {	flex-grow:100;	}
				/*#content article.article section.search .element.type-select .input select {	width:100%;	}*/
			#content article.article section.search form :is([data-name="_order"]) {	display:inline;	}
	/*#content article.article figure.artwork figcaption>:is(span, strong) {
		display:block;
		}*/
		/*<Artworks />*/
			#content article.article.artworks section.search #_order_container {
				order:1;
				flex-basis:100%;
				}
			#content article.article.artworks section.search #available_container {
				order:2;
				flex-basis:100%;
				}
			#content article.article.artworks section.search #frame_container {	order:3;	}
				#content article.article.artworks section.search #frame_container .input {	border-color:var(--underlineColor);	}
			#content article.article.artworks section.search #s_container {	order:4;	}
		/*<CV />*/
		#content article.article.cv nav,
		#content article.article.exhibitions nav,
		#content article.article.videos nav {	margin-bottom:3rem;	}
		#content article.article.cv h2.content-title {
			position:static;
			font-size:imherit;
			font-weight:normal;
			text-decoration:none;
			}
		/*<Auctions />*/
		#content article.article.auctions section.search form {	grid-template-columns:repeat(5, 1fr);	}
			#content article.article.auctions section.search form .element:not([data-name="_order"]) label {
				position:absolute;
				left:-999rem;
				top:-999rem;
				}
		/*#content article.article figure.artwork figcaption .ok {	padding-top:0.8rem;	}*/
		#content article.article figure.artwork figcaption .location {	padding-bottom:0.8rem;	}
		/*#content article.article figure.artwork figcaption .price.r {	margin-left:0.8rem;	}*/
@media all and (min-width:45em) { /* 45*12px=720px */
	#content {
		padding-top:1.7rem;
		}
		#content>.max-width>section.search>.max-width>form {	grid-template-columns:1fr 1fr 1fr auto;	}
		#content>.max-width>.list {	font-size:1.2rem;	}
		#content article.article .born {	font-size:1.2rem;	}
		#content article.article>.bio {
			margin-bottom:4rem;
			padding-left:0;
			padding-right:0;
			}
		#content article.article section.search {	margin-bottom:3.5rem;	}
			#content article.article nav ul {
				margin-top:1.8rem;
				margin-bottom:1.8rem;
				}
		#content article.article .list {
			padding:0 4.5rem 3.5rem 4.5rem;
			}
			#content article.article .list>p {	grid-column:1 / -1;	}
		#content article.article.exhibitions .article-container {
			justify-content:unset;
			gap:2.5rem 3.5rem;
			}
			#content article.article.exhibitions .article-container article {
				flex-basis: 21.5%;
				flex-grow: 0;
				}
				#content article.article.exhibitions .article-container article.item .pic {
					aspect-ratio:600/390;
					background-color:var(--imgPlaceholderColor);
					}
					#content article.article.exhibitions .article-container article.item .pic img {
						margin:0;
						padding:0;
						vertical-align:middle;
						width:100%;
						height:100% !important;
						object-fit:contain;
						}
		#content article.article.auctions .list {
			 grid-template-columns:repeat(3, 1fr);
			 }
	}
@media all and (min-width:75em) { /* 75*16px=1200px */
	/*#content .cat ul li:last-child {	grid-column:auto;	}*/
	#content article.article .list {	gap:3rem 8rem;	}
	#content article.article.auctions .list {
		padding:0 2rem 4rem 2rem;
		grid-template-columns:repeat(4, 1fr);
		gap:3rem 2.7rem;
		}
	#content article.article.videos .content {	padding:0 2rem 4rem 2rem;	}
	}
@media all and (min-width:100em) { /* 100*16px=1600px */
	}
/* 2024-03*/