/*2024-08-21*/
#content {
	--auctionListGap:3.5rem;
	}
#content .auction.list {
	display:grid;
	padding-bottom:var(--auctionListGap);
	grid-template-columns:1fr;
	grid-template-rows:auto;
	gap:2.8rem;
	}
	#content article.auction.item {
		display:grid;
		grid-template-columns:1fr;
		grid-template-rows:auto auto 1fr auto;
		grid-template-areas:
			"pic"
			"date"
			"title"
			"link";
		gap:1rem;
		}
		#content article.auction.item.value-_enabled--1::before {
			grid-area:pic;
			z-index:1;
			display:block;
			background:rgba(255,255,244,0.4);
			padding-left:1em;
			align-self:start;
			content:"TEST";
			color:#f00;
			font-size:2em;
			font-weight:bold;
			}
		#content article.auction.item .pic {
			grid-area:pic;
			aspect-ratio:2/1;
			background:rgb(40,40,40);
			}
			#content article.auction.item .pic img {
				vertical-align:middle;
				width:100%;
				height:100% !important;
				object-fit:contain;
				}
		#content article.auction.item .date {
			grid-area:date;
			border-bottom:solid 1px rgba(72,72,72);
			padding-bottom:0.9rem;
			}
			#content article.auction.item .date .season:not(:empty)::before {	content:" - ";	}
		#content article.auction.item .title {
			grid-area:title;
			margin:0;
			font-size:1.1rem;
			text-decoration:none;
			}
		#content article.auction.item .link {
			grid-area:link;
			text-decoration:underline 2px var(--underlineColor);
			text-underline-offset:0.3em;
			}
			#content article.auction.item div.link {
				display:flex;
				justify-content:space-between;
				flex-wrap:wrap;
				}
