
/* START Delete text for buttons behind Plus signe */
 .mashsb-buttons .secondary-shares a .text{
        text-indent: -9999px;
        line-height: 0px;
        display: block;
        } 
 .mashsb-buttons .secondary-shares a .text:after {
        content: " ";
        text-indent: 0;
        font-size:13px;
        display: block;
    }
 .mashsb-buttons .secondary-shares a {
        min-width:0;
        font-size: 0px;
    }
  .mashsb-buttons .secondary-shares a .icon:before {
        margin-right:0px;
    }
/* END */

/* hide class */
.mashsb-buttons .mashsb-hide {
    display:none;
}
/* Default behavior - must be changed in media query for responsive layout */
/*.mashsb-buttons{
    display:inline-block;
}*/

@font-face {
  font-family: 'mashsb-font';
  src: url('./fonts/mashsb-font.eot?3442747');
  src: url('./fonts/mashsb-font.eot?3442747#iefix') format('embedded-opentype'),
       url('./fonts/mashsb-font.woff?3442747') format('woff'),
       url('./fonts/mashsb-font.ttf?3442747') format('truetype'),
       url('./fonts/mashsb-font.svg?3442747#mashsb-font') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'mashsb-font';
    src: url('./fonts/mashsb-font.svg?3442747#mashsb-font') format('svg');
  }
}


/* Adjustable specifications */

