﻿.socialMediaIcons {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: bottom;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    padding: 0;
    overflow: hidden;
    overflow: no-content;
    overflow: no-display;   
}

.socialMediaIconsTwitter {
    background-image: url(/Images/Design/icon-twitter2.png);
}

.singlePostTwitter {
    background-image: url(/Images/Design/icon-twitterColor.png);
    padding-left:2px;
    padding-right:2px;
}

.socialMediaIconsFacebook {
    background-image: url(/Images/Design/icon-facebook2.png);
}

.singlePostFb {
    background-image: url(/Images/Design/icon-facebookColor.png);
    margin-left:2px;
    margin-right:2px;
}


/*.fb-share-button, .twitter-share-button {
    margin: 0;
    padding: 0;   
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;    
    transform-origin: top left;
    position: absolute;
    opacity: 0;
}
    

.fb-share-button {
   
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);  
    transform: scale(3);    
}

.twitter-share-button {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}
    */

.instaIconPaddingLeft {
    padding-left: 30px;
}

@media only screen and (max-width: 599px) {

   .socialMediaIcons {
        width: 30px;
        height: 30px;
    }
}

@media only screen and (max-width : 375px) {
    .instaIconPaddingLeft {
        padding-left: 0px;
    }

    /*.twitter-share-button {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }*/
}