/* =Socialite Plugin
----------------------------------------------- */

.socialite{
    .icon{
        a {
            background-color: @ini_theme_color;
            color: @ini_background !important;
            box-shadow: none !important;
            padding-top: 5px !important;
            padding-bottom: 5px !important;
            padding-left: 35px !important;
            padding-right: 10px !important;
            background-position-x: 10px !important;
            transition: filter 0.3s ease;
        }
        a.twitter{
            background-color: #1da1f3;
            border-color: #1da1f3;
            color: #fff !important;
        }
        a.facebook{
            background-color: #3b5998;
            border-color: #3b5998;
            color: #fff !important;
        }
        a.linkedin{
            background-color: #0077b5;
            border-color: #0077b5;
            color: #fff !important;
        }
        a.reddit{
            background-color: #ff4500;
            border-color: #ff4500;
            color: #fff !important;
        }
        a.telegram{
            background-color: #1d94d3;
            border-color: #1d94d3;
            color: #fff !important;
        }
        a.email{
            background-color: #0c6c51;
            border-color: #0c6c51;
            color: #fff !important;
        }
        a:hover,
        a:focus,
        a:active {
            filter: brightness(80%);
        }
    }
}