/* 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 */position:absolute; z-index:9}
.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:absolute; z-index:9; overflow:hidden; font-size:20px; text-align:center; margin:0; opacity:0; bottom:-52px; -webkit-padding-start:0; background-color:#fff; height:52px;padding-top:6px;}
.social-share-wrapper-active{opacity:1 !important; left:0px;}
.social-share-wrapper li{display:inline-block; list-style-type:none; background:#fff; float:left;border:1px solid #eee;}
/* 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(1){/* disable top border on first item */-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(2){-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(4){-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(5){-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}
/* SHARED BUTTON STYLES
**************************************************/
.bonfire-twitter-button, 
.bonfire-facebook-button, 
.bonfire-googleplus-button, 
.bonfire-linkedin-button, 
.bonfire-email-button{display:block; width:44px; color:#a7a9ac; padding:10px; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out}
.bonfire-twitter-button:hover, 
.bonfire-facebook-button:hover, 
.bonfire-googleplus-button:hover, 
.bonfire-linkedin-button:hover, 
.bonfire-email-button:hover{color:#fff; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out}
.bonfire-twitter-button:hover{background:#3cf}
.bonfire-facebook-button:hover{background:#3b5998}
.bonfire-googleplus-button:hover{background:#dd4b39}
.bonfire-linkedin-button:hover{background:#0077b5}
.bonfire-email-button:hover{background:#221e1e}