/**
 * TRXX-only site footer styles. Edit here only — not shared with OnionUnlimited.
 */

:root {
	--ou-footer-dark-grey: #0f0f0f;
	--ou-footer-text-muted: #999999;
	--ou-footer-text-light: #cccccc;
	--ou-footer-white: #ffffff;
	--ou-footer-link-hover: var(--trxx-accent, #0a9fd4);
}

.ou-site-footer.footer {
	box-sizing: border-box;
	background-color: var(--ou-footer-dark-grey) !important;
	color: var(--ou-footer-text-light) !important;
	max-width: 100%;
	overflow-x: clip;
	padding-inline: var(--trxx-page-pad-x, 1.25rem);
}

@media (min-width: 901px) {
	body.trxx-browse .ou-site-footer.footer {
		padding-inline: calc(var(--trxx-sidebar-width, 220px) + var(--trxx-page-pad-x, 1.25rem));
	}
}

.ou-site-footer.footer p,
.ou-site-footer.footer a {
	color: var(--ou-footer-text-light) !important;
	text-decoration: none;
}

.ou-site-footer.footer a:hover,
.ou-site-footer.footer a:focus-visible {
	color: var(--ou-footer-link-hover) !important;
	text-decoration: none !important;
}

.ou-site-footer .alexa-logo {
	max-width: 140px;
	filter: brightness(0.9);
	height: auto;
}

.ou-site-footer .alexa-prompt {
	font-family: "Georgia", "Times New Roman", "Times", serif;
	color: var(--ou-footer-white);
	letter-spacing: 0.5px;
}

.ou-site-footer .midGrey {
	color: var(--ou-footer-text-muted) !important;
}

.ou-site-footer .hover-trxx {
	transition: color 0.2s ease;
}

.ou-site-footer .hover-trxx:hover,
.ou-site-footer .hover-trxx:focus-visible {
	color: var(--ou-footer-link-hover) !important;
	text-decoration: none !important;
}

.ou-site-footer #socialIcons {
	text-align: center !important;
}

.ou-site-footer #socialIcons a {
	font-size: 1.7em;
	margin-right: 0.3em;
	color: var(--ou-footer-text-light) !important;
}

.ou-site-footer #socialIcons a:hover {
	color: var(--ou-footer-white) !important;
}

.ou-site-footer #socialIcons a.ou-social-patreon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.ou-site-footer #socialIcons a.ou-social-patreon svg {
	display: block;
	width: 0.92em;
	height: 0.92em;
}

.ou-site-footer .x-small {
	font-size: 0.75rem !important;
}

.ou-site-footer .copyright {
	font-size: 0.7em !important;
}

.ou-site-footer .collapse .bg-dark {
	background-color: var(--ou-footer-dark-grey) !important;
}

.trxx-site-footer__inner {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.ou-site-footer .trxx-site-footer__inner > .row {
	margin-inline: 0 !important;
	max-width: 100%;
}

@media (min-width: 992px) {
	.ou-site-footer .trxx-site-footer__cols {
		flex-wrap: nowrap;
	}

	.ou-site-footer .trxx-site-footer__membership-col {
		min-width: 0;
		padding-left: 1.25rem;
		padding-right: 0.5rem;
	}

	.ou-site-footer .ou-footer-memberships {
		flex-wrap: nowrap;
	}

	.ou-site-footer .ou-footer-memberships a {
		flex: 0 0 auto;
		height: 26px !important;
	}

	.ou-site-footer .ou-footer-social {
		column-gap: 0.75rem;
		row-gap: 0.5rem;
	}
}

@media (max-width: 480px) {
	.ou-site-footer.footer {
		padding-inline: var(--trxx-page-pad-x, 1rem);
	}
}
