// Share links

.share-links {
	dt, dd, ul {
		display: inline;
	}

	dt {
		margin-right: $spacingS;
	}

	ul:hover {
		a {
			opacity: .3;
		}
	}

	li {
		display: inline;

		a {
			display: inline-block;
			width: 2.1em;
			height: 2.1em;
			border-radius: $borderRadiusS;
			text-align: center;
			margin: 0 $spacingXs;
			white-space: nowrap;
			text-decoration: none;

			@include transition(opacity .3s);

			-webkit-transform: translateZ(0); // Fixing animation artifacts on Chrome

			.vicon {
				color: $white;
				font-size: 14px;
				line-height: 1.8em;
			}

			&:hover { opacity: 1; }

			&.facebook { background: #3b5999; }
			&.google { background: #d1402d; }
			&.twitter { background: #02abee; }
			&.viadeo { background: #4A494D; }

		}

	}

	.tooltip-content {
		transition-delay: .4s;
	}
}