/*
 * Existing Tony Gee site footer
 */

.site-footer {
	position: relative;
	font-weight: 300;
	z-index: 5;
}

.footer-logo {
	width: 100%;
	height: auto;
	max-height: 60px;
	max-width: 110px;
}

.site-footer .social-media a {
	-webkit-appearance: none;
	background-color: var(--primary-color);
	color: var(--color-white);
	min-height: 48px;
	padding: 0.75rem 1rem 0.9rem;
	transition: var(--transition-duration) ease-out;
	position: relative;
	margin: 0 0.3rem;
	min-width: 58px;
	text-align: center;
}

.site-footer .social-media a:last-child {
	margin-right: 0;
}

.site-footer .social-media a img {
	max-width: 20px;
	max-height: 20px;
	transition: opacity var(--transition-duration) ease-out;
}

.site-footer .social-media a::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	transform: translate(-50%, -50%);
	background-color: var(--primary-color);
	opacity: 0;
	transition: opacity var(--transition-duration) ease-out;
}

.site-footer .social-media a#X::after {
	-webkit-mask: url('../images/X.svg') center / contain no-repeat;
	mask: url('../images/X.svg') center / contain no-repeat;
}

.site-footer .social-media a#Instagram::after {
	-webkit-mask: url('../images/Instagram.svg') center / contain no-repeat;
	mask: url('../images/Instagram.svg') center / contain no-repeat;
}

.site-footer .social-media a#Linkedin::after {
	-webkit-mask: url('../images/Linkedin.svg') center / contain no-repeat;
	mask: url('../images/Linkedin.svg') center / contain no-repeat;
}

.site-footer .social-media a:hover,
.site-footer .social-media a:focus-visible {
	background-color: var(--color-white);
}

.site-footer .social-media a:hover img,
.site-footer .social-media a:focus-visible img {
	opacity: 0;
}

.site-footer .social-media a:hover::after,
.site-footer .social-media a:focus-visible::after {
	opacity: 1;
}

ul#footer-menu {
	list-style: none;
	margin: 0;
	padding: 2rem 0 0.5rem;
}

ul#footer-menu li {
	display: inline-block;
	margin-right: 1rem;
	font-weight: 300;
}

ul#footer-menu li a {
	color: var(--color-white);
	text-decoration: none;
}

ul#footer-menu li a:hover {
	text-decoration: underline;
}

.footerbtn {
	display: block;
}

.footerbtn::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	width: 39.714px;
	height: 9.37px;
	margin-left: 10px;
	transform: translateY(-50%);
	background-color: currentColor;
	-webkit-mask-image: url('../images/arrow-white.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: 39.714px 9.37px;
	mask-image: url('../images/arrow-white.svg');
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: 39.714px 9.37px;
	transition: background-color var(--transition-duration) ease-out;
}

/* Jetpack Infinite Scroll footer visibility. */
.infinite-scroll.neverending .site-footer {
	display: none;
}

.infinity-end.neverending .site-footer {
	display: block;
}