/*********************************************************************
 * #### jQuery Awesome Sosmed Share Button / AyoShare.js v16 ####
 * Coded by Ican Bachors 2014.
 * http://ibacor.com/labs/jquery-awesome-sosmed-share-button/
 * Updates will be posted to this site.
 *********************************************************************/

.ayoshare {
    font-family: sans-serif;
    padding: 2px 2px;
    overflow: hidden;
}

.ayoshare .button {
    position: relative;
    display: block;
    float: left;
    height: 40px;
    margin: 4px 0;
    width: 44px;
}

.ayoshare .button-counter {
    height: 60px;
}

.ayoshare .button a {
    cursor: pointer
}

.ayoshare .icon {
    display: block;
    float: left;
    position: relative;
    z-index: 3;
    height: 100%;
    vertical-align: top;
    width: 44px;
    text-align: center;
}    

.ayoshare .icon i {
    color: #fff;
    line-height: 42px;
}

.ayoshare .mobile {
    display: block;
    float: left;
    position: relative;
    z-index: 3;
    height: 100%;
    vertical-align: top;
    width: 100%;
    text-align: center;
}

.ayoshare .mobile i {
    color: #fff;
    line-height: 42px;
}

.ayoshare .counter {
    z-index: 4;
    margin: 0;
    height: 20px;
    left: 0;
    top: 40px;
    position: absolute;
    width: 100%;
}

.ayoshare .counter p {
    font-weight: 400;
    border-top: 1px solid rgba(255,255,255,0.5);
    color: #fff;
    font-size: 12px;
    left: 0;
    margin: 0 4px;
    text-align: center;
}

.ayoshare a {
	color:#fff;
	text-decoration:none;
}

.ayoshare .facebook .icon {
	background-color: #4769a5;
        opacity: .8;
}

.ayoshare .google .icon,
.ayoshare .google .counter {
	background-color: #bf3727;
        opacity: .8;
}

.ayoshare .twitter .icon {
	background-color: #51a3bf;
        opacity: .8;
}

.ayoshare .drukuj .icon {
	background-color: #7f8c8d;
        opacity: .8;
}


/* add hover and active effects */
.ayoshare .button:hover .icon,
.ayoshare .button:hover .mobile,
.ayoshare .button:active .icon,
.ayoshare .button:active .mobile {
	opacity: 1;
}