/* ------------------------------
  CUSTOM MEMBERLIST
------------------------------- */

#GU-memberlist { margin-top: 40px;}
#GU-memberlist .outer .memberlist-menu { padding: 30px; border: 1px solid #737272; text-align: center;}
#GU-memberlist .outer .memberlist-menu .pages {float: right;}
#GU-memberlist .outer .memberlist-menu .pages .pagination .pagination_current, .pagination a {background-color: var(--accent1); color: #fff; border: 1px solid #111;}
#GU-memberlist .outer .memberlist-menu .pages .pagination a:link, .pagination a:visited, .pagination a:active {	background-color:#fff;}
#GU-memberlist .outer .memberlist-menu header { display: block; font-size: 56px; color: var(--accent1); line-height: 75px; text-transform: lowercase; 
font-family: var(--fvina); letter-spacing: 1px; text-align: center;}
#GU-memberlist .outer .memberlist-members {padding: 20px 105px;	border: 1px solid #737272;	margin-top: 9px;}
#GU-memberlist .outer .sortby, #GU-memberlist .outer .sortby2, #GU-memberlist .outer .userby2, #GU-memberlist .outer .pageby, #GU-memberlist .outer .memberlist-button {display:inline-block;}
#GU-memberlist .outer .sort .textbox {max-width:200px!important;}

.member-row { height: 274px; color: #111; display: inline-block; width: 902px; vertical-align: top; margin: 7px 35px; outline: 1px solid #737272; padding: 9px; background-color: #f9f9f9;}
.member-row .avatar { width: 282px; height: 276px; background-position: center; background-size: cover; display: inline-block; vertical-align: top; filter: grayscale(1);}
.member-row .stats {display: inline-block; vertical-align: top; width: 609px;  background-color: var(--faded); text-align: center; height: 275px; border-left: 1px solid #c6c4c4;  margin-left: 6px;}
.member-row .stat2 {margin-top:11px;}
.member-row .stats name {text-align: center;display: block; font-size: 29px; height: fit-content;  margin-top: 31px; 	font-weight: bolder;	font-family: 'roboto';	line-height: 25px;	margin-bottom: 18px;}
.member-row .stats lyrics {margin: 30px; display: block; margin-top: 0px; margin-bottom: 0px; font-size: 20px;  font-weight: 100; font-style: italic;  line-height: 15px; height: 60px; overflow: auto;}
.member-row .stats stat {display: block;text-transform: uppercase;	letter-spacing: 1px;}
.member-row .stats stat a { font-weight: bold; background-color: var(--accent1); color: #fff; padding: 5px;}
.member-row .stats group { font-size: 16px; margin-bottom: 15px; display: block; margin-top: 12px; color: var(--accent1); letter-spacing: 4px; text-transform: uppercase; font-weight: 700;}

		
/* ------------------------------
  CUSTOM MEMBERLIST USER
------------------------------- */


#memberlist .member { background: linear-gradient(0deg, var(--fade2) 0%, rgb(41 41 41 / 30%) 100%); width: 100%; height: 330px; position: relative; color: #e2dfdf;  text-shadow: 2px 2px 6px #000000;}
#memberlist .av {width: 100%;  height: 100%;  filter: grayscale(1);  background: rgb(90,43,54);  background: linear-gradient(0deg, rgba(90,43,54,1) 0%, rgba(192,192,192,0) 100%); border-radius: 50%;}
#memberlist .bottom { position: absolute; bottom: 70px; width: 100%; text-align: center; letter-spacing: 1px;}
#memberlist .right { position: absolute;  height: 63%; right: 0px;  width: 100%; bottom: 0px;}
#memberlist .member n { color: #fefefe; text-transform: uppercase; font-weight: 600;}
#memberlist .avatar { display:none; width: 95px; height: 96px; position: absolute; top: 10px; left: 83.5px; border-radius: 50%; border: 1px solid #918f8f; }
#memberlist .avatar .avbase {  width: 79px;  height: 80px; background-size: cover; border-radius: 50%;  margin: 5px;  border: 3px solid #cccccc;background-image:url(../../../URL); }
#memberlist .username { position: relative; display: flex; top: 14px; text-align: center; flex-direction: column;   height: 56px; width: 75%; margin: auto;  padding: 10px 0px; z-index: 1; line-height: 14px; text-shadow: 2px 2px 6px #000000;}
#memberlist .username name::first-letter { padding: 0px 10px 2px; margin-right: -8px; color: #acacac; text-transform: uppercase; font-weight: 200; }
#memberlist .username name { font-size: 12px; line-height: 10px;}
#memberlist .username name:first-line {    
	font: 25px/100% var(--fvina), cursive;
}
#memberlist .username strong {font-weight:100;}

#memberlist .stat { position: relative;  text-align: center;top: 15px; letter-spacing: 1px; text-transform: uppercase;}
#memberlist .accounts { position: absolute; z-index: 1; top: -14px; right: 27px;}
#memberlist .accounts i { position: relative; color: #e7e7e7; top: 2px;}
#memberlist .accounts a:link, #memberlist .accounts a:visited, #memberlist .accounts a:active {background-color: #1d1d1c; border-radius: 8px; padding: 5px; line-height: 10px; font-size: 10px; font-weight: 900; width: 10px; height: 10px;}
#memberlist .group { text-transform: uppercase; font-size: 115px; overflow: hidden; height: 77px; line-height: 78px; position: relative; top: -75px;  color: var(--fade2);}
#memberlist .alias { height: 81px; position: relative;  top: 0px; width: 100%; line-height: 40px; text-align: center; letter-spacing: 1px;  text-transform: uppercase;    background-color: var(--fade2);}
#memberlist .alias n {  color: #823c4c;  font-weight: 800;}
#memberlist .label {   display: block;}
#memberlist .label2 {display: block;
    top: -14px;
    position: relative;
    border-bottom: 1px solid #c34974;
    width: 200px;
    margin: auto;
    font-size: 12px;}

#memberlist .links {
    font-size: 19px;
    text-align: center;
    bottom: 10px;
    position: absolute;
    width: 100%;
    letter-spacing: 15px;
    border-top: 1px solid rgba(241, 241, 241, 0.14);}
#memberlist .links .lks {
    width: 150px;
    margin: auto;}
#memberlist .links a:link, #memberlist .links a:visited, #memberlist .links a:active  {
    border: 1px solid rgb(241 241 241 / 30%);
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    width: 30px;
    position: relative;
    top: -16px;
    margin: 0px 8px;
    background: url(../../../) center no-repeat;
    background-blend-mode: color-dodge;
    background-attachment: fixed;
    background-size: cover;
    background-color: rgba(var(--fade2),.4);}
#memberlist .links i {
    color: #fefefe;
    top: 7px;
    position: relative;
    font-size: 16px;}

#memberlist {
    width: 270px;
    height: 410px;
    font-family: 'Playfair Display';
    display: inline-block;
    margin: 5px;}
#memberlist .m-image {
    background-size: cover;
    background-position: center;
    width: 270px;
    height: 410px;
    position: absolute;
    filter: grayscale(1);
    opacity: .5;}
		
		
		