/* CSS File: gc-members.css
 * Created by Carter (ServoBilly) on 2025-08-27 15:08:38
 * Last Updated: 2025-08-27 15:08:38 by Carter (ServoBilly)
 * Active Theme: GAMER CHURCH
 */

/* PTB GAMES */

#top.page-id-628 h1.entry-title::after,
#top.page-id-628 h1.entry-title::before,
#top.single-game h1.entry-title::before,
#top.single-game h1.entry-title::after {
	background-image: url('/wp-content/uploads/2024/12/game-kiosk.gif');
	height: 2em;
	margin-top: -0.25em;
}

#top .game-title {
	text-align: center;
}

#top .game-title h1 {
	margin-bottom: 0.5em;
}

#top .game-stream,
#top .game-review {
	border: var(--border);
	padding: 1em;
	margin: 1em 0 2em;
	background-color: var(--bg);
	background-image: var(--bg-accent);
	position: relative;
}

#top .ptb_game_stream_vods .ptb_text_before {
	font-family: var(--title-font);
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 1em;
	display: block;
	padding-left: 2em;
}

#top .ptb_text_before svg {
	max-width: 2em;
	max-height: 2em;
	overflow: hidden;
}

#top .ptb_game_stream_vods .ptb_field_icon {
	position: absolute;
}

#top .ptb_extra_rating svg {
	opacity: 0;
}

#top .ptb_extra_rating > span {
	background-image: url('/wp-content/uploads/2024/12/star-spin.gif');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 1.25em;
	height: 1.25em;
	margin: 0;
	filter: saturate(0) brightness(0.8);
}

#top .ptb_extra_rating > span.ptb_extra_voted {
	filter: unset;
}

#top .ptb_extra_rating > span:hover {
	filter: hue-rotate(-40deg) contrast(2) brightness(3) saturate(4);
	transform: scale(1.2);
}

#top .game-meta {
	border: var(--border);
	display: grid;
	grid-template-columns: 33% 67%;
	background-image: var(--bg-accent);
	margin-bottom: 1em;
}

#top .game-meta .ptb_col_first {
	border-right: 1px solid var(--border-color);
	padding: 5px;
	position: relative;
}

#top .game-meta .ptb_col_first * {
	margin: 0;
}

#top .game-meta .ptb_col_last h3 {
	margin: 0;
	font-family: inherit;
	letter-spacing: 0.1em;
}

#top .game-meta .ptb_col_last .ptb_module {
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid var(--border-color);
	position: relative;
	padding-left: 165px;
}

#top .game-meta .ptb_col_last .ptb_module:first-of-type {
	padding-left: 5px;
}

#top .game-meta .ptb_col_last .ptb_text_before {
	width: 155px;
	display: block;
	border-right: 1px solid var(--border-color);
	margin: 0;
	padding: 5px;
	padding-left: 2.5em;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	font-size: 14px;
	white-space: nowrap;
}

#top .game-meta .ptb_col_last .ptb_field_icon {
	position: absolute;
	left: 5px;
	top: 5px;
	height: 1.25em;
	width: 1.25em;
	line-height: 1.25em;
	text-align: center;
}

#top .game-meta time {
	letter-spacing: 0.05em;
}

#top.single-game .ptb_entry_content p:first-of-type:first-letter {
	font-family: var(--alt-font);
	font-weight: bold;
	text-transform: uppercase;
	font-size: 2.85em;
	float: left;
	line-height: 1;
	margin-top: 0.1em;
	margin-right: 0.1em;
	color: var(--alt);
	text-shadow: 0.05em 0.05em black;
}

@media (max-width: 767px) {
	#top .game-meta {
		grid-template-columns: 100%;
	}
	#top .game-meta .ptb_col_first {
		border-right: none;
		border-bottom: 1px solid var(--border-color);
	}
	#top .game-meta .ptb_col_last .ptb_text_before {
		position: relative;
		border: none;
		display: block;
		width: auto;
		left: 0;
		padding: 0;
	}
	#top .game-meta .ptb_col_last .ptb_module {
		padding-left: 2.5em;
		line-height: 1.75em;
	}
	#top .game-meta h3 {
		padding: 5px;
	}
	#top .game-meta .ptb_col_last .ptb_field_icon {
		top: 7px;
		left: 10px;
	}
}