#content.articles-level-article {	padding-top:0;	}
#content article.article {}
	#content article.article .article-header.txt {
		padding-bottom:0.5rem;
		display:grid;
		grid-template-columns:auto 1fr;
		grid-template-rows:auto;
		grid-template-areas:
			"title1 socialmedia"
			"title title"
			"action action";
		gap:1rem;
		}
		#content article.article .article-header.txt .title1 {
			grid-area:title1;
			margin:0 0 0.5rem 0;
			text-transform:uppercase;
			}
		#content article.article .article-header.txt .title {
			grid-area:title;
			font-size:inherit;
			}
			#content article.article .article-header.txt .title .info {
				display:flex;
				justify-content:space-between;
				line-height:1;
				font-weight:700;
				}
				#content article.article .article-header.txt .title .info .date {	order:1;	}
				#content article.article .article-header.txt .title .info::before {
					order:2;
					flex-basis:1px;
					background:#fff;
					content:"";
					}
				#content article.article .article-header.txt .title .info .time {	order:3;	}
				#content article.article .article-header.txt .title .info::after {
					order:4;
					flex-basis:1px;
					background:#fff;
					content:"";
					}
				#content article.article .article-header.txt .title .info .location {	order:5;	}
					#content article.article .article-header.txt .title .info img {	display:none;	}
		#content article.article .article-header.txt .socialmedia {
			grid-area:socialmedia;
			display:flex;
			justify-content:flex-end;
			align-items:center;
			gap:1rem;
			flex-wrap:wrap;
			color:rgb(135,135,135);
			}
			#content article.article .article-header.txt .socialmedia span {
				position:absolute;
				left:-999rem;
				top:-999rem;
				}
			#content article.article .article-header.txt .socialmedia img {	vertical-align:baseline;	}
	/*#content article.article nav {
		border-top:solid 1px rgb(72,72,72);
		border-bottom:solid 1px rgb(72,72,72);
		padding-top:1.5rem;
		padding-bottom:2rem;
		}
		#content article.article nav h2 {
			margin-bottom:2rem;
			font-size:inherit;
			}
		#content article.article nav div {
			display:grid;
			grid-template-columns:1fr 1fr;
			grid-template-rows:auto;
			gap:1rem 2rem;
			}
			#content article.article nav div a {
				border:solid 1px var(--underlineColor);
				padding:0.7rem 0.5rem;
				text-align:center;
				text-decoration:none;
				}*/
	#content article.article .bid_link {
		display:inline-block;
		vertical-align:middle;
		border:solid 1px rgb(136,48,9);/*var(--underLineColor);*/
		padding:0.5rem 1.5rem;
		text-decoration:none;
		}
		
	#content article.article nav+nav {	border-top:none;	}
	#content article.article #artworks {
		padding-top:3rem;
		display:grid;
		grid-template-columns:1fr;
		gap:2rem;
		}
		#content article.article #artworks>* {	width:100%;	}
		#content article.article #artworks h3 {	font-size:inherit;	}
	#content article.article #artworks figure.artwork.ok {
		border:solid 1px var(--formBgColor);
		border-radius:1rem;
		padding:1rem;
		grid-template-rows:auto 1fr;
		grid-template-areas:
			"img"
			"caption";
		--titleSize:1.1rem;
		font-size:0.8rem;
		}
	#content article.article #artworks figure.artwork.ok:hover {	border-color:rgb(101,101,101);	}
		#content article.article #artworks figure.artwork.ok a.img {
			grid-area"img";
			position:static;
			aspect-ratio:unset;
			background:none;
			display:grid;
			grid-template-columns:1fr auto;
			grid-template-rows:auto 1fr;
			grid-template-areas:
				"nr details"
				"img img";
			gap:0.5rem;
			text-decoration:none;
			}
			#content article.article #artworks figure.artwork.ok :is(.share>button, .bid_link) {
				display:inline-block;
				vertical-align:middle;
				border:solid 1px var(--formBgColor);
				padding:0.3rem 1.3rem;
				}
			#content article.article #artworks figure.artwork.ok a.img  .nr {
				grid-area:nr;
				font-size:var(--titleSize);
				}
			#content article.article #artworks figure.artwork.ok a.img  .details {
				grid-area:details;
				display:block;
				width:2rem;
				height:1rem;
				--bgColor:rgb(200,200,200);
				--bgSize:0.15rem;
				--bgSizeGap:0.2rem;
				background-size:calc(var(--bgSize) + var(--bgSizeGap)) calc(var(--bgSize) + var(--bgSizeGap));
				width:calc(var(--bgSize) * 2 + var(--bgSizeGap) * 2);  /* 1.4rem (mahub täpselt 2 täppi) */
				height: calc(var(--bgSize) * 3 + var(--bgSizeGap) * 3); /* 2.1rem (mahub täpselt 3 rida) */
				background-image: radial-gradient(circle at center, var(--bgColor) calc(var(--bgSize) / 2), transparent calc(var(--bgSize) / 2));
				font-size:0;
				}
			#content article.article #artworks figure.artwork.ok a.img img {
				grid-area:img;
				aspect-ratio:2/1.2;
				object-fit:contain;
				padding:0.5rem;
				background:rgb(20,20,20);
				}
		#content figure.artwork.ok figcaption {
			grid-area:caption;
			padding:2rem 0.5rem 0 0.5rem;
			grid-template-columns:1fr auto;
			grid-template-rows:1fr auto;
			grid-template-areas:
				"info info"
				"share bid";
			gap:1rem;
			}
			#content article.article #artworks figure.artwork.ok figcaption  .info {
				grid-area:info;
				display:grid;
				grid-template-columns:1fr;
				gap:0.5rem;
				line-height:1.7;
				text-decoration:none;
				}
				#content article.article #artworks figure.artwork.ok figcaption .info .txt * {
					margin:0;
					padding:0;
					}
					#content article.article #artworks figure.artwork.ok figcaption .info  .txt h3 {
						text-decoration:none;
						}
						#content article.article #artworks figure.artwork.ok figcaption .info  .txt h3 .aut {
							font-weight:bold;
							font-style:normal;
							font-size:var(--titleSize);
							}
						#content article.article #artworks figure.artwork.ok figcaption .info  .txt h3 .title {
							font-size:1rem;
							/*font-weight:bold;*/
							font-style:normal;
							}
						#content article.article #artworks figure.artwork.ok figcaption .info  .txt .dot {
							display:inline-block;
							vertical-align:middle;
							margin:0 0 0 0.2rem;
							font-size:0;
							background:currentColor;
							width:0.15rem;
							height:0.15rem;
							}
				#content article.article #artworks figure.artwork.ok figcaption .info  dl.price {
					margin:0;
					padding:0.5rem 0 0 0;
					border:solid 1px var(--formBgColor);
					border-width:1px 0 0 0;
					display:grid;
					grid-template-columns:1fr auto;
					align-content:start;
					gap:0 0.5rem;
					white-space:nowrap;
					}
					#content article.article #artworks figure.artwork.ok figcaption .info  dl.price dd {	font-weight:bold;	}
			#content article.article #artworks figure.artwork.ok figcaption  .share {
				grid-area:share;
				}
				#content article.article #artworks figure.artwork.ok figcaption  .share>button {
					height:auto;
					padding-left:2rem;
					background:url(haus-ee/gfx/icon.share.svg) 1rem 0.4rem no-repeat;
					background-size:0.8rem;
					text-transform:none;
					}
				#content article.article #artworks figure.artwork.ok figcaption  .share>button.js+* {	display:none;	}
				#content article.article #artworks figure.artwork.ok figcaption  .share>button.js+* {
					vertical-align:middle;
					position:absolute;
					}
					#content article.article #artworks figure.artwork.ok figcaption  .share>button+*>* {	padding-left:1rem;	}
				#content article.article #artworks figure.artwork.ok figcaption  .share>button.js.open+* {	display:inline-block;	}
			#content article.article #artworks figure.artwork.ok figcaption  .bid_link {
				grid-area:bid;
				border:solid 1px rgb(136,48,9);/*var(--underLineColor);*/
				}
