#site-header #site-icons>ul>li.site-login>a>abbr {	border-color: var(--underlineColor);	}

#content {	padding-top:0;	}

#content h1 {
  text-decoration: none;
}

#content h2 {
  padding-bottom: 20px;
  text-decoration: none;
}

#content #user-menu {
  display: none;
}

#content #user-menu ul {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  padding-top: 55px;
  padding-bottom: 30vh;
  align-items: center;
  list-style-type: none;
}

#content #user-menu ul li {
  padding-top: 20px;
  padding-bottom: 15px;
  width: 250px;
  text-align: center;
}

#content #user-menu ul li:not(.logout) {
  border-bottom: 2px solid var(--line-color);
}

#content #user-menu ul li:has(> a[aria-current="page"]) {
  border-bottom: 2px solid var(--underlineColor);
}

#content #user-menu ul li a {
  text-decoration: none;
}

#content #user-menu > * {
  background: none;
}

#content section:has(h1) {
  padding-top: 2.3rem;
  padding-bottom: 4rem;
}

#content section:has(h2) {
  padding-bottom: 50px;
}

#content fieldset {
  border: none;
}

#content fieldset legend {
  /*display: none;*/
}

/* Style form elements */
#content .element {
	flex-wrap:wrap;
	padding-bottom: 14px;
	}
	#content .element label {
		display:block;
		padding-bottom: 10px;
		}
	#content .element input:not([type="checkbox"], [type="radio"]) {
		width:100%;
		}

/*#content section.account form {
  max-width: 500px;
}*/

#content section.account .element {
  /*margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;*/
}

#content form.axs.form>.element>legend {	float:left;	}
#content form.axs.form .element>.input {
	display:block;
	max-width: 335px;
	}
/*#content form.axs.form .element.type-checkbox>.input {	border-color:var(--underlineColor);	}*/
#content form.axs.form .element.type-checkbox>.input,
#content form.axs.form .element.type-radio>.input {	max-width:none;	}
	#content form.axs.form .element.type-radio>.input .option>span::before {
		border-color:var(--underlineColor);
		/*padding:0 0 0.5rem 0.5rem;*/
		}
#content section.account .element:not(.type-checkbox) label {
  text-align: left;
  color: #fff;
}
#content form.axs.form .element>.txt {
	grid-column:2;
	flex-basis:100%;
	}
#content form.axs.form .element input[type="radio"] {
	/*width: 1.9rem;*/
	height:auto;
	}
#content form.axs.form button[type="submit"],
#content form.axs.form input[type="submit"] {
	border-color:var(--underlineColor);
	text-transform:uppercase;
	}
	#content section.reg form>.element[data-name="auth"] .input>span {
		display:block;
		padding:0.4rem 0 0.1rem 0;
		}
	#content section.reg form>.element a.axs.user.auth.eeid {
		display:inline-block;
		border:solid 1px var(--underlineColor);
		padding:0.5rem;
		}
		#content section.reg form>.element img {
			display:block;
			border:solid 1px var(--underlineColor);
			padding:0.3rem;
			height:2rem !important;
			background:#fff;
			}

#content section.account form.axs.form input[type="text"],
#content section.account form.axs.form input[type="password"],
#content section.account form.axs.form input[type="email"],
#content section.account form.axs.form input[type="submit"],
#content section.account form.axs.form button[type="submit"],
#content section.account form.axs.form select,
#content section.account form.axs.form textarea,
/*#content section.account form.axs.form input[type="checkbox"],*/
#content section.account form.axs.form input[type="tel"] {
  width: 70%;
  padding: 10px;
  margin-left: auto;
 height: 40px;
  width: 100%;
  color: #e5e5e5;
  border: 1px solid #878787;
}

#content section.account form.axs.form button[type="submit"],
#content section.account form.axs.form input[type="submit"] {
  border: 1px solid var(--underlineColor) !important;
}

/* Style for checkboxes */
#content .element .user_remember,
#content .element .pass_send {
  display: flex;
  align-items: center;
  gap: var(--small-padding);
}

#content .element input[type="checkbox"] {
  height: 20px;
  width: 20px;
}

#content section.account .element.type-checkbox {
  /*display: flex;
  padding-left: 30%; /* offset to the right * /
  gap: 30px;
  flex-direction: row-reverse;*/
}

#content section.account .element.type-checkbox label {
  display: inline; /* Keep label inline with checkbox */
  margin-right: 10px;
}

#content section.account .element.type-checkbox input[type="checkbox"] {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  /*-webkit-appearance: none;
  appearance: none;*/
  /*border: 1px solid #878787;*/
  background: #000000;
  cursor: pointer;
}

#content section.account .element.type-checkbox input[type="checkbox"]:checked {
  background-color: var(--underlineColor);
}

section .aut form {
  display: flex;
  align-items: center;
  max-width: calc(100% - 20px);
  width: 320px;
  justify-content: space-between;
  padding-bottom: 20px;
}

section .aut form a {
  text-decoration: none;
  font-weight: 700;
}

section .aut 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("./gfx/aut.follow.plus.svg");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: var(--padding);
}

#content section figure.artwork {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  gap: var(--padding);
  align-items: center;
  max-width: 400px;
}

#content section figure.artwork img.pilt_t.t {
  max-width: 128px;
}

#content section figure figcaption {
  display: flex;
  flex-direction: column;
  text-transform: capitalize;
}

