/* CSS File: gc-widgets.css
 * Created by Carter (ServoBilly) on 2025-03-07 13:06:22
 * Last Updated: 2025-03-07 13:06:22 by Carter (ServoBilly)
 * Active Theme: GAMER CHURCH
 */

.postcount {
	background: black;
	color: transparent;
	display: inline-block;
	padding: 0.1em;
	filter: sepia(1) saturate(3) hue-rotate(-50deg) contrast(1.5) saturate(3);
	text-shadow: none;
}

.postcount span {
	display: inline-block;
	width: 1em;
	text-align: center;
	background-image: url('/wp-content/uploads/2024/12/number0.gif');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.postcount .pc0 {
	background-image: url('/wp-content/uploads/2024/12/number0.gif');
}
.postcount .pc1 {
	background-image: url('/wp-content/uploads/2024/12/number1.gif');
}
.postcount .pc2 {
	background-image: url('/wp-content/uploads/2024/12/number2.gif');
}
.postcount .pc3 {
	background-image: url('/wp-content/uploads/2024/12/number3.gif');
}
.postcount .pc4 {
	background-image: url('/wp-content/uploads/2024/12/number4.gif');
}
.postcount .pc5 {
	background-image: url('/wp-content/uploads/2024/12/number5.gif');
}
.postcount .pc6 {
	background-image: url('/wp-content/uploads/2024/12/number6.gif');
}
.postcount .pc7 {
	background-image: url('/wp-content/uploads/2024/12/number7.gif');
}
.postcount .pc8 {
	background-image: url('/wp-content/uploads/2024/12/number8.gif');
}
.postcount .pc9 {
	background-image: url('/wp-content/uploads/2024/12/number9.gif');
}

#sidebar h5 {
	text-transform: none;
	letter-spacing: 0;
	font-weight: normal;
	font-size: 0.8em;
	font-style: italic;
	text-align: center;
	margin-bottom: 15px;
}

#sidebar .widget_nav_menu a::before {
	content: "» ";
}

#sidebar .widget_nav_menu ul a,
#footer .widget_nav_menu ul a {
	display: block;
	margin-bottom: 0.5em;
	padding: 2px 6px;
}

#content,
#sidebar {
	padding-bottom: 30px;
}

#sidebar-top .widget:first-of-type h3 {
	margin-top: 0;
}

#top #sidebar h3 {
	font-size: inherit;
	font-family: inherit;
	letter-spacing: 0.15em;
	background: var(--bg);
	padding: 0.5em;
	margin: 1.5em 0 0.5em 0;
	padding-left: 50px;
	position: relative;
}

#sidebar h3::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 45px;
	height: 50px;
	background-image: url('/wp-content/uploads/2024/12/candle.gif');
	background-size: contain;
	background-position: bottom center;
	background-repeat: no-repeat;
}
#sidebar .widget_recent_entries h3::before {
	background-image: url('/wp-content/uploads/2024/12/book-pages.gif');
}
#custom_html-2 h3::before {
	background-image: url('/wp-content/uploads/2024/12/email-scroll.gif?v=1');
}
#custom_html-7 h3::before {
	background-image: url('/wp-content/uploads/2024/12/speakers.gif');
}
#sidebar .widget_categories h3::before {
	background-image: url('/wp-content/uploads/2024/12/scales.gif');
}

#sidebar .widget_calendar h3::before {
	background-image: url('/wp-content/uploads/2024/12/calendar.gif');
	width: 35px;
	left: 5px;
	filter: brightness(1.25) sepia(0.75) saturate(1.5);
}

#sidebar .game-widget h3::before {
	background-image: url('/wp-content/uploads/2024/12/cd-spin.gif');
	width: 2.25em;
	left: 0.25em;
}

#sidebar .widget_um_my_friends h3::before {
	background-image: url('/wp-content/uploads/2024/12/ghost-dance.gif');
}

#sidebar .widget_product_categories h3::before {
	background-image: url('/wp-content/uploads/2024/12/gift-spin.gif');
	background-position: center;
	width: 2.25em;
	left: 0.25em;
}

#sidebar .attachment-widget-image {
	width: 50px;
	height: 50px;
	padding: 4px;
	border: 2px solid var(--border-color);
	object-fit: cover;
	margin: 0;
	float: left;
	margin-right: 10px;
	z-index: 2;
	position: relative;
}

#top .attachment-widget-image {
	
}

