/* Social Media Login module - scoped to avoid theme conflicts */

/* Fallback: when theme outputs only .social_icon (no .socialmedialogin-wrap wrapper) */
.social_icon {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 15px 0;
	margin: 15px 0;
}
.social_icon a {
	margin: 0;
	padding: 6px;
	display: inline-block;
	line-height: 0;
	border: none;
	border-radius: 50%;
	text-decoration: none;
}
.social_icon a:hover {
	opacity: 0.9;
}
.social_icon img {
	height: 40px !important;
	width: 40px !important;
	max-width: 40px !important;
	max-height: 40px !important;
	display: block;
	vertical-align: middle;
	object-fit: contain;
}

.socialmedialogin-wrap {
	margin: 15px 0;
	clear: both;
}
.socialmedialogin-wrap .social_icon {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 15px 0;
	margin: 0;
}
.socialmedialogin-wrap .social_icon a {
	margin: 0;
	padding: 6px;
	display: inline-block;
	line-height: 0;
	border: none;
	border-radius: 50%;
	text-decoration: none;
}
.socialmedialogin-wrap .social_icon a:hover {
	opacity: 0.9;
}
.socialmedialogin-wrap .social_icon img {
	height: 40px;
	width: 40px;
	max-width: 40px;
	max-height: 40px;
	display: block;
	vertical-align: middle;
	object-fit: contain;
}