/*!
 * jQuery Floating Social Share Plugin v1.1.0
 * http://burakozdemir.co.uk
 * Copyright 2015 Burak Özdemir - <https://github.com/ozdemirburak>
 */

* {
    box-sizing: border-box;
}

#floatingSocialShare {
    position: relative;
    z-index: 3;
}

    #floatingSocialShare a {
        position: relative;
        width: 40px; /*width: 48px;*/
        height: 40px; /*height: 48px;*/
        line-height: 24px;
        display: list-item;
        list-style-type: none;
        padding: 0px 7px 0px 0px; /*padding: 5px 0;*/
        text-align: right; /*text-align: center;*/
        color: #fff;
    }

        #floatingSocialShare a:focus, #floatingSocialShare a:hover {
            color: #fff;
            width: 52px;
            opacity: 0.8;
            transition-duration: 0.3s;
            transition-property: right;
            transition-timing-function: ease-out;
        }

        #floatingSocialShare a, #floatingSocialShare a:visited, #floatingSocialShare a:focus, #floatingSocialShare a:active, #floatingSocialShare a:hover {
            outline: 0 none !important;
        }

    #floatingSocialShare i {
        line-height: inherit;
        font-size: 24px;
        text-align: center;
    }

    #floatingSocialShare .top-left {
        position: fixed;
        top: 20%;
        left: -10px;
    }

    #floatingSocialShare .top-right {
        position: fixed;
        top: 20%;
        right: 0;
    }

    #floatingSocialShare .facebook {
        background-color: #3b5998;
    }

    #floatingSocialShare .twitter {
        background-color: #00aced;
    }

    #floatingSocialShare .google-plus {
        background-color: #dd4b39;
    }

    #floatingSocialShare .linkedin {
        background-color: #007bb6;
    }

    #floatingSocialShare .envelope {
        background-color: #726C6C;
    }

    #floatingSocialShare .pinterest {
        background-color: #c92228;
    }

    #floatingSocialShare .stumbleupon {
        background-color: #eb4924;
    }

    #floatingSocialShare .reddit {
        background-color: #a9bacb;
    }

    #floatingSocialShare .tumblr {
        background-color: #36465d;
    }

    #floatingSocialShare .vk {
        background-color: #6383a8;
    }

    #floatingSocialShare .odnoklassniki {
        background-color: #f6900b;
    }

    #floatingSocialShare .shareCount {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        color: #ffffff;
        font-size: 10px;
    }

    #floatingSocialShare .margin-top-5 {
        margin-top: 5px;
    }

@media only screen and (min-device-width: 0px) and (max-width:1230px) {

    #floatingSocialShare {
        margin-top: 50px;
    }

        #floatingSocialShare .top-left {
            top: auto;
            bottom: 0;
            width: 100%;
            z-index: 999;
            left: 0px;
        }

        #floatingSocialShare .top-right {
            top: auto;
            bottom: 0;
            width: 100%;
            z-index: 999;
        }

        #floatingSocialShare a {
            position: relative;
            float: left;
            display: list-item;
            list-style-type: none;
            width: 48px;
            height: 48px;
            text-align: center;
            padding: 5px 0;
        }

            #floatingSocialShare a:focus, #floatingSocialShare a:hover {
                -moz-transition-property: none;
                -webkit-transition-property: none;
                -o-transition-property: none;
                transition-property: none;
            }
}