/* Hover effect */
[class^="mashicon-"]:hover, [class*=" mashicon-"]:hover {
opacity: 0.8;
}
/* Icon Color */
[class^="mashicon-"] .icon, [class*=" mashicon-"] {
color:#ffffff;
}
/* Font color */
[class^="mashicon-"] .text, [class*=" mashicon-"] .text {
    color:#ffffff;
}
/* General visual settings,like border, shadow, shine etc. */
 [class^="mashicon-"], [class*=" mashicon-"] .onoffswitch-label{
        font-size:15px;
        border-radius: 0px;
        cursor: pointer;
 }
 /* Icon visual appearance */
 [class^="mashicon-"] .icon:before, [class*=" mashicon-"] .icon:before {
  font-family: "mashsb-font";
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-size:16px;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.7em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none; 
  /* fix buttons height, for twitter bootstrap */
  /*line-height: 1em;*/
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /*margin-left: 0.7em;*/
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  
  /* Reset margin-top for twitter bootstrap */
  margin-top:0px;
  /* For IE 8 Important */
  float:left;
}
/* Icon definations */
.mashicon-facebook .icon:before { content: '\e800'; } /* '' */
.mashicon-google .icon:before { content: '\e801'; } /* '' */
.mashicon-pinterest .icon:before { content: '\e802'; } /* '' */
.mashicon-linkedin .icon:before { content: '\e803'; } /* '' */
.mashicon-digg .icon:before { content: '\e804'; } /* '' */
.mashicon-reddit .icon:before { content: '\e805'; } /* '' */
.mashicon-stumbleupon .icon:before { content: '\e806'; } /* '' */
.mashicon-twitter .icon:before { content: '\e807'; } /* '' */
.mashicon-mail .icon:before { content: '\e808'; } /* '' */
.mashicon-vk .icon:before { content: '\e809'; } /* '' */
.mashicon-print .icon:before { content: '\e80a'; } /* '' */
.mashicon-delicious .icon:before { content: '\e80b'; } /* '' */
.mashicon-buffer .icon:before { content: '\e80c'; } /* '' */
.mashicon-heart .icon:before { content: '\e80d'; } /* '' */
.mashicon-weibo .icon:before { content: '\e80e'; } /* '' */
.mashicon-pocket .icon:before { content: '\e80f'; } /* '' */
.mashicon-xing .icon:before { content: '\e810'; } /* '' */
.mashicon-flattr .icon:before { content: '\e811'; } /* '' */
.mashicon-odnoklassniki .icon:before { content: '\e812'; } /* '' */
.mashicon-tumblr .icon:before { content: '\e813'; } /* '' */
.mashicon-subscribe .icon:before { content: '\e808'; } /* '' */
.mashicon-whatsapp .icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDJweCIgaGVpZ2h0PSI0MnB4IiB2aWV3Qm94PSIwIDAgNDIgNDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQyIDQyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJXaGF0c0FwcF8xXyIgZmlsbD0iI0ZGRkZGRiIgZD0iTTQwLDIwLjUxMmMwLDEwLjIyMi04LjM1MiwxOC41MDktMTguNjUzLDE4LjUwOWMtMy4yNzIsMC02LjM0Ni0wLjgzNS05LjAxOC0yLjMwM0wyLDQwDQoJbDMuMzY2LTkuOTMxYy0xLjY5OC0yLjc5LTIuNjc2LTYuMDYyLTIuNjc2LTkuNTU4QzIuNjksMTAuMjg4LDExLjA0MiwyLDIxLjM0NywyQzMxLjY1LDIsNDAsMTAuMjg4LDQwLDIwLjUxMnogTTIxLjM0Nyw0Ljk0OA0KCWMtOC42NTEsMC0xNS42ODYsNi45OC0xNS42ODYsMTUuNTYzYzAsMy40MDMsMS4xMDksNi41NTgsMi45ODcsOS4xMjJMNi42OSwzNS40MTVsNi4wMjYtMS45MTVjMi40NzYsMS42MjQsNS40NDIsMi41NzIsOC42MywyLjU3Mg0KCWM4LjY0NiwwLDE1LjY4My02Ljk4LDE1LjY4My0xNS41NjFDMzcuMDI5LDExLjkyOSwyOS45OTMsNC45NDgsMjEuMzQ3LDQuOTQ4eiBNMzAuNzY2LDI0Ljc3MmMtMC4xMTUtMC4xODgtMC40Mi0wLjMwMS0wLjg3Ni0wLjUyNw0KCWMtMC40NTgtMC4yMjctMi43MDctMS4zMjYtMy4xMjUtMS40NzdjLTAuNDE5LTAuMTUyLTAuNzI2LTAuMjI3LTEuMDI5LDAuMjI4Yy0wLjMwNSwwLjQ1My0xLjE4MSwxLjQ3Ni0xLjQ0OSwxLjc3Ng0KCWMtMC4yNjYsMC4zMDYtMC41MzIsMC4zNDMtMC45ODksMC4xMTZjLTAuNDU4LTAuMjI4LTEuOTMyLTAuNzA4LTMuNjc4LTIuMjUyYy0xLjM1OS0xLjIwNC0yLjI3Ni0yLjY4OC0yLjU0NS0zLjE0Mg0KCWMtMC4yNjYtMC40NTQtMC4wMjYtMC43MDEsMC4yMDItMC45MjZjMC4yMDQtMC4yMDQsMC40NTgtMC41MywwLjY4NS0wLjc5NGMwLjIzMS0wLjI2NiwwLjMwNi0wLjQ1NSwwLjQ1OC0wLjc1OQ0KCWMwLjE1Mi0wLjMwMywwLjA3Ni0wLjU2Ni0wLjAzOS0wLjc5M2MtMC4xMTMtMC4yMjgtMS4wMjktMi40Ni0xLjQxLTMuMzY5Yy0wLjM4LTAuOTA3LTAuNzYxLTAuNzU3LTEuMDI5LTAuNzU3DQoJYy0wLjI2NiwwLTAuNTctMC4wMzctMC44NzYtMC4wMzdjLTAuMzAzLDAtMC44LDAuMTEzLTEuMjE5LDAuNTY3Yy0wLjQyLDAuNDUzLTEuNiwxLjU1Mi0xLjYsMy43ODNjMCwyLjIzMiwxLjYzNyw0LjM5MSwxLjg2Niw0LjY5Mg0KCWMwLjIyOSwwLjMwMywzLjE2Miw1LjAzNCw3LjgxMiw2Ljg1MWM0LjY0OCwxLjgxNiw0LjY0OCwxLjIxLDUuNDg4LDEuMTM0YzAuODM3LTAuMDc0LDIuNzA0LTEuMDk3LDMuMDg2LTIuMTU2DQoJQzMwLjg3OSwyNS44NzIsMzAuODc5LDI0Ljk2MywzMC43NjYsMjQuNzcyeiIvPg0KPC9zdmc+DQo=);
background-size: 22px 22px;
width: 22px;
color: #666;
display: inline-block;
height: 22px;
vertical-align: middle;
margin-right: 4px;
}

/* Upper and lower distance share button to next elements  */
.mashsb-container{
    padding-top: 10px;
    padding-bottom:10px;
} 
/* General size of all buttons */
.mashsb-buttons a{
    /* we need to reset some style 
    to prevent theme incompatibility */
    padding:13px;
    margin-right: 3px;
    margin-bottom:3px;
    float:left;
    text-decoration: none;
    min-width: 177px;
}

/* Click on plus sign adds this class to switch the float */
.mashsb-buttons .float-right {
    float:right !important;
}
.mashsb-buttons .float-left {
    float:left !important;
}

/* Special case for non icon-font 
*  buttons with background images
*  @services Whatsapp 
*  @todo change to icon-font when available
*/
.mashsb-buttons .mashicon-whatsapp {
    /* we need to reset some style 
    to prevent theme incompatibility */
    padding:10px;
    margin-right: 3px;
    margin-bottom:3px;
    float:left;
    display: inline-flex;
}
/* todo: increase css value to avoid !important declaration */
.mashsb-buttons .mashicon-whatsapp span.text{
    height: 0px;
    margin-top: 3px !important;
    display: inline-block;
}

