/* Social Share Styles */



.socialShare {
    display: inline-block;
}

    .socialShare > span.title {
        display: none;
    }

    .socialShare > a {
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center center;
        text-indent: -5000px;
        vertical-align: -25%;
        opacity: 1;
        text-decoration: none;
    }

        .socialShare > a:hover {
            opacity: .75;
        }

.fontface .socialShare > a:hover {
    opacity: 1;
}

.size16 {
    height: 16px;
    font-size: 10px;
    line-height: 16px;
}

    .size16 > a {
        height: 16px;
        width: 16px;
        overflow: hidden;
        margin-left: 3px;
        background-image: url(../img/Social-Share/share-16x16.png);
    }

        .size16 > a.facebookShare, .rastered .size16 > a.facebookShare {
            background-image: url(../img/Social-Share/facebook-16x16.png);
        }

        .size16 > a.googleplusShare, .rastered .size16 > a.googleplusShare {
            background-image: url(../img/Social-Share/google+-16x16.png);
        }

        .size16 > a.twitterShare, .rastered .size16 > a.twitterShare {
            background-image: url(../img/Social-Share/twitter-16x16.png);
        }

        .size16 > a.linkedinShare, .rastered .size16 > a.linkedinShare {
            background-image: url(../img/Social-Share/linkedin-16x16.png);
        }

        .size16 > a.tumblrShare, .rastered .size16 > a.tumblrShare {
            background-image: url(../img/Social-Share/tumblr-16x16.png);
        }

        .size16 > a.diggShare, .rastered .size16 > a.diggShare {
            background-image: url(../img/Social-Share/digg-16x16.png);
        }

        .size16 > a.redditShare, .rastered .size16 > a.redditShare {
            background-image: url(../img/Social-Share/reddit-16x16.png);
        }

        .size16 > a.stumbleuponShare, .rastered .size16 > a.stumbleuponShare {
            background-image: url(../img/Social-Share/stumbleupon-16x16.png);
        }

        .size16 > a.pinterestShare, .rastered .size16 > a.pinterestShare {
            background-image: url(../img/Social-Share/pinterest-16x16.png);
        }

        .size16 > a.emailShare, .rastered .size16 > a.emailShare {
            background-image: url(../img/Social-Share/email-16x16.png);
        }

.size24 {
    height: 24px;
    font-size: 18px;
    line-height: 24px;
}

    .size24 > a {
        height: 24px;
        width: 24px;
        overflow: hidden;
        margin-left: 3px;
        background-image: url(../img/Social-Share/share-24x24.png);
    }

        .size24 > a.facebookShare, .rastered .size24 > a.facebookShare {
            background-image: url(../img/Social-Share/facebook-24x24.png);
        }

        .size24 > a.googleplusShare, .rastered .size24 > a.googleplusShare {
            background-image: url(../img/Social-Share/google+-24x24.png);
        }

        .size24 > a.twitterShare, .rastered .size24 > a.twitterShare {
            background-image: url(../img/Social-Share/twitter-24x24.png);
        }

        .size24 > a.linkedinShare, .rastered .size24 > a.linkedinShare {
            background-image: url(../img/Social-Share/linkedin-24x24.png);
        }

        .size24 > a.tumblrShare, .rastered .size24 > a.tumblrShare {
            background-image: url(../img/Social-Share/tumblr-24x24.png);
        }

        .size24 > a.diggShare, .rastered .size24 > a.diggShare {
            background-image: url(../img/Social-Share/digg-24x24.png);
        }

        .size24 > a.redditShare, .rastered .size24 > a.redditShare {
            background-image: url(../img/Social-Share/reddit-24x24.png);
        }

        .size24 > a.stumbleuponShare, .rastered .size24 > a.stumbleuponShare {
            background-image: url(../img/Social-Share/stumbleupon-24x24.png);
        }

        .size24 > a.pinterestShare, .rastered .size24 > a.pinterestShare {
            background-image: url(../img/Social-Share/pinterest-24x24.png);
        }

        .size24 > a.emailShare, .rastered .size24 > a.emailShare {
            background-image: url(../img/Social-Share/email-24x24.png);
        }