#sidebar .widget_recent_entries em {
	display: block;
	font-size: 0.8em;
	opacity: 0.8;
}

#um_online_users-2 {
	margin-bottom: 1em;
}

#sidebar .widget-container {
	margin-bottom: 1.5em;
}

#top .post-date {
	display: block;
	font-style: italic;
	font-size: 0.8em;
}

#top .widget_recent_entries li {
	border-bottom: 2px dashed var(--border-color);
	padding: 0.5em 0;
}

#sidebar input,
#sidebar select {
	width: 100%;
}

#sidebar p {
	margin: 0.5em 0;
	font-size: 0.85em;
}

#sidebar button {
	display: block;
	width: 100%;
	margin-top: 0.5em;
}

#top .wp-calendar-table {
	width: 100%;
	text-align: center;
	background-image: var(--bg-alt);
}

#top .wp-calendar-table th {
	background: black !important;
}
#top .wp-calendar-table tr {
	background-color: transparent !important; 
}

#top .wp-calendar-table caption {
	padding: 5px;
}

#top .wp-calendar-table #today {
	background: var(--body);
	color: black;
	font-weight: bold;
}

#top .wp-calendar-table #today a {
	color: inherit;
}

#top .wp-calendar-table th {
	font-weight: bold;
}

#top .wp-calendar-table tr > * {
	border: 3px groove var(--border-color);
	padding: 2px;
}

#top .wp-calendar-table tr a {
	display: block;
	margin: -2px;
	padding: 2px;
	font-weight: 900;
}

#top .wp-calendar-nav {
	background: black;
	padding: 1px;
	display: flex;
	margin-top: 10px;
}

#top .wp-calendar-nav .pad {
	flex-grow: 1;
}

#top .wp-calendar-nav a {
	display: flex;
	transition: all 0.3s steps(3);
	text-decoration: none;
	line-height: 35px;
	text-transform: uppercase;
}

#top .wp-calendar-nav-prev a::before,
#top .wp-calendar-nav-next a::after {
	content: "";
	width: 2em;
	height: 2em;
	display: block;
	background-size: contain;
	transition: inherit;
	position: relative;
	z-index: 2;
}

#top .wp-calendar-nav-prev a::before {
	background-image: url('/wp-content/uploads/2024/12/wall-right.png');
	margin-right: -0.65em;
}

#top .wp-calendar-nav-next a::after {
	background-image: url('/wp-content/uploads/2024/12/wall-left.png');
	margin-left: -0.65em;
}

#top .wp-calendar-nav-prev a:hover::before {
	background-position: -2em 0;
}

#top .wp-calendar-nav-next a:hover::after {
	background-position: 2em 0;
}

@media (max-width: 989px) {
	#sidebar {
		border-top: 10px groove var(--border-color);
		margin: var(--spacing) calc(-1 * var(--spacing)) calc(-1 * var(--spacing));
		padding: 30px var(--spacing);
		background-image: var(--bg-accent);
	}
}

#footer {
	position: relative;
	background: var(--bg);
	margin: calc(-1 * var(--spacing));
	margin-top: 0;
	padding: 50px var(--spacing) 30px;
	text-align: center;
}

#footer::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	width: 100%;
	left: 0;
	height: 30px;
	background-image: url('/wp-content/uploads/2024/12/fire-border.gif');
	background-size: auto 100%;
}

#copyright img {
	vertical-align: bottom;
	display: inline-block;
}

#copyright a {
	display: inline-block;
}

.footer-widgets .widget {
	padding-bottom: 25px;
}

@media (min-width: 989px) {
.footer-widgets {
	display: grid;
	grid-template-columns: repeat(3,32%);
	grid-gap: 1.33%;
	}
}

/*- RANDOM QUOTE WIDGET -*/

#top .randomquote {
	text-align: left;
	font-size: 14px;
	line-height: 1.5em;
	border: 3px outset var(--border-color);
	padding: 10px;
	background-color: var(--sub);
}

#top .randomquote q::before,
#top .randomquote q::after {
	color: var(--alt);
	font-weight: bold;
	font-size: 1.15em;
	line-height: 1;
}

#top .randomquote p {
	margin: -10px;
	margin-top: 10px;
	padding: 10px;
	border-top: 3px solid var(--border-color);
	background: rgba(0,0,0,0.25);
	font-size: 0.85em;
}

#top .randomquote .random-title {
	font-weight: bold;
}

