/**
 * Sharing Section
 */
.sharingwrap {
	float:left;
	min-height: 60px;
	width:75px;
	padding-left:10px;
	position:relative;
	z-index:99;
}
.mm-opened .sharingwrap.is_stuck {
    left:-800px !important;
}
.mobile-device .sharingwrap .sharing {
	position: relative !important;
	left:auto !important;
	top: 0 !important;
}

.sharing {
	text-align:center;
	top:0;
	padding-top: 15px;
	-webkit-transform: translateZ(0); // Fix some pesky Chrome Bugs
	@include transition(opacity 0.5s ease);
	z-index:99;
	width:75px;
	position:relative;

	&:hover {
		@include opacity(1);
	}

	.voted .sharetitle,
	.shared .sharetitle {
		color:#c2c2c2;
	}

	.comment {
		.sharetitle {
			margin-top:5px;
		}
	}

	/**
	 * Sharing Link
	 */
	a, aside {
		position: relative;
		display: inline-block;
		margin-bottom: 20px;
		width: 60px;
		height: auto;
		text-align: center;
		line-height: 15px;
		z-index:99;
		-webkit-transform: translateZ(0); // Fix some pesky Chrome Bugs

		.sharetitle {
			color:#c2c2c2;
			font-size:10px;
			display:block;
			letter-spacing:0px !important;
			text-transform:uppercase;
		}

		// Share circle
		.sharecircle {
			width: 24px;
			height: 24px;
			text-align: center;
			margin: auto;
			-webkit-transition: all 0.5s ease;
			transition: all 0.5s ease;
			background: #555;
			color: #fff;
			font-size: 10px;
			position: absolute;
			left: 0;
			top: -8px;
			@include transition(all 0.5s ease);
			@include border-radius(99px);
			font-weight: bold;
			line-height: 24px;
			z-index:3;
		}

		// Icon Color
		i {
			color:#dcdcdc;
			display:block;
			font-size:32px;
			@include transition(all 0.5s ease);
		}
	}
	a:hover .sharecircle {
		color:#fff;
		background:#333 !important;
	}
	a.comment .sharecircle {
		background: #4077A7;
		color: #fff;
	}
	a.comment:hover .sharecircle {
		background: #333;
		color:#fff;
	}
	a.love .sharecircle,
	aside.love .sharecircle {
		background: #D45C4B;
		color: #fff;
	}
	a.love:hover .sharecircle {
		background: #333;
		color:#fff;
	}
	/**
	 * Hover Effect
	 */
	a:hover {
		text-decoration: none;
	}
	a:hover i {
		text-decoration: none;
	}
	a:hover .sharecircle {
		@include transform(translateY(3px));
	}
}
/* Share Overlay */
#share-box {
	max-width: 700px;
	margin: auto;
	text-align: center;
	position:relative;
	padding:40px;
}
#share-box h4 {
	font-size: 48px !important;
	line-height: 1em;
	margin-bottom: 30px;
}
#share-box i {
	font-size: 65px;
	margin: 0 10px;
}
#share-box span {
	display:block;
	font-size:12px;
	text-transform: uppercase;
	letter-spacing:2px;
	margin-bottom:1px;
}

/* Icon Colors */
#share-box a.facebook-icon i {
	color: #3b5998;
}
#share-box a.twitter-icon i {
	color: #39a9e0;
}
#share-box a.linkedin-icon i {
	color: #007fb1;
}
#share-box a.tumblr-icon i {
	color: #2c4762;
}
#share-box a.pinterest-icon i {
	color: #cb2027;
}
#share-box a.googleplus-icon i {
	color: #d14836;
}