#content section figure figcaption :is(span) {
  font-weight: 400;
  font-size: 16px;
  color: #e5e5e5;
}

#content figure dl {
  display: flex;
  flex-direction: column;
}

#content figure .bid-row {
  display: flex;
  justify-content: space-between;
}

#content figure .bid-row dd {
  white-space: nowrap;
}




	/*#content section.reg>.ok li a {
		display:grid;
		grid-template-columns:5rem 1fr;
		grid-template-areas:
			"pic title"
			"pic date"
			"pic .";
		gap:1rem;
		text-decoration:none;
		}
		#content section.reg>.ok li a .pic {
			grid-area:pic;
			}
		#content section.reg>.ok li a em {
			grid-area:title;
			font-style:normal;
			text-decoration:underline solid 2px var(--underlineColor);
			}
		#content section.reg>.ok li a time {
			grid-area:date;
			font-size:0.9em;
			}*/
		#content section.reg strong.nr {
			display:inline-block;
			margin:0 0 0 0.5em;
			border:solid 1px var(--underlineColor);
			padding:0 0.5em;
			min-width:0.3em;
			/*color:var(--underlineColor);*/
			text-align:right;
			font-weight:normal;
			}
		#content section.reg strong.nr:empty {	display:none;	}
		#content section.reg .msg strong.nr {	margin:0 0 0 0.5em;	}
		#content section.reg .ok {
			display:grid;
			grid-template-columns:1fr auto;
			gap:1rem;
			margin:0 0 2rem 0;
			padding:0;
			width:fit-content;
			}
			#content section.reg .ok li {
				display:grid;
				grid-template-columns:subgrid;
				grid-column:1 / -1;
				list-style-type:none;
				margin:0;
				padding:0;
				}
		/*#content section.reg form.axs.form {
			display:grid;
			grid-template-columns:1fr;
			}
		#content section.reg form.axs.form>.element {
			grid-column:1;
			display:grid;
			grid-template-columns:15rem 1fr;
			grid-template-areas:
				"label input"
				"txt txt";
			}
		#content section.reg form.axs.form>.element.type-checkbox {
			grid-template-columns:auto 1fr;
			grid-template-areas:
				"txt txt"
				"input label";
			}
			#content section.reg form.axs.form>.element>:is(label, legend) {
				grid-area:label;
				}
			#content section.reg form.axs.form>.element>.input {	grid-area:input;	}
			#content section.reg form.axs.form>.element>.txt {	grid-area:txt;	}*/
		
		/*#content section.reg form>.element {
			margin-bottom:2rem;
			padding:0.2rem 1.5rem;
			max-width:40rem;
			/*height:auto;
			font-weight:normal;
			font-size:inherit;
			text-align:left;
			text-decoration:none;
			text-transform:none;* /
			}
		#content section.reg form>.element.border {
			padding:0.2rem 1.5rem;
			}
		/*#content section.reg form .btn * {	text-decoration:none;	}
		#content section.reg form .btn>div:empty,
		#content section.reg form .btn>*:disabled,
		#content section.reg form .btn>*:has(:disabled) {	display:none;	}
			#content section.reg form .btn>label>input {
				display:inline;
				margin:0;
				border:none;
				padding:0;
				}*/
		/*#content section.reg form .btn:is(label, button) {	cursor:pointer;	}
			#content section.reg form .btn .complete {
				display:block;
				margin-top:0.1rem;
				width:1rem;
				height:1rem;
				font-size:0;
				background:var(--underlineColor) url(haus-ee/gfx/icon.checked.svg) no-repeat;
				background-size:contain;
				}
			#content section.reg form .btn .complete:empty {	visibility:hidden;	}
			#content section.reg form .btn input[type="file"] {
				width:0;
				height:0;
				padding:0;
				border:none;
				overflow:hidden;
				}*/

@media all and (min-width:45em) { /* 45*12px=720px */
	#content {
		padding-top:0;
		padding-bottom:0;
		}
  #content section.art .artwork-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

/*@media only screen and (min-width: 800px) {*/
  #content h2 {
    font-size: 20px;
  }
	
	#content form.axs:not(.login) {
		display:grid;
		grid-template-columns:11rem 1fr;
		grid-template-rows:auto;
		gap:1rem;
		max-width:50rem;/*31.2rem;*/
		}
		#content form:not(.axs.login)>:is(.msg, .messages) {
			grid-column:1 / -1;
			}
		#content form:not(.axs.login)>.element {
			grid-column:1 / -1;
			padding:0;
			}
		#content form:not(.axs.login)>.element:not(.type-checkbox, .type-content, .type-submit) {
			display:grid;
			grid-template-columns:subgrid;
			}
		#content form:not(.axs.login)>.element:is(.type-checkbox, .type-submit) {
			grid-column:2;
			}
			#content form:not(.axs.login)>.element:not(.type-checkbox, .type-submit)>label {
				padding:0.4rem 0 0 0;
				}
  
  /*#content .element {
    display: flex;
  }*/

  #content > .max-width {
    border-left: 0;
    border-right: 0;
    display: grid;
    grid-template-columns: 0.31fr 1fr;
  }

  #content #user-menu {
    display: initial;
    background: #252525;
  }

  #content section:has(h1) {
    padding-top: 4rem;
    padding-left: 4rem;
  }

  /*#content section:has(h1) h1 {
    display: none;
  }

  section .aut form button {
    font-size: 20px;
  }

/*@media only screen and (min-width: 1000px) {*/
  #content section .artwork-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}