/* ⚠️ READ _Spec_Starsoft_StyleGuide.md BEFORE making ANY changes */

/* Social Media Bottom Bar */
#Bar_Social {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--Gray_30);
	user-select: none;
	-webkit-user-select: none;
}

.Bar_Social_Icons {
	display: flex;
	gap: 8vw;
	align-items: center;
}

.Bar_Social_Icons a {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.2s ease;
}

.Bar_Social_Icons a:hover {
	transform: scale(1.1);
}

.Bar_Social_Icons img {
	height: 24px;
	width: auto;
	transition: filter 0.2s ease;
}

.Bar_Social_Icons img[alt="Email"] {
	filter: brightness(0) invert(1);
}

.Bar_Social_Icons a:hover img {
	filter: brightness(1.3);
}

.Bar_Social_Icons a:hover img[alt="Email"] {
	filter: brightness(0) invert(1) brightness(1.5);
}

/* Mobile - 768px and below */
@media (max-width: 768px) {
	#Bar_Social {
		height: 40px;
	}
}