#midiplayer {
	width: 100%;
	position: relative;
}

#top midi-player {
	display: block;
	color: black;
	background: #f2f5f6;
	box-shadow: 0 0 0 1px;
	filter: invert(1);
	overflow: hidden;
	width: 45px;
	white-space: nowrap;
	height: 45px;
	position: relative;
	transform: scale(1.25);
	margin: 9% 3%;
}

#top midi-player::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background-image: url('/wp-content/uploads/2024/12/speakers.gif');
	background-size: auto 90%;
	background-position: center;
	background-repeat: no-repeat;
	filter: invert(1);
}

#top midi-player:hover {
	filter: invert(1) brightness(1.5) saturate(1.5);
}

#midiplayer small {
	font-size: 0.75em;
	line-height: 1.5em;
	margin-top: 0.25em;
	display: block;
	position: absolute;
	left: 80px;
	width: calc(100% - 80px);
	top: 0;
}

/*-- COUNTDOWN TIMER --*/

#top .countdown {
	display: flex;
	text-align: center;
	margin: 1em auto;
	max-width: 320px;
	padding: 0.5em 0.25em;
	font-size: 1.15em;
}

#top .countdown .counter {
	flex-grow: 1;
}

#top .countdown .digit {
	font-family: var(--alt-font);
}

#top .countdown .count-label {
	font-size: 0.6em;
	text-transform: uppercase;
	display: block;
	letter-spacing: 0.1em;
	line-height: 1.25em;
}

/*-- EMBED YT --*/

#top .epyt-video-wrapper {
	max-width: 100% !important;
	width: 100%;
}

#top .epyt-gallery-list {
	width: 100%;
	margin: 0;
}

#top .epyt-gallery-allthumbs {
		display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 1em;
}

#top .epyt-gallery-clear,
#top .epyt-gallery-rowbreak {
	display: none;
}

#top .epyt-gallery-thumb {
	border: var(--border);
	padding: 0.5em;
	padding-bottom: 0;
	background: var(--sub);
	width: 100%;
}

#top .epyt-gallery-img-box {
	border: 1px solid var(--border-color);
}

@media (max-width: 989px) {
	#top .epyt-gallery-allthumbs {
		grid-template-columns: repeat(2,1fr);
	}
	#top .epyt-gallery-thumb {
		padding: 0;
	}
}

/*-- AUDIOIGNITER --*/

#top .ai-wrap {
	padding: 0;
	background: transparent;
	font-family: var(--mono-font);
	font-size: 1.2em;
}

#top .ai-wrap .ai-audio-control {
	width: 45px;
	height: 45px;
	margin: 0;
}

#top .ai-track-info {
	width: 100%;
}

#top .ai-track-subtitle,
#top .ai-track-title {
	padding: 0;
	margin: 0;
	line-height: 1.25em;
}

#top .ai-audio-controls-meta {
	display: grid;
	grid-template-columns: repeat(5,1fr);
}

#top .ai-track-progress-bar {
	background: var(--border-color);
}

#top .ai-track-time {
	width: max-content;
	padding-left: 1em;
}

#top .ai-wrap .ai-track-progress {
	background: var(--main);
}

#top .ai-wrap button {
	width: auto;
	justify-content: center;
	align-content: center;
	display: grid;
	margin-top: 0;
	margin-bottom: 5px;
}

#top .ai-btn-active {
	background: var(--alt);
}

#top .ai-wrap button:hover {
	color: var(--bg);
}
#top .ai-wrap button:hover svg {
	fill: var(--bg);
}

#top .ai-audio-volume-control {
	grid-column: 3 / 6;
	width: 100%;
}

#top .ai-tracklist-toggle {
	grid-column: 5
}

#top .ai-audio-volume-control-btns {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	flex-grow: 1;
}

#top .ai-audio-volume-control-btns .ai-btn:last-of-type {
	grid-row: 1;
	grid-column: 1;
}

#top .ai-audio-volume-bars span {
	background: var(--border-color);
}

#top .ai-audio-volume-bars span:hover {
	background: var(--body);
}

#top .ai-wrap .ai-volume-bar.ai-volume-bar-active::before {
	background: var(--alt);
}

#tracklisting {
	background: var(--sub);
	padding: 5px;
	border: 2px solid var(--border-color);
}

.ai-wrap .ai-track {
	background-color: var(--border-color);
}

.ai-wrap .ai-track:hover, .ai-wrap .ai-track.ai-track-active {
	background-color: var(--alt);
}