@media (min-width: 450px) and (max-width: 767px) {
	#top .game-meta .ptb_col_last .ptb_module:not(:first-of-type) {
		width: 50%;
		float: left;
	}
	#top .game-meta .ptb_col_last .ptb_module {
		border-right: 1px solid var(--border-color);
	}
}

@media (max-width: 450px) {
	#top .ptb_grid4,
	#top .ptb_grid5 {
		grid-template-columns: 100% !important;
		grid-gap: 0;
	}
	#top .game-card .ptb_col {
		position: relative;
		padding-left: 40%;
		overflow: hidden;
		min-height: 7em;
		display: grid;
		align-content: center;
	}
	#top .game-card .ptb_thumbnail {
		position: absolute;
		left: 0;
		width: calc(40% - 10px);
	}
}

#top .ptb-post-nav {
	margin: 1em 0;
}

#sidebar .ptb_loops_shortcode {
	display: block;
}

#top .game-sidebar {
	display: grid;
	grid-template-columns: 70px calc(100% - 70px);
}

#top .game-sidebar img {
	width: 60px;
}

#top .game-sidebar .ptb_post_title {
	font-size: 17px;
	margin: 0;
}

#top .game-sidebar .ptb_post_title a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#top .game-sidebar .ptb_taxonomies {
	font-size: 14px;
	line-height: 1.5em;
}

#top .game-comments h2 {
	display: none;
}

#top.single .ptb_extra_lightbox {
	display: block;
	float: left;
	width: 100%;
	clear: both;
	margin-top: 1em;
}

#top.single .ptb_extra_lightbox img {
	border: var(--border);
}

#sidebar .ptb_loops_shortcode {
	gap: 0;
}

#sidebar .ptb_post {
	margin-bottom: 5px;
	border-bottom: 2px dashed var(--border-color);
	padding: 10px 0;
}

#top .ptb_post_image {
	margin: 0;
}

.ptb_loops_shortcode .ptb_post {
	margin-bottom: 1em;
}

#top .game-card {
	position: relative;
	padding: 7px;
	border: 1px solid var(--border-color);
	background: var(--bg);
}

#top .game-card h3 {
	font-size: 1.1em;
	margin: 0;
	padding-top: 5px;
}

#top .game-card .ptb_taxonomies {
	font-size: 14px;
	line-height: 1.5em;
}

@media (max-width: 1200px) {
	#top .ptb_grid5 {
		grid-template-columns: repeat(4,1fr)
	}
}
@media (max-width: 989px) {
	#top .ptb_grid4,
	#top .ptb_grid5 {
		grid-template-columns: repeat(3,1fr)
	}
}
@media (max-width: 600px) {
	#top .ptb_grid4,
	#top .ptb_grid5 {
		grid-template-columns: repeat(2,1fr)
	}
}

#top .donor-sessions,
#top .donor-duration {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	pointer-events: none;
	user-select: none;
	visibility: hidden;
}

#donorStats {
	border: 3px outset var(--border-color);
	margin-bottom: 1em;
	padding: 1em;
	background: var(--sub);
}

#donorStats h3 {
	font-size: 1.25em;
	margin: 0;
}

#donorStats p {
	margin: 0;
	font-style: italic;
}

#donorStats ul {
	margin-top: 0.5em;
}

#donorStats i {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.85em;
	line-height: 1.5em;
	display: inline-block;
}

#donorStats b {
	display: inline-block;
	font-weight: bold;
	color: var(--alt);
}

/* PTB SEARCH */

#top .select2-dropdown,
#top .select2-container .select2-choice {
	background: var(--bg);
	border: 1px solid;
	border-radius: 0;
	padding: 0.5em;
	height: auto;
	min-height: 40px;
	line-height: 1.25em;
	color: inherit;
}

