.member-header 
{
display: grid;
  gap: 5px;
  grid-template-columns: 1fr 3fr;
	min-height:250px;
	position:relative;
	margin-bottom: 5px;
}
.member-header h2{margin:0;}
.member-header > div:first-of-type
{
	position:relative;
	padding: 20px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.member-header div:nth-of-type(1) img
{
	width:100px;
	height:100px;
	border-radius:100%;
}

.memberprofile-buttons
{
display: flex;
  gap: 5px;
  justify-content: end;
	padding: 10px;
}

.memberprofile-buttons button
{
width: 45px;
  height: 45px;
  padding: 0;
}


.member-banner-container{
padding: 0;
  position: relative;
display: flex;
  flex-flow: column;
	gap: 5px;
}

.member-banner
{
	background-image: url(https://w.wallhaven.cc/full/w5/wallhaven-w5o7r6.png);
	  background-position: 50%;
	  background-size: cover;
height: 250px;
	width:100%;
	border-radius: var(--radius);
  position: relative;
cursor: pointer;
	background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.member-information{
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 5px;
	padding:0;

}

.member-information .memberinfo-box 
{
display: flex;
  gap: 10px;
  align-items: center;
	transition:0.1s ease-in-out all;
	height: 60px;
  padding: 10px;
}


.member-information .lastvisit span
{
	margin:0;
}

.member-information span p{ 
	margin: 0;
  font-size: 13px;
  color: var(--text-secondary);
  text-transform: uppercase;
}
.member-posts
{
display: flex;
  flex-flow: column;
}
.member-posts img 
{
	width:50px;
	height:50px;
	border-radius:100%;
}
.member-post-row {
	position:relative;
	margin-top: 5px;
}

.member-post-row .post-information
{
display: flex;
  gap: 10px;
	align-items: center;
	margin-bottom:5px;
	border-bottom:1px solid var(--border-color);
	padding-bottom: 5px;
}
.member-post-row div:nth-of-type(1) h3{ margin:0;}
.member-post-row div:nth-of-type(1) p{
	margin:0;
	color:var(--text-secondary);
	font-size:12px;
}
.member-content-container
{
	display:grid;
	grid-template-columns: 1fr 3fr;
	gap:5px;
}
.member-post-threads
{
	position:relative;
	display:flex;
	flex-flow:column;
}
.member-post-threads .member-post-buttons
{
display: grid;
  grid-template-columns: 1fr 1fr 1fr;
	gap:5px;
}
.member-sidebar .cardstyling
{
	padding:0;
margin-bottom: 5px;
}

.member-staff
{
padding: 20px 20px !important;
  box-sizing: border-box;
position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
	opacity:1;
	background-size: 100%;
	transition:0.2s ease-in-out all;
}


.member-staff h3{margin:0;}
.member-staff p{margin:0;}
.member-staff:hover {

	opacity:0.8
}

.member-staff .staff-icon
{
font-size: 36px;
}

.member-gradientbox{
border: 1px solid #90f57b !important;
  background: linear-gradient(313deg,rgba(255, 255, 255, 0) 0%, rgba(95, 237, 83, 0.12) 100%) !important;
}

.member-gradientbox.gradientbox-warning
{
border: 1px solid #f5ba7b !important;
  background: linear-gradient(313deg,rgba(255, 255, 255, 0) 0%, rgba(237, 155, 83, 0.12) 100%) !important;
}

.member-gradientbox .gradient-icon
{
	font-size: 36px;
}

.member-gradientbox h3{margin:0;}
.member-gradientbox p{margin:0;}

.member-post-content > div {
  display: none;
}
.member-post-content > .active {
  display: block;
}
.member-post-buttons button {
  background-color: var(--accent-color-darken);
	padding: 8px 16px;
  cursor: pointer;
}
.member-post-buttons button.active {
  background-color: var(--accent-color);
  color: white;
}


.post-text-wrapper {
  overflow: hidden;
  max-height: 150px;
  transition: max-height 0.2s ease;
}

.post-text-wrapper.expanded {
  max-height: 9999px;
}


.show-more-btn {
  display: inline-block;
  margin-top: 10px;
  background: var(--accent-color);
  color: white;
  padding: 5px 10px;
  border: none;
  cursor: pointer;
  font-size: 0.9em;
}

.memberinfo-box:first-child:after
{
	display:none;
}
.memberinfo-box:after
{
position: absolute;
  content: "";
  width: 2px;
  height: 50px;
  background: var(--border-color);
  border-radius: 50px;
  margin-left: -15px;
}
#signature-tab .member-post {margin-top:5px;}
#signature-tab .member-post img{ max-width:100%; }
		

.memberlist-users-container
{
	margin-top:10px;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap:5px;
}
.memberlist-users-container div
{
display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
	gap:5px;
}

.memberlist-users-container div img
{
	border-radius:100%;
}

.tooltip-memberprofile
{
left: auto !important;
  right: -10px !important;
  bottom: 0px !important;
  background: var(--background) !important;
}
		
.member-avatar{position:relative;}