/*************
SHARE LINKS STYLING....
**************/

.share_container { width:100%; float:left; position:relative; clear:both; padding:5px 0px; margin:5px 0px 10px 0px; height:auto; height:100%; }
.share { float:left; position:relative; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; background-color:#eee; padding:8px 12px; color:#fff !important; text-decoration:none; cursor:pointer; /*border-radius:2px; margin:2px 4px 2px 0px;*/ }
.share .fa { font-size:15px; }
.share .text { font-size:13px; display:none; }
.share_text { color:#6d6d6d; margin-left:2px; font-size:12px !important; }
/*.share:hover .text { display:block; float:right; margin-left:5px;  }*/


/** SHARE BUTTON SHADOW EFFECT **/
/*.share { -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, transparent), to(rgba(255, 255, 255, 0.2))); }*/


/*** SOCIAL COLOURS ***/
.facebook { background-color:#3b5998; } 
.twitter { background-color:#55acee; }
.google { background-color:#dd4b39; }
.youtube { background-color:#bb0000; }
.linkedin { background-color:#007bb5; }
.instagram { background-color:#125688; }
.pininerest { background-color:#cb2027; }

/*** TRANSITION EFFECT ***/
.share .text { -moz-animation: rightThenLeft 0.5s linear; -o-animation: rightThenLeft 0.5s linear; -webkit-animation: rightThenLeft 0.5s linear; animation: rightThenLeft 0.5s linear; }

@-webkit-keyframes rightThenLeft {
    0%   {margin-right:-50%;}
    100% {margin-right:0;}
}