/*--------------------------------------------------
------ Styles for default layout option ------------
--------------------------------------------------*/
#social-shares {
        padding: 5px 0px;
}
#social-shares #social-shares-total {
        float: left;
        width: 33%;
        max-width: 90px;
}
#social-shares #social-shares-total .total-wrap {
        background: #ebeff0;
        color:#677476;
        margin: 2px;
}
#social-shares #social-shares-total .total-heading {
        padding: 8px 0px 3px 0px;
        text-align:center;
        line-height:20px;        
}
#social-shares #social-shares-total .total-number {
        text-align:center;
        padding: 5px 0px;
}
#social-shares .social-shares-item {
        float: left;
        width: 33%;
        max-width: 90px;
        -webkit-transition: background 0.5s;
        transition: background 0.5s;
}
#social-shares .social-shares-item #share-block {
        margin: 2px;
        -webkit-transition: background 0.5s;
        transition: background 0.5s;
}
#social-shares .social-shares-item .count {
        color:#fff;
        display:block;
        text-align:center;
        padding: 5px 0px;
}
#social-shares .social-shares-item .share {
        display:block;
        padding: 8px 0px 3px 0px;
        text-align:center;
}
#social-shares .social-shares-item .share img {
        width: 20px;
        height: 20px;
}
#social-shares .social-shares-item-no-count {
        float: left;
        width: 33%;
        max-width: 90px;
}
#social-shares .social-shares-item-no-count .share {
        display:block;
        padding: 20px 0px 19px 0px;
        text-align:center;
}
#social-shares .social-shares-item-no-count #share-block {
        margin: 2px;
        -webkit-transition: background 0.5s;
        transition: background 0.5s;
}
#social-shares .social-shares-item-no-count .share img {
        width: 20px;
        height: 20px;
}

/*--------------------------------------------------
------ Styles for wide layout option ---------------
--------------------------------------------------*/

#social-shares-wide {
        margin: 10px 0px;
}
#social-shares-wide #social-shares-total {
        display: inline-block;
        width: 164px;
        background: #ebeff0;
        color:#677476;
        padding-left: 10px;
        margin-top: 3px;
        text-align: left;
}
#social-shares-wide #social-shares-total .total-number {
        height: 20px;
        padding: 5px 0px;
}
#social-shares-wide .social-shares-item {
        display: inline-block;
        margin-top: 3px;
}
#social-shares-wide .social-shares-item  #share-block{
        padding: 5px 0px;
        -webkit-transition: background 1s;
        transition: background 1s;
}
#social-shares-wide .social-shares-item .count {
        color:#fff;
        display: inline-block;
        text-align:center;
        height: 20px;
        min-width: 30px;
        position:relative;
        margin-left: -5px;
        padding: 0px 5px 0px 0px;
		
}
#social-shares-wide .social-shares-item .share {
        color:#FFFFFF;
        display: inline-block;
        padding:0;
        text-align:center;
        width: 50px;
        text-decoration:none;
        position:relative;
}
#social-shares-wide .social-shares-item .share img {
        width: 20px;
        height: 20px;
}
#social-shares-wide .social-shares-item-no-count{
        display: inline-block;
        padding: 5px 0px;
        margin-top: 3px;
}
#social-shares-wide .social-shares-item-no-count #share-block{
        padding: 5px 0px;
        -webkit-transition: background 1s;
        transition: background 1s;
}
#social-shares-wide .social-shares-item-no-count .share {
        color:#FFFFFF;
        display: inline-block;
        padding:0;
        text-align:center;
        width: 84px;
        text-decoration:none;
        position:relative;
}
#social-shares-wide .social-shares-item-no-count .share img {
        width: 20px;
        height: 20px;
}
/*--------------------------------------------------
------ Styles common to both layout options --------
--------------------------------------------------*/

#social-shares, #social-shares-wide {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 100%;
}
#social-shares a, #social-shares a:link, #social-shares a:hover, #social-shares a:active,
#social-shares-wide a, #social-shares-wide a:link, #social-shares-wide a:hover, #social-shares-wide a:active {
	text-decoration: none;
}
#social-shares img, #social-shares-wide img {
	vertical-align: top;
}
.shares-twitter {
        background: #55ACEE;
}
.shares-twitter:hover {
        background: #0D7ED5;
}
.shares-facebook {
        background: #3C599B;
}
.shares-facebook:hover {
        background: #142F6E;
}
.shares-google {
        background: #DD4B39;
}
.shares-google:hover {
        background: #BB2C1A;
}
.shares-pinterest {
        background: #CD1F28;
}
.shares-pinterest:hover {
        background: #A50E15;
}
.shares-reddit {
        background: #cee3f8;
}
.shares-reddit:hover {
        background: #A2C6E8;
}
.shares-tumblr {
        background: #35465c;
}
.shares-tumblr:hover {
        background: #21334B;
}
.shares-linkedin {
        background: #1178b2;
}
.shares-linkedin:hover {
        background: #065F8E;
}
.shares-email {
        background: #A3A3A3;
}
.shares-email:hover {
        background: #757474;
}