/**
 * MarkupSocialShareButtons default theme example CSS
 * Use this theme as a start to create your own and copy it to your CSS and edit
 */

@import "all.css";

.MarkupSocialShareButtons{
    list-style-type: none;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}
.MarkupSocialShareButtons li{
    list-style-type: none;
    float: left;
    margin-right: 9px;
}
.MarkupSocialShareButtons li a{
    /*vertical-align: baseline;*/
    /*vertical-align: text-top;*/
    display: grid;
    text-decoration: none;
    border: none;
}
.MarkupSocialShareButtons li a:hover{
    opacity: .8 !important;
}

.MarkupSocialShareButtons li:hover{
    opacity: .8 !important;
}

.MarkupSocialShareButtons img{
    width: 100%;
    height: auto;
}

.mssb-item {
    width: 45px; height: 45px; font-size: 15px;
    -webkit-transition: all 0.2s !important; transition: all 0.2s !important;
}
.mssb-item a {
    color: white !important;
    width: 45px; height: 45px; font-size: 15px;
    /*margin-right: 20px !important;*/
}
.mssb-email:hover, .mssb-email, .mssb-email.active {
    background-color: #404040 !important;
}
.mssb-twitter:hover, .mssb-twitter, .mssb-twitter.active {
    background-color: #18CBFF !important;
}
.mssb-facebook:hover, .mssb-facebook, .mssb-facebook.active {
    background-color: #4A90E2 !important;
}
.mssb-whatsapp:hover, .mssb-whatsapp, .mssb-whatsapp.active {
    background-color: #1BD741 !important;
}