/* Social networks main background color*/
.mashicon-facebook{
background: #2d5f9a;
}
.mashicon-twitter{
background: #00c3f3;
}
.mashicon-google{
background: #d73d32;
}
.mashicon-subscribe{
background: #fff120;
}
.mashicon-pinterest{
background: #cd252b;
}
.mashicon-linkedin{
background: #2ba3e1;
}
.mashicon-digg{
background: #1b5791;
}
.mashicon-stumbleupon{
background: #eb4723;
}
.mashicon-vk{
background: #5d83aa;
}
.mashicon-mail{
background: #888888;
}
.mashicon-print{
background: #666666;
}
.mashicon-reddit{
background: #333333;
}
.mashicon-delicious{
background: #3399ff;
}
.mashicon-weibo{
background: #ed1c24;
}
.mashicon-pocket{
background: #ee4055;
}
.mashicon-xing{
background: #135a5b;
}
.mashicon-flattr{
background: #8cb55b;
}
.mashicon-odnoklassniki{
background: #f4731c;
}
.mashicon-managewp{
background: #056cad;
}
.mashicon-tumblr{
background: #2c4762;
}
.mashicon-meneame{
background: #ff7d12;
}
.mashicon-whatsapp{
background: #1d9e11;
}
.mashicon-buffer{
background: #000000;
}
.mashicon-buffer .text, mashicon-buffer .icon{
color: #ffffff;
}
/* Overwrite text color for subscribe button */
.mashicon-subscribe .text, 
.mashicon-subscribe .icon {
color: #000000;
}
/* Define Share count number */
.mashsb-count {
display: block;
padding-bottom: 0px;
font-size: 43px;
font-weight: bold;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
color: #7FC04C;
border: #FFF solid 0px;
text-align: center;
margin-right: 10px;
margin-top: 10px;
float: left;
line-height: 13px;
}
/* Define Share text below share count number */
.mashsb-sharetext {
font-size:11px;
font-family:Arial,sans-serif;
color:#8A8C8E;
}
/* Define Subscribe toggle container */
.mashsb-toggle-container {
    display:none;
    padding: 11px 2% 8px;
    border: 10px solid #FFF120;
    position: relative;
    margin-bottom:10px;
    margin-top:0px;
}


/* IMPORTANT: DO NOT EDIT BELOW THIS LINE */

/* Position */
 [class^="mashicon-"], [class*=" mashicon-"]{
        position: relative;
        display: inline-block;
 }
 
[class^="mashicon-"] .text, [class*=" mashicon-"] .text {
    padding:0px !important;
    margin:0px !important;
}

 [class^="mashicon-"] .text:after, [class*=" mashicon-"] .text:after{
        line-height: 10px;
 }
 


/* Important to reset global body line-height */
.mashsb-box {
    /*height:49px;*/
    line-height: 1 !important;
}
.mashsb-count > counts {
    clear:both;
}


/* On off switch for more services */


.onoffswitch,.onoffswitch-inner:before, .onoffswitch-inner:after{
    width: 42px;
    height: 42px; 
    line-height: 42px;
}
.onoffswitch {
    position: relative; 
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    display: inline-block;
    float: left;
    margin-right: 3px;
    margin-bottom:3px;
    margin-left: 0px;
    padding-bottom:0px;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    /*border-radius: 0px;*/
}
.onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; 
    width: 50%; 
    padding: 0; 
    font-size: 34px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "+";
    padding-left: 11px;
    background-color: #C5C5C5; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "+";
    padding-right: 11px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    width: 5px; margin: 17.5px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 2px;
    position: absolute; top: 0; bottom: 0; right: -4px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

/* onoffswitch 2 with opposite after:before behavior  
 *
 */

.onoffswitch2,.onoffswitch2-inner:before, .onoffswitch2-inner:after{
    width: 42px;
    height: 42px; 
    line-height: 36px;
}

.onoffswitch2 {
    position: relative; 
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    display: inline-block;
    float: left;
    margin-right: 7px;
    margin-left: 0px;
    padding-bottom:7px;
}
.onoffswitch2-checkbox {
    display: none;
}
.onoffswitch2-label {
    display: block; 
    overflow: hidden; 
    cursor: pointer;
    border-radius: 0px;

}
.onoffswitch2-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch2-inner:before, .onoffswitch2-inner:after{
    float: left; 
    /*width: 50%; 
    height: 41px; 
    line-height: 41px;*/
    padding: 0; 
    font-size: 34px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch2-inner:before {
    content: "-";
    padding-left: 14px;
    background-color: #C5C5C5; color: #FFFFFF;
}
.onoffswitch2-inner:after {
    content: "-";
    padding-right: 14px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch2-switch {
    width: 5px; margin: 17.5px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 2px;
    position: absolute; top: 0; bottom: 0; right: -4px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}
.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-inner {
    margin-left: 0;
}
.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-switch {
    right: 0px; 
}
