/* Social icons — white circles with original line glyphs (currentColor). */

.social-icons {
	align-items: center;
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
.social-icons li + li { margin-left: 20px; }

.social-icons a,
.social-icons span {
	align-items: center;
	background: var(--color-soft-white);
	border-radius: 50%;
	color: var(--color-soft-black) !important;
	display: inline-flex;
	height: 40px;
	justify-content: center;
	position: relative;
	transition: all var(--transition-time) var(--transition-easing);
	width: 40px;
}
@media screen and (min-width: 768px) {
	.social-icons a,
	.social-icons span { height: 44px; width: 44px; }
}

.social-icons svg { display: block; }

.social-icons__facebook:hover { color: #1877f2 !important; }
.social-icons__instagram:hover { color: #c13584 !important; }
.social-icons__twitter:hover { color: #1d9bf0 !important; }
.social-icons__youtube:hover { color: #f00 !important; }
.social-icons__pinterest:hover { color: #e60023 !important; }
.social-icons__email:hover { color: var(--color-gray-600) !important; }