.size32 {
    height: 32px;
    font-size: 24px;
    line-height: 32px;
}

    .size32 > a {
        height: 32px;
        width: 32px;
        overflow: hidden;
        margin-left: 3px;
        background-image: url(../img/Social-Share/share-32x32.png);
    }

        .size32 > a.facebookShare, .rastered .size32 > a.facebookShare {
            background-image: url(../img/Social-Share/facebook-32x32.png);
        }

        .size32 > a.googleplusShare, .rastered .size32 > a.googleplusShare {
            background-image: url(../img/Social-Share/google+-32x32.png);
        }

        .size32 > a.twitterShare, .rastered .size32 > a.twitterShare {
            background-image: url(../img/Social-Share/twitter-32x32.png);
        }

        .size32 > a.linkedinShare, .rastered .size32 > a.linkedinShare {
            background-image: url(../img/Social-Share/linkedin-32x32.png);
        }

        .size32 > a.tumblrShare, .rastered .size32 > a.tumblrShare {
            background-image: url(../img/Social-Share/tumblr-32x32.png);
        }

        .size32 > a.diggShare, .rastered .size32 > a.diggShare {
            background-image: url(../img/Social-Share/digg-32x32.png);
        }

        .size32 > a.redditShare, .rastered .size32 > a.redditShare {
            background-image: url(../img/Social-Share/reddit-32x32.png);
        }

        .size32 > a.stumbleuponShare, .rastered .size32 > a.stumbleuponShare {
            background-image: url(../img/Social-Share/stumbleupon-32x32.png);
        }

        .size32 > a.pinterestShare, .rastered .size32 > a.pinterestShare {
            background-image: url(../img/Social-Share/pinterest-32x32.png);
        }

        .size32 > a.emailShare, .rastered .size32 > a.emailShare {
            background-image: url(../img/Social-Share/email-32x32.png);
        }