@media all and (min-width:45em) { /* 45*12px=720px */
	#content .auction.list {
		grid-template-columns:1fr 1fr 1fr;
		gap:2.8rem;
		}
	#content article.auction.item>:not(.pic) {
		padding-left:0.5rem;
		padding-right:0.5rem;
		}
	#content article.article {}
		#content article.article .article-header.txt {
			grid-template-areas:
				"title1 title1"
				"title title"
				"action socialmedia";
			}
		#content article.article .article-header.txt .title h1 {
			float:left;
			font-size:1.4rem;
			}
		#content article.article .article-header.txt .title .info {
			float:right;
			gap:3rem;
			line-height:unset;
			}
			#content article.article .article-header.txt .title .info>* {	white-space:nowrap;	}
				#content article.article .article-header.txt .title .info img {
					display:unset;
					margin:0 0.7em 0 0;
					vertical-align:text-top;
					height:1.3em !important;
					}
			#content article.article .article-header.txt .title .info::before,
			#content article.article .article-header.txt .title .info::after {	display:none;	}
		#content article.article .article-header.txt .socialmedia {	/*padding-bottom:2rem;*/	}
			#content article.article .article-header.txt .socialmedia span {
				position:unset;
				align-self:baseline;
				}
		#content article.article #text {	margin-bottom:3rem;	}
		/*#content article.article nav {
			padding-top:2.5rem;
			padding-bottom:3rem;
			}
			#content article.article nav h2 {	font-size:1.4rem;	}
			#content article.article nav div {
				grid-template-columns:repeat(5, 1fr);
				gap:1rem 3.5rem;
				}*/
		#content article.article #artworks {
			padding:3rem 0;
			grid-template-columns:1fr 1fr 1fr;
			}
			#content article.article #artworks>div {
				grid-column:1 / -1;
				margin:1rem -2rem 1rem -2rem;
				}
				#content article.article #artworks>div>div>h3 {
					margin-bottom:2rem;
					font-size:1.4rem;
					}
			#content article.article #artworks figure.artwork.ok figcaption  .info {
				grid-template-columns:1fr auto;
				}
				#content article.article #artworks figure.artwork.ok figcaption .info  dl.price {
					padding:0 0 0 1rem;
					border-width:0 0 0 1px;
					}
	}
/*2024-08-21*/