#top .select2-dropdown ul {
	margin: 0;
}

#top .select2-selection__rendered {
	color: white !important;
}

#top .select2-selection__choice {
	border-radius: 0;
	border: 1px solid;
	background: var(--sub);
	overflow: hidden;
}

#top .select2-selection__choice__remove {
	color: inherit !important;
	display: inline-block;
	transform: scale(1.75);
}

.um-field .select2-container.select2-container--open .select2-dropdown .select2-results li, .um-search-filter .select2-container.select2-container--open .select2-dropdown .select2-results li {
	color: inherit !important;
}

#top .select2-results__option--highlighted {
	background: var(--sub);
	color: var(--main) !important;
}

#top .ptb_search_sortfilter_wrapper .ptb_search_select_wrap {
	width: calc(100% - 70px);
	margin: 0;
}

#top .ptb_search_sortfilter_wrapper {
	position: relative;
}

#top .ptb_search_sortfilter_order {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0;
}

#top .ptb_search_sortfilter_order a {
	border-radius: 0;
	border: 1px solid;
	color: inherit;
	height: 40px;
	display: inline-block;
	line-height: 38px;
	padding: 0;
	width: 1.5em;
	margin: 0;
	text-align: center;
}

#top .ptb_search_sortfilter_order .selected {
	background: var(--alt);
}

#top .ui-autocomplete,
#top .select2-drop {
	border-radius: 0;
	border: 1px solid;
	color: inherit;
	background: var(--bg);
	box-shadow: unset;
}

#top .ui-menu-item-wrapper {
	color: inherit;
}

#top .ui-menu-item-wrapper:hover,
#top .select2-result:hover,
#top .select2-highlighted {
	color: var(--alt);
}

@media (min-width: 600px) and (max-width: 1000px) {
	#top .ptb-search-form .ptb_game_row {
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 20px;
	}
	#top .ptb-search-form .ptb_col_first {
		display: none;
	}
}

@media (max-width: 600px) {
	#top .ptb_search_sortfilter {
		margin-top: 20px;
	}
}

#top .um-user-bookmarks-button {
	display: block;
	max-width: max-content;
	margin: 0.5em auto 1.5em;
	text-decoration: none;
}

#top .um-user-bookmarks-modal .um-user-bookmarks-modal-content {
	background-color: var(--sub);
	background-image: var(--bg-accent);
	border-radius: 0;
	border: var(--border);
}

#top .um-modal-btn {
	background: var(--main);
	color: var(--bg);
	border: 1px solid;
	border-radius: 0;
	font-weight: bold;
	font-size: inherit;
	padding: 0 1em;
}

#top .um-modal-btn:hover {
	background: var(--alt) !important;
	color: var(--body) !important;
}

#top label[for="um_user_bookmarks_access_type_checkbox"] {
	display: flex;
}

#top label[for="um_user_bookmarks_access_type_checkbox"]::before {
	background: var(--bg);
	border: 1px solid;
}

#top .um-user-bookmarks-modal-content > br {
	display: none;
}

#top .um-user-bookmarks-profile-add-folder-holder {
	margin-top: 2em;
}

#um-user-bookmarks-profile-add-folder-form {
	background: var(--sub) !important;
	border: 3px outset var(--border-color);
	margin-top: 1em;
}

#um-user-bookmarks-profile-add-folder-form .um_user_bookmarks_profile_create_folder_btn {
	display: block;
	padding: 0 1em;
}

#top .um-user-bookmarks-select-folder-label {
	background: black;
	border: 1px solid;
	margin: 0.25em 0;
}

#top .um-user-bookmarks-select-folder-label:hover {
	background: var(--alt);
}

#top label.um-user-bookmarks-select-folder-label {
	max-width: 100%;
}

#top .um .bookmarks br {
	display: none;
}

#top .um .bookmarks hr {
	margin: 1.5em -10px;
}

#top .um-user-bookmarks-post-content h3 {
	margin-top: 0;
}
#top .um-user-bookmarked-item img {
	border: 1px solid;
}