.size48 {
    height: 48px;
    font-size: 32px;
    line-height: 48px;
}

    .size48 > a {
        height: 48px;
        width: 48px;
        overflow: hidden;
        margin-left: 3px;
        background-image: url(../img/Social-Share/share-48x48.png);
    }

        .size48 > a.facebookShare, .rastered .size48 > a.facebookShare {
            background-image: url(../img/Social-Share/facebook-48x48.png);
        }

        .size48 > a.googleplusShare, .rastered .size48 > a.googleplusShare {
            background-image: url(../img/Social-Share/google+-48x48.png);
        }

        .size48 > a.twitterShare, .rastered .size48 > a.twitterShare {
            background-image: url(../img/Social-Share/twitter-48x48.png);
        }

        .size48 > a.linkedinShare, .rastered .size48 > a.linkedinShare {
            background-image: url(../img/Social-Share/linkedin-48x48.png);
        }

        .size48 > a.tumblrShare, .rastered .size48 > a.tumblrShare {
            background-image: url(../img/Social-Share/tumblr-48x48.png);
        }

        .size48 > a.diggShare, .rastered .size48 > a.diggShare {
            background-image: url(../img/Social-Share/digg-48x48.png);
        }

        .size48 > a.redditShare, .rastered .size48 > a.redditShare {
            background-image: url(../img/Social-Share/reddit-48x48.png);
        }

        .size48 > a.stumbleuponShare, .rastered .size48 > a.stumbleuponShare {
            background-image: url(../img/Social-Share/stumbleupon-48x48.png);
        }

        .size48 > a.pinterestShare, .rastered .size48 > a.pinterestShare {
            background-image: url(../img/Social-Share/pinterest-48x48.png);
        }

        .size48 > a.emailShare, .rastered .size48 > a.emailShare {
            background-image: url(../img/Social-Share/email-48x48.png);
        }

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'socialshare';
    src: url('../fonts/socialshare.eot?9vi1fc');
    src: url('../fonts/socialshare.eot?#iefix9vi1fc') format('embedded-opentype'), url('../fonts/socialshare.woff?9vi1fc') format('woff'), url('../fonts/socialshare.ttf?9vi1fc') format('truetype'), url('../fonts/socialshare.svg?9vi1fc#socialshare') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'socialshare';
    src: url('../fonts/socialshare.eot?9vi1fc');
    src: url('../fonts/socialshare.eot?#iefix9vi1fc') format('embedded-opentype'), url('../fonts/socialshare.woff?9vi1fc') format('woff'), url('../fonts/socialshare.ttf?9vi1fc') format('truetype'), url('../fonts/socialshare.svg?9vi1fc#socialshare') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fontface .socialShare > a {
    text-indent: -5000px;
    background-image: none;
    color: #fff;
    padding: 0px;
    background-color: #666;
    background-color: rgba(0,0,0,.25);
    border-radius: 3px;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -transition: all .2s ease-in-out;
}

    .fontface .socialShare > a:hover {
        color: #000;
        background-color: rgba(255,255,255,.75);
    }

    /*.socialShare > a:before {
    display: none;
}*/

    .fontface .socialShare > a:before {
        content: "";
        font-family: 'socialshare';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        opacity: .75;
        position: absolute;
        display: block;
        font-size: .75em;
        left: 50%;
        top: 50%;
        text-indent: 0px;
        padding: 5px;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .fontface .socialShare > a.instagramShare:before {
        font-family: 'FontAwesome';
    }

.lt-ie9.fontface .socialShare > a:before {
    left: 0;
    top: 0;
    min-width: 1em;
    text-align: center;
}

.lt-ie9.fontface .socialShare.size16 > a:before {
    min-width: 6px;
    line-height: 6px;
}

.lt-ie9.fontface .socialShare.size24 > a:before {
    min-width: 14px;
    line-height: 14px;
}

.lt-ie9.fontface .socialShare.size32 > a:before {
    min-width: 22px;
    line-height: 22px;
}

.lt-ie9.fontface .socialShare.size48 > a:before {
    min-width: 38px;
    line-height: 38px;
}

.fontface .socialShare > a:hover:before {
    opacity: 1;
}

.socialShare > a.twitterShare:before {
    content: "\e600";
}

.socialShare > a.tumblrShare:before {
    content: "\e601";
}

.socialShare > a.stumbleuponShare:before {
    content: "\e602";
}

.socialShare > a.instagramShare:before {
    content: "\f16d";
}

.socialShare > a.redditShare:before {
    content: "\e603";
}

.socialShare > a.pinterestShare:before {
    content: "\e604";
}

.socialShare > a.linkedinShare:before {
    content: "\e605";
}

.socialShare > a.googleplusShare:before {
    content: "\e606";
}

.socialShare > a.facebookShare:before {
    content: "\e607";
}

.socialShare > a.emailShare:before {
    content: "\e608";
    line-height: 20px;
}

.socialShare > a.diggShare:before {
    content: "\e609";
}

/* Custom style for colored hovers, add 'coloredhover' or 'colored' class to parent */
.fontface .coloredhover .socialShare > a:hover, .fontface .colored .socialShare > a {
    color: #fff;
}

    .fontface .coloredhover .socialShare > a.facebookShare:hover, .fontface .colored .socialShare > a.facebookShare {
        background-color: #3B5998 !important;
    }

    .fontface .coloredhover .socialShare > a.googleplusShare:hover, .fontface .colored .socialShare > a.googleplusShare {
        background-color: #D34836 !important;
    }

    .fontface .coloredhover .socialShare > a.twitterShare:hover, .fontface .colored .socialShare > a.twitterShare {
        background-color: #00aced !important;
    }

    .fontface .coloredhover .socialShare > a.linkedinShare:hover, .fontface .colored .socialShare > a.linkedinShare {
        background-color: #2768A8 !important;
    }

    .fontface .coloredhover .socialShare > a.tumblrShare:hover, .fontface .colored .socialShare > a.tumblrShare {
        background-color: #2c4762 !important;
    }

    .fontface .coloredhover .socialShare > a.diggShare:hover, .fontface .colored .socialShare > a.diggShare {
        background-color: #000000 !important;
    }

    .fontface .coloredhover .socialShare > a.redditShare:hover, .fontface .colored .socialShare > a.redditShare {
        background-color: #F3723F !important;
    }

    .fontface .coloredhover .socialShare > a.stumbleuponShare:hover, .fontface .colored .socialShare > a.stumbleuponShare {
        background-color: #EF4916 !important;
    }

    .fontface .coloredhover .socialShare > a.pinterestShare:hover, .fontface .colored .socialShare > a.pinterestShare {
        background-color: #cb2027 !important;
    }

    .fontface .coloredhover .socialShare > a.emailShare:hover, .fontface .colored .socialShare > a.emailShare {
        background-color: #ff6600 !important;
    }

/* Custom style for rounded look, add 'rounded' class to parent */

.fontface .rounded .socialShare > a {
    padding: 5px;
    border-radius: 100px;
}

.lt-ie9.fontface .rounded .socialShare > a:before {
    left: 0;
    top: 0;
    min-width: 1em;
    text-align: center;
}

.lt-ie9.fontface .rounded .socialShare.size16 > a:before {
    min-width: 16px;
    line-height: 16px;
}

.lt-ie9.fontface .rounded .socialShare.size24 > a:before {
    min-width: 24px;
    line-height: 24px;
}

.lt-ie9.fontface .rounded .socialShare.size32 > a:before {
    min-width: 32px;
    line-height: 32px;
}

.lt-ie9.fontface .rounded .socialShare.size48 > a:before {
    min-width: 48px;
    line-height: 48px;
}


/* Custom style for zoom in logos, add 'zoomed' class to parent */

.fontface .zoomed .socialShare > a:before {
    font-size: 1.25em;
}

/* Custom style for rastered logos, add 'rastered' class to parent */

.rastered .socialShare > a:before {
    display: none !important;
}

/* Custom style for button styled share element, add 'button' class to parent */

.button .socialShare {
    border-radius: 5px;
    background: #dedee3;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmNjZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #dedee3 0%, #ffffff 50%, #cbccd0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedee3), color-stop(50%,#ffffff), color-stop(100%,#cbccd0));
    background: -webkit-linear-gradient(top, #dedee3 0%,#ffffff 50%,#cbccd0 100%);
    background: -o-linear-gradient(top, #dedee3 0%,#ffffff 50%,#cbccd0 100%);
    background: -ms-linear-gradient(top, #dedee3 0%,#ffffff 50%,#cbccd0 100%);
    background: linear-gradient(to bottom, #dedee3 0%,#ffffff 50%,#cbccd0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedee3', endColorstr='#cbccd0',GradientType=0 );
    padding-left: .5em;
    color: #666;
    color: rgba(0,0,0,.4);
    overflow: hidden;
    box-shadow: 1px 1px 3px rgba(0,0,0,.25);
    text-shadow: 1px 1px 3px rgba(255,255,255,1);
}

    .button .socialShare > a {
        margin-left: 0;
        border-radius: 0;
        border-left: 1px #ccc solid;
        border-left: 1px rgba(0,0,0,.15) solid;
        background-color: transparent;
        color: #666;
        color: rgba(0,0,0,.5);
        float: left;
    }

    .button .socialShare > span.title {
        float: left;
        margin-right: .5em;
        font-size: .7em;
        display: inline;
        text-transform: lowercase;
        font-weight: bold;
    }

    .button .socialShare > a:hover {
        text-shadow: none;
    }

    .button .socialShare > a:first-child {
        margin-left: .5em;
    }

/* Custom style for button styled share element, add 'button' class to parent */
.names .socialShare > a {
    text-indent: 30px;
    width: auto;
    padding-left: 0px;
    padding-right: 10px;
    font-size: .75em;
}

    .names .socialShare > a:before {
        left: 0;
        top: 0;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
        width: 20px;
        text-align: center;
        font-size: 1em;
        line-height: 1em;
    }

/* END: Social Share Styles */