#top .music-page {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	border: var(--border);
	padding: var(--spacing);
	position: relative;
	z-index: 2;
}

#top .music-page::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--sub);
	background-image: url('/wp-content/uploads/2025/02/mazes.jpg');
	z-index: -1;
	filter: brightness(0.5);
	pointer-events: none;
}

#top .side-menu {
	display: grid;
	font-size: 12px;
	grid-template-columns: 60% 40%;
}

#top .side-menu a {
	flex-grow: 1;
	text-align: center;
	display: grid;
	align-content: center;
	text-decoration: none;
}

#top .side-menu .primary {
	font-size: 1.5em;
	background-image: url('/wp-content/uploads/2025/02/mazes.jpg');
	transition: all 0.4s steps(3);
}
#top .side-menu .primary:hover {
	color: var(--main);
	background-position: 0 -50px;
}

#top .music-page h3 {
	font-family: var(--mono-font);
	font-weight: normal;
	margin: -0.5em 0 1em 0;
	font-size: 2em;
	color: var(--main);
	text-shadow: 2px 2px black;
}

/*- MEJS AUDIO -*/

#top .mejs-audio {
	border: 2px outset var(--border-color) !important;
	position: relative;
	height: auto !important;
	background-color: var(--sub);
	background-image: url('/wp-content/uploads/2025/02/audio-bg.png');
	background-size: auto 180%;
	background-position: bottom;
	margin-bottom: 1em;
	padding: 5px;
}

#top .mejs-audio .mejs-inner {
	position: relative !important;
	height: auto !important;
}

#top .mejs-audio .mejs-controls {
	background: transparent;
	position: relative;
	height: auto;
	padding: 5px;
}

#top .mejs-audio .mejs-volume-button,
#top .mejs-audio .mejs-playpause-button {
	width: 40px;
	position: relative;
	margin-right: 5px;
}

#top .mejs-audio .mejs-volume-button button,
#top .mejs-audio .mejs-playpause-button button {
	display: block !important;
	width: 100% !important;
	margin: 0;
	background-color: var(--border-color);
}

#top .mejs-audio .mejs-volume-button {
	margin-left: 5px;
	display: none;
}

#top .mejs-audio .mejs-playpause-button button {
	background-image: url('/wp-content/uploads/2025/02/audio-pause.png');
	background-image: url('/wp-content/uploads/2025/02/audio-play.png');
	background-size: 90%;
	background-position: center;
	filter: brightness(0.9) contrast(1.2);
}

#top .mejs-audio .mejs-playpause-button button:hover {
	filter: brightness(1.1) contrast(1);
}

#top .mejs-audio .mejs-playpause-button.mejs-pause button {
	background-image: url('/wp-content/uploads/2025/02/audio-pause.png');
}

/*
#top .mejs-audio .mejs-playpause-button button::before {
	content: "▶";
	font-size: 20px;
	line-height: 30px;
	font-family: 'arial';
	text-align: center;
}

#top .mejs-audio .mejs-playpause-button.mejs-pause button::before {
	content: "◼";
	line-height: 15px;
}

#top .mejs-audio .mejs-volume-button button::before {
	content: "🔊";
	font-size: 20px;
	line-height: 30px;
}

#top .mejs-audio .mejs-volume-button.mejs-mute button::before {
	content: "🔇";
}*/

#top .mejs-time  {
	padding: 0 5px;
	line-height: 40px;
}

#top .mejs-time span {
	font-family: var(--mono-font);
	font-size: 15px;
}

#top .mejs-time-hovered {
	background: var(--gold);
}

#top .mejs-controls .mejs-horizontal-volume-total,
#top .mejs-controls .mejs-time-loaded {
	background: var(--border-color);
}

#top .mejs-horizontal-volume-current,
#top .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #f3612a;
}

#top .mejs-time-handle span {
	opacity: 1;
	display: block;
	background-color: transparent;
	border: none;
	width: 20px;
	height: 20px;
	top: -9px;
	background-image: url('/wp-content/uploads/2025/02/audio-grabber.png');
	background-size: cover;
	background-repeat: no-repeat;
	transform: scale(0.75);
	transition: all 0.2s steps(2);
}

#top .mejs-time-slider:hover .mejs-time-handle span {
	transform: scale(1);
}

@media (max-width: 767px) {
	#top .mejs-horizontal-volume-slider {
		display: none;
	}
}