@charset "UTF-8";

/* 
 SHARE BUTTONS
*/


.share-buttons .btn-share > span.collapsed {
	right: -10.5rem;
}
.share-buttons .btn-share.share-twitter {
	color: #fff;
	background: rgba(64, 153, 255, 0.98);
}
.share-buttons .btn-share.share-facebook {
	color: #fff;
	background: rgba(59,89,152, 0.98);
}
.share-buttons .btn-share.share-googleplus {
	color: #fff;
	background: rgba(221, 75, 57, 0.98);
}
.share-buttons .btn-share.share-pinterest {
	color: #fff;
	background: rgba(203, 32, 39, 0.98);
}
.share-buttons .btn-share.share-linkedin {
	color: #fff;
	background: rgba(0, 123, 181, 0.98);
}
.share-buttons .btn-share.share-youtube {
	color: #fff;
	background: rgba(187, 0, 0, 0.98);
}

/*
 SOCIAL SIDEBAR
*/
.share-sidebar {
	position:fixed;
	z-index: 999;
	right:0;
	top:50%;
	transform: translateY(-50%);
	width: 46px;
}
.share-sidebar > .btn-share {
	display: block;
	position: relative;
	background: rgba(40, 40, 40, 0.98) !important;
	color: #fff;
	width:3rem;
	height:3rem;
	text-align: center;
}
.share-sidebar > .btn-share > i {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	font-size: 150%;
}
.share-sidebar > .btn-share > span {
	display: block;
	background: inherit;
	position: absolute;
	line-height: 3rem;
	white-space: nowrap;
	width: 10.5rem;
	overflow: visible;
	top: 0;
	bottom: 0;
	right: 3rem;
	text-align: left;
	z-index: 1;
	filter: alpha(Opacity=94);
	opacity: .94;
	padding: 0 1rem;
	text-transform: uppercase;
	transition: .5s;
}
.share-sidebar .btn-share span.collapsed {
	right: -10.5rem;
}
.share-sidebar .btn-share.share-twitter:hover {
	background: rgba(64, 153, 255, 0.98) !important;
}
.share-sidebar .btn-share.share-facebook:hover {
	background: rgba(59,89,152, 0.98) !important;
}
.share-sidebar .btn-share.share-googleplus:hover {
	background: rgba(221, 75, 57, 0.98) !important;
}
.share-sidebar .btn-share.share-pinterest:hover {
	background: rgba(203, 32, 39, 0.98) !important;
}
.share-sidebar .btn-share.share-linkedin:hover {
	background: rgba(0, 123, 181, 0.98) !important;
}
.share-sidebar .btn-share.share-youtube:hover {
	background: rgba(187, 0, 0, 0.98) !important;
}

/* RESPONSIVE */
@media (min-width: 34em) {

}
@media (min-width: 48em) {
	
}
@media (min-width: 62em) {
	
}
@media (min-width: 75em) {
	
}