#memberlist .boxtitle {
	padding: 3px 5px;
	padding-bottom: 0;
}

.memberlistcontainer {
	display: flex;
	flex-direction: column;
}

#memberlist .titlecontainer {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 5px;
	background: var(--theadbgcolor);
	color: var(--theadtextcolor);
}

.letters {
	flex: 1;
	text-align: right;
}

.members {
	flex: 1;
	display: flex;
	gap: 20px;
	padding-top: 20px;
	flex-flow: row wrap;
	justify-content: flex-start;
}

.members img {
	width: 150px;
	height: 250px;
	object-fit: cover;
	filter: sepia(70%);
}

.user {
	flex: 0 1 calc(50% - 10px);
	border: 10px solid var(--theadbgcolor);
	background: var(--trowbgcolor);
	color: var(--trowtextcolor);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}


@media (max-width: 750px) {
  .user {
    flex: 0 1 100%;
  }
}


.user a {
	color: var(--trowlinkcolor);
}

.usercontainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 10px;
	gap: 10px;
}

.userdescription {
	flex: 1;
	text-align: justify;
	hyphens: auto;
}


.userfacts {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 4px;
}

.userfacts div {
	flex: 0 1 calc(50% - 2px) !important;
	background: var(--theadbgcolor);
	color: var(--theadtextcolor);
	padding: 5px;
}

.userfooter {
	display:flex;
	flex-wrap: wrap;
}

.userfooter div {
	flex: 1;
	background: var(--theadbgcolor);
	color: var(--theadtextcolor);
	padding-top: 10px;
}

.userfooter div:last-child {
	text-align: right;
}

.usertitle {
	text-align: center;
	font-family: var(--titlefontfamily), serif;
	font-size: 20pt;
	letter-spacing: 3px;
	line-height: 1;
	padding-bottom: 10px;
	background: var(--theadbgcolor);
	color: var(--theadtextcolor);
}

.username {
	text-align: center;
	font-family: var(--titlefontfamily), serif;
	font-size: 25pt;
	letter-spacing: 3px;
	line-height: 1;
	padding-bottom: 10px;
}

#memberlist .searchbox {
	padding: 10px;
	background: var(--theadbgcolor);
	color: var(--theadtextcolor);
}

#memberlist .searchbox a {
	color: var(--theadlinkcolor);
}

#memberlist .searchboxtitlecontainer {
	display: flex;
}

#memberlist .searchboxtitle {
	text-transform: uppercase;
	flex: 1;
	padding: 10px 0;
}

#memberlist .advancedsearch {
	text-align: right;
	padding-bottom: 10px;
	padding-top: 8px;
}

#memberlist .searchboxcontentcontainer {
	display: flex;
	padding: 10px;
	background: var(--trowbgcolor);
	color: var(--trowtextcolor);
}

#memberlist .searchboxcontentcontainer > div {
	flex: 1;
}

#memberlist .sorting {
	display: flex;
  gap: 20px;
}



#memberlist .submitsearch {
	text-align: center;
	margin-top: 10px;
}