/* ACTIVATION BUTTON
**************************************************/
.bonfire-share-activate-button {
	min-width:50px;
	cursor:pointer;
	text-align:right;
	position:fixed;
	z-index:999999;
	right:47px;
	bottom:23px;
	text-decoration:none !important;
	
	font-size:11px;
	font-family:'Montserrat';
	font-weight:700;
	
	/* activation button label */
	color:#D2D9DF;
	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
	
	/* remove the flickering effect of a tapped link/button when on a touch device */
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


/* show activation button when scrolled down (if active) */
.bonfire-share-activate-button-visible {
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	transform: translateY(100px);
}
.share-desc {
	display:inline-block;
	position:relative;
	bottom:5px;
}
/* activation button icon initial position */
.bonfire-share-activate-button i {
	font-size:28px;
	margin:0 0 0 10px;
	color:#C2CAD0;
	
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	transform:rotate(0deg);
}
/* activation button icon hover color */
.bonfire-share-activate-button-active i,
.bonfire-share-activate-button:hover i {
	color:#A9AFB4;
	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
} 
/* activation button animation */
.bonfire-share-activate-button-active i {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
	
	-webkit-transition: -webkit-transform .5s ease, color .1s ease;
	-moz-transition: -moz-transform .5s ease, color .1s ease;
	transition: transform .5s ease, color .1s ease;
}


/* THE TOOLTIP
**************************************************/
.bonfire-share-tooltip {
	width:0;
	height:0;
	margin:0 auto !important;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	bottom:76px !important;
	right:54px;
	display:none;
	
	/* tooltip color */
	border-top:5px solid #5A5A5A;
	
	position:fixed;
	z-index:999999;
}
.bonfire-share-tooltip-active {
	display:inline;
	opacity:1 !important;
	
	
	-webkit-transform: translateY(0px) !important;
	-moz-transform: translateY(0px) !important;
	transform: translateY(0px) !important;
}


/* Twitter, Facebook, GooglePlus button joint properties
**************************************************/
.social-share-wrapper {
	position:fixed;
	z-index:999999;
	overflow:hidden;
	font-size:20px;
	text-align:center;
	width:56px;
	margin:0 0 15px 0;
	
	opacity:0;
	right:-100%;
	bottom:65px;
}
.social-share-wrapper-active {
	opacity:1 !important;
	right:31px;
}
/* the shadow */
.social-share-wrapper-shadow {
	-webkit-transition: -webkit-box-shadow 1s ease;
	-moz-transition: -moz-box-shadow 1s ease;
	transition: box-shadow 1s ease;

	/* share buttons shadow size and color */
	-moz-box-shadow: 0 0 20px 1px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,.1);
	box-shadow: 0 0 20px 1px rgba(0,0,0,.1);
}
.social-share-wrapper li {
	list-style-type:none;
	background:#fff;
	/* button separator color */
	border-top:1px solid #E0E0E0;
}

/* disable top border on first item */
.social-share-wrapper li:first-child {
	border-top:none !important;
	
	/* create top left rounded corner for first item */
	-webkit-border-top-left-radius:2px;
	-moz-border-top-left-radius:2px;
	border-top-left-radius:2px;
	
	/* create top right rounded corner for first item */
	-webkit-border-top-right-radius:2px;
	-moz-border-top-right-radius:2px;
	border-top-right-radius:2px;
}
/* first child (from the top) */
.social-share-wrapper li:nth-last-child(5) {
	/* disable top border on first item */
	border-top:none !important;
	
	-webkit-transform: translateY(275px) scale(0.1);
	-moz-transform: translateY(275px) scale(0.1);
	transform: translateY(275px) scale(0.1);
	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
/* second child (from the top) */
.social-share-wrapper li:nth-last-child(4) {
	-webkit-transform: translateY(200px) scale(0.25);
	-moz-transform: translateY(200px) scale(0.25);
	transform: translateY(200px) scale(0.25);
	
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
/* third child (from the top) */
.social-share-wrapper li:nth-last-child(3) {
	-webkit-transform: translateY(125px) scale(0.5);
	-moz-transform: translateY(125px) scale(0.5);
	transform: translateY(125px) scale(0.5);
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
/* fourth child (from the top) */
.social-share-wrapper li:nth-last-child(2) {
	-webkit-transform: translateY(75px) scale(0.8);
	-moz-transform: translateY(75px) scale(0.8);
	transform: translateY(75px) scale(0.8);
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}
/* fifth child (from the top) */
.social-share-wrapper li:nth-last-child(1) {
	-webkit-transform: translateY(25px) scale(1);
	-moz-transform: translateY(25px) scale(1);
	transform: translateY(25px) scale(1);
	
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	transition: all .1s ease;
}

/* all children active */
.social-share-wrapper-active li {
	-webkit-transform: translateY(0) scale(1) !important;
	-moz-transform: translateY(0) scale(1) !important;
	transform: translateY(0) scale(1) !important;
}

.social-share-wrapper li:last-child {
	/* tooltip color */
	border-bottom:4px solid #5A5A5A;
}


/* SHARED BUTTON STYLES
**************************************************/
.bonfire-twitter-button,
.bonfire-facebook-button,
.bonfire-googleplus-button,
.bonfire-tumblr-button,
.bonfire-email-button {
	display:block;
	width:100%;
	color:#A5ACB4;
	padding:15px 0 15px 0;
	
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	transition: all 0s ease;
}
.bonfire-twitter-button:hover,
.bonfire-facebook-button:hover,
.bonfire-googleplus-button:hover,
.bonfire-tumblr-button:hover,
.bonfire-email-button:hover {
	color:#fff;
	background:#FF543B;
	
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	transition: all 0s ease;
}

/* TUMBLR BUTTON
**************************************************/
.bonfire-tumblr-button i {
	margin-left:-2px;
}


/* LEFT POSITIONG
**************************************************/
.social-share-left-position-button {
	right:auto;
	left:10px;
	margin-right:-30px;
	padding-right:20px;
}
.social-share-left-position-button .share-desc {
	margin-right:-85px;
}
.social-share-left-position-tooltip {
	right:auto;
	left:43px;
	margin-right:-20px !important;
}
.social-share-left-position {
	right:auto;
	left:20px;
	margin-right:-35px;
}


/* RIGHT POSITIONG
**************************************************/
.social-share-centered-position-button {
	right:50%;
	margin-right:-20px;
}
.social-share-centered-position-tooltip {
	right:50%;
	margin-right:-13px !important;
}
.social-share-centered-position {
	right:50%;
	margin-right:-35px;
}