#top .um-user-bookmarked-item > div {
	display: grid;
	grid-template-columns: 20% 75%;
	grid-gap: 0 5%;
	position: relative;
	width: 100%;
}
#top .um-user-bookmarked-item.no-image > div {
	grid-template-columns: 100%;
}
#top .um-user-bookmarked-item > div > * {
	width: 100%;
}

#top .um-bookmarks-profile {
	display: grid;
	text-align: center;
	max-width: 60px;
	margin-bottom: 1em;
}

#top .um-bookmarks-profile > a + a:not(.um-user-bookmarks-button) {
	display: none;
}

#top .um-bookmarks-profile .um-user-bookmarks-button {
	margin: 0 auto;
	font-size: 12px;
	display: block;
	color: var(--alt);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-decoration: underline !important;
}

#top .um-bookmarks-profile a {
	margin: 0;
	text-align: center;
}


#top .um-bookmarks-profile img {
	width: 50px !important;
}

#top .um-bookmarks-profile .um-user-bookmarks-button:hover {
	color: var(--body);
}

/*-- ULTIMATE MEMBER --*/

/*REGISTER*/

#top .um-field-checkbox-option,
#top .um-field-radio-option,
#top .um-field-block,
#top .um:not(.um-admin),
#top .um .um-field-label {
  color: inherit !important;
  font-size: inherit;
}

#top .um-field .select2.select2-container .select2-selection,
#top .um-search-filter .select2.select2-container .select2-selection {
	background: var(--bg) !important;
}

#top a.um-link-alt {
	color: var(--main) !important;
	text-decoration: underline !important;
}
#top a.um-link-alt:hover {
	color: var(--alt) !important;
}

.um-field .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline, .um-search-filter .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline,
#top .select2-selection__rendered {
	margin: 0 !important;
}

#top .select2-selection {
	padding-bottom: 0 !important;
}

#top .um-row-heading {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
  letter-spacing: 0.1em;
}

#top .um-form {
	position: relative;
}

#top .um:not(.um-profile) .um-form h3 {
  font-size: 1.25em;
  color: var(--main);
  transform: scaley(1.5) translatey(-0.15em);
	text-align: center;
	letter-spacing: 0.1em;
}

#top .um-login .um-form {
	padding: 1em;
	padding-top: 0;
	margin-top: 40px;
	background-color: var(--sub);
	background-image: var(--bg-accent);
	border: var(--border);
}

#top .um-field .select2.select2-container .select2-selection,
#top .um-search-filter .select2.select2-container .select2-selection {
	border-radius: 0 !important;
}

.um .um-cover-add:hover, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-item-meta a, .um .um-member-less a:hover, .um .um-member-more a:hover, .um .um-member-name a:hover, .um .um-members-pagi a:hover, .um .um-profile-subnav a.active, .um .um-tip:hover, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color,
#top .um-toggle-password:hover i {
	color: var(--alt);
}

#top .um-register {
	max-width: 100%;
}

#top .um-register .um-right {
	display: none;
}

#top .um-register .um-left {
	width: 100% !important;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 1.5em;
}

#top .login-box-2 .um-col-1,
#top .login-box-1 .um-col-1 {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 0.5em 1em;
	border: 2px outset var(--border-color);
	padding: 1em;
	background: var(--bg);
}

#top .login-box-2 .um-col-1 {
	margin-bottom: 2em;
}

#top .login-box-2 .um-field-nickname,
#top .login-box-2 .um-field-block, 
#top .login-box-1 .um-field-block {
	grid-column: 1/3;
}

#top .um-col-alt {
	margin: 0;
}

#top #um-submit-btn,
#top .um-button {
	border-radius: 0 !important;
	text-transform: uppercase !important;
	font-weight: bold !important;
	transition: unset;
	border: 1px solid !important;
}

#top .um-button {
	background: var(--bg);
}

#top .um-button:hover {
	background: white;
	color: var(--bg);
	cursor: pointer;
}

#top #um-submit-btn {
	background: var(--alt);
}

#top #um-submit-btn:hover {
	background: var(--main);
	color: black;
}

#top:not(.logged-in) .wpulike::before {
	content: "PLEASE LOG IN TO REQUEST!";
	color: var(--alt);
	font-weight: bold;
	font-style: italic;
	display: block;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
}

#top .picker__box {
	background-color: var(--sub);
	background-image: var(--bg-alt);
}

.picker--focused .picker__list-item--highlighted, .picker--focused .picker__list-item--selected, .picker__footer, .picker__header, .picker__list-item--selected {
	background: var(--sub);
}

#top .picker__header select {
	background: var(--bg) !important;
}

#top .picker__box button:hover {
	color: var(--alt);
}

.picker--focused .picker__day--highlighted {
	background: var(--main);
	color: var(--bg);
}

 .picker__list-item--highlighted:hover,
.picker__day--highlighted:hover, .picker__day--infocus:hover, .picker__day--outfocus:hover,
#top .picker__nav--next:hover, #top .picker__nav--prev:hover, .picker__list-item--selected:hover, .picker__list-item:hover, .um .um-field-group-head:hover  {
	background: var(--alt) !important;
}

@media (max-width: 767px) {
	#top .um-form .um-row > div {
		display: block !important;
		grid-template-columns: 100% !important;
	}
}

/* UM PROFILE */

#top.um-page-user h1.entry-title::before,
#top.um-page-user h1.entry-title::after {
	background-image: url('/wp-content/uploads/2024/12/3d-skull.gif');
}

#top.um-page-account h1.entry-title::before,
#top.um-page-account h1.entry-title::after {
	background-image: url('/wp-content/uploads/2024/12/3gears.gif');
}

#top.search h1.entry-title::before,
#top.search h1.entry-title::after,
#top.um-page-members h1.entry-title::before,
#top.um-page-members h1.entry-title::after {
	background-image: url('/wp-content/uploads/2024/12/search-glass.gif');
}

#top #content .um-member-tagline:not(.um-member-tagline-description) {
	border-bottom: 1px solid;
	display: inline-block;
	padding: 0 0.25em;
	font-weight: bold;
}

#top .um-member-tagline-role_select {
	color: var(--alt) !important;
	text-transform: uppercase;
}

#top .um-item-meta,
#top .um-profile.um .um-profile-meta,
#top .um-meta-text,
#top .um-profile-note,
#top .um-profile-note span {
	color: inherit;
}

#top .um-cover,
#top .um-profile-photo a.um-profile-photo-img {
	background-color: var(--sub);
}

.um .um-field-group-head, .um .um-members-pagi span.current, .um .um-members-pagi span.current:hover, .um .um-profile-nav-item.active a, .um .um-profile-nav-item.active a:hover, .um-modal-btn, .um-modal-btn.disabled, .um-modal-btn.disabled:hover, .um-modal-header, .upload, div.uimob800 .um-account-side li a.current, div.uimob800 .um-account-side li a.current:hover {
	background: var(--main) !important;
	color: var(--bg) !important;
}

#top .um-profile-nav {
	background: var(--sub);
	border: 3px outset var(--border-color);
	display: flex;
	flex-wrap: wrap;
}

#top .um-profile-nav > div {
	flex-grow: 1;
}

#top .um-profile-nav a {
	border-right: 4px groove var(--border-color);
	border-bottom: 3px outset var(--border-color) !important;
	width: 100%;
	margin-bottom: -3px;
}

#top .um-profile-nav a:hover {
	background: var(--alt) !important;
	color: white !important;
}

#top .um-friends-notf,
#top .um-tab-notifier {
	background: var(--alt) !important;
	color: white;
	font-weight: bold;
}

#top .um-profile-nav-item:hover .um-tab-notifier  {
	background: white !important;
	color: var(--alt);
}

#top .um-profile-subnav {
	background: var(--sub);
	margin-top: 1em;
	border: 3px outset var(--border-color);
	display: flex;
	padding: 0;
}

#top .um-profile-subnav > * {
	flex-grow: 1;
	text-align: center;
	padding: 0.5em;
}
#top .um-profile-subnav  a:hover {
	background: var(--bg);
}

#top .um-profile-subnav span {
	border-radius: 0;
	background: var(--bg);
	font-weight: bold;
	color: white !important;
}

#top .um-user-bookmarks-folder {
	margin: 0;
	border: 3px outset var(--border-color);
	background: var(--bg-accent);
}

#top .um-friends-user-photo {
	top: 1em;
}

#top .um-friends-user {
	padding: 1em;
	padding-left: 4em;
	border-bottom: 2px dashed var(--border-color);
	min-height: 5em;
}

#top .um-friends-user-photo img {
	width: 3em;
	border-radius: 0 !important;
	border: 1px solid;
}

#top .um-friends-user-btn {
	top: 0;
	right: 0;
	margin-top: 1em;
}

#top .um-friends-user-name {
	font-size: inherit;
}

#top .um-friends-user-bio {
	font-size: 0.8em;
	margin: 0;
}

#top .um-message-noconv {
	height: auto;
}

#top .um-popup {
	background-color: var(--bg);
	border: var(--border);
	background-image: var(--bg-alt);
}

#top .um-profile-body.messages {
  padding: 0 !important;
  margin-right: -10px;
}

#top .um-message-conv-view {
	border-left: var(--border);
}

#top .messages .um-gdpr-donwload-link {
	display: none;
}

#top .messages .um {
	margin-bottom: -10px !important;
}

#top .messages .um-message-conv {
	padding-top: 15px;
}

#top .um-message-header,
#top .um-message-footer {
	background: rgba(0,0,0,0.5);
}

#top .um-message-header {
	border-bottom: var(--border);
}

#top .um-message-footer {
	border-top: var(--border);
}

#top .um-message-modal {
	color: var(--body);
}

#top .um-message-item-actions a {
	text-decoration: none;
}

#top .um-message-send,
#top .um-message-emo {
	text-decoration: none;
	background: var(--main);
	color: var(--bg) !important;
	border: 1px solid !important;
	border-radius: 0;
	font-weight: bold;
}

#top .um-message-send:hover,
#top .um-message-emo:hover {
	background: var(--alt) !important;
	color: white !important;
}

#top .um-message-emolist {
	border-radius: 0;
	border: 1px solid var(--border-color);
	background: var(--bg);
}

#top .um-message-header img.um-avatar {
	border-radius: 0 !important;
	border: 2px outset var(--border-color);
}

#top .um-message-item-content {
	border-radius: 0;
	border: 1px solid;
	background: var(--sub);
	color: var(--body);
}

#top .um-profile-nav .um-clear {
		display: none;
}

@media (min-width: 767px) {
	#top .um-messaging-bar {
		position: absolute;
		left: 10px;
		top: 10px;
	}
}

@media (max-width: 767px) {
	#top .um-messaging-bar {
		text-align: center;
		margin-bottom: 1em;
	}
	#top .um-messaging-btn {
		margin: 0 auto;
		display: block;
		float: none;
		max-width: 200px;
	}
	#top .um-profile .um-cover .um-user-bookmarks-button {
		background: rgba(0,0,0,0.5) !important;
		transform: scale(0.8);
		top: 0;
		right: 0;
	}
	#top .um-profile .um-cover .um-user-bookmarks-button:hover {
		color: white;
	}
}

#top .um-friends-coverbtn a {
	background: var(--alt) !important;
	color: white;
}

#top .um-profile {
	background: var(--bg);
	padding: 10px;
	border: var(--border);
	width: auto !important;
	max-width: unset !important;
}

#top .um-header {
	border: none;
}

@media (max-width: 767px) {
	#top .um-profile {
		margin: 0 calc(-1 * var(--spacing) + -7px) !important;
	}
}

#top .um-profile-connect.um-member-connect a {
	border-radius: 0;
	border: 1px solid !important;
	transition: unset;
}

#top .um-members-pagi > span {
	color: inherit !important;
	border: 2px solid !important;
	display: grid !important;
	margin: 0 -2px 0 0!important;
	height: 3em;
	float: none !important;
	top: 0 !important;
	line-height: calc(3em - 4px);
	transition: unset !important;
}
#top .um-members-pagi > span.current {
	background: var(--alt) !important;
}

#top .um-members-pagi > span:hover {
	background: var(--main);
}

#top .um-directory .um-members-filter-tag,
#top .um-new-dropdown {
	border-radius: 0 !important;
	border: 1px solid !important;
	background: var(--bg);
}

#top .um-dropdown ul,
#top .um-dropdown {
	background: var(--border-color);
}

#top .um-dropdown {
	border-radius: 0;
	font-weight: bold;
	border: 2px solid white;
}

#top .um-dropdown li:last-child a {
	border-top: 2px solid white;
}

#top .um-dropdown a:hover {
	background: var(--bg);
}

#top .um-avatar,
#top .um-member-photo img,
.um .um-profile-photo a.um-profile-photo-img, .um .um-profile-photo img, .um .um-profile-photo span.um-profile-photo-overlay {
	border-radius: 0 !important;
	background-color: var(--sub);
	background-image: url('/wp-content/uploads/2024/12/matrix.gif');
	background-size: 67%;
	border: 1px solid;
}

#top .um-member-photo img,
.um .um-profile-photo a.um-profile-photo-img {
	border: var(--border) !important;
}

#top .um-item-img a {
	padding: 0;
	border: none;
	border-radius: 0;
}

#top .um-item {
	border-bottom: 2px dashed var(--border-color);
}

#top .um-meta {
	font-weight: bold;
}

#top .um-meta .fa-calendar-days {
	display: none;
}

#top .um-friends-m a,
#top .um-online-pic a {
	box-shadow: unset;
	border-radius: 0 !important;
}

#top .um-friends-m a:hover,
#top .um-online-pic a:hover {
	outline: 2px solid;
}

#top .um-online-status i {
	opacity: 0;
}

#top .um-online-status.online {
	background-image: url('/wp-content/uploads/2024/12/green-dot.gif');
	background-size: cover;
	background-position: center;
	width: 1em;
	height: 1em;
	border-radius: 100%;
	bottom: -10px;
	right: 5px;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	color: transparent;
}

#top .um-directory .um-member {
	background: var(--bg);
	border: var(--border);
}

#top .um-members-friend-stats,
#top .um-members-friend-stats span {
	font-weight: bold;
	color: inherit;
}

#top .um-member-tagline {
	color: inherit;
}

#top .um-member-tagline ~ .um-member-tagline {
	display: inline-block;
	padding: 0;
}

#top .um-profile.um-viewing .um-field {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 2px solid var(--border-color);
	padding-bottom: 5px;
}

#top .um-profile.um-viewing .um-field-label {
	border: none;
	margin: 0;
	margin-right: 0.5em;
	text-transform: uppercase;
}

#top .um-profile.um-viewing .um-field-label label {
	font-size: 0.7em !important;
	letter-spacing: 0.1em;
}

#top .um-viewing .um-field-user_custom_code .um-field-label {
	display: none;
}

#top .um-viewing .um-field-user_custom_code  {
	padding-bottom: 1em !important;
}

/* UM ACCOUNT */

#top .um-account-nav a,
#top .um-account-main div.um-account-heading {
	color: inherit !important;
}

#top .um-account-side > * {
	border: none;
	border-radius: 0;
	background: var(--bg);
}

#top .um-account-side a {
	border-radius: 0 !important;
	transition: unset;
}

#top .um-account-side a:not(.current) {
	color: inherit !important;
}

#top .um-account-side a:hover {
	background: var(--alt);
}

#top .um .um-button::before {
	color: inherit;
}

#top .um-request-button {
	background: var(--alt);
	color: white;
	border-radius: 0;
}

#top .um-request-button:hover {
	background: var(--main);
}