/**
 * Post Sharing - Plain Theme
 */
.ksharelinks.plain {
        
}
.ksharelinks.plain .kintro {
        float: left;
        margin: 0 1em 0 0;
}
.ksharelinks.plain ul {
        margin: 0;
        padding: 0;
        list-style: none;
}
.ksharelinks.plain ul li {
        float: left;
        margin: 0 1em 0.6em 0;
}
.ksharelinks.plain ul li:last-of-type {
        margin: 0;
}

// Base styles
// --------------------------------------------------

.ksharelinks.plain .klink {
    
    display: inline-block;
    margin-bottom: 0; // For input.btn
    font-weight: $btn-font-weight;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none; // Reset unusual Firefox-on-Android plain style; see https://github.com/necolas/normalize.css/issues/214
    border: 1px solid transparent;
    white-space: nowrap;
    text-decoration: none;
    @include button-size( $padding-medium-vertical, $padding-medium-horizontal, $font-size-base, $line-height-base, $border-radius-base );

    .kicon {
        font-size: 1em;
    }
    
    &,
    &:active,
    &.active {
      &:focus {
        // Use themes focus
      }
    }

    &:hover,
    &:focus {
      color: #fff;
      text-decoration: none;
    }

    &:active,
    &.active {
      outline: 0;
      background-image: none;
      box-shadow: inset 0 3px 5px rgba( 0, 0, 0, 0.125 );
    }

    &.disabled,
    &[disabled],
    fieldset[disabled] & {
      cursor: not-allowed;
      pointer-events: none; // Future-proof disabling of clicks
      opacity: 0.65;
      box-shadow: none;
    }
    
}

// Buttons Variations
// --------------------------------------------------

.ksharelinks.plain .email {
    @include button-variant( #fff, $email, darken( $email, 5% ) );
}
.ksharelinks.plain .buffer {
    @include button-variant( #fff, $buffer, darken( $buffer, 5% ) );
}
.ksharelinks.plain .facebook {
    @include button-variant( #fff, $facebook, darken( $facebook, 5% ) );
}
.ksharelinks.plain .twitter {
    @include button-variant( #fff, $twitter, darken( $twitter, 5% ) );
}
.ksharelinks.plain .linkedin {
    @include button-variant( #fff, $linkedin, darken( $linkedin, 5% ) );
}
.ksharelinks.plain .pinterest {
    @include button-variant( #fff, $pinterest, darken( $pinterest, 5% ) );
}
.ksharelinks.plain .googleplus {
    @include button-variant( #fff, $googleplus, darken( $googleplus, 5% ) );
}
.ksharelinks.plain .digg {
    @include button-variant( #fff, $digg, darken( $digg, 5% ) );
}
.ksharelinks.plain .tumblr {
    @include button-variant( #fff, $tumblr, darken( $tumblr, 5% ) );
}
.ksharelinks.plain .reddit {
    @include button-variant( #fff, $reddit, darken( $reddit, 5% ) );
}
.ksharelinks.plain .stumbleupon {
    @include button-variant( #fff, $stumbleupon, darken( $stumbleupon, 5% ) );
}
.ksharelinks.plain .delicious {
    @include button-variant( #fff, $delicious, darken( $delicious, 5% ) );
}

// Button Sizes
// --------------------------------------------------

// Extra Small
.ksharelinks.plain.xsmall {
    .kintro {
        padding: $padding-xs-vertical 0;
        line-height: $line-height-xs;
    }
    .klink,
    .kcount {
        @include button-size( $padding-xs-vertical, $padding-xs-horizontal, $font-size-xs, $line-height-xs, $border-radius-small );
        min-width: 3em;
    }
    .kcount {
        @include left-box-arrow( #bbb, 5px, 6px, -10px );
        min-width: 0;
    }
}

// Small
.ksharelinks.plain.small {
    .kintro {
        padding: $padding-small-vertical 0;
        line-height: $line-height-small;
    }
    .klink,
    .kcount {
        @include button-size( $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small );
        min-width: 3em;
    }
    .kcount {
        @include left-box-arrow( #bbb, 6px, 9px, -12px );
        min-width: 0;
    }
}

// Medium
.ksharelinks.plain.medium {
    .kintro {
        padding: $padding-medium-vertical 0;
        line-height: $line-height-base;
    }
    .klink,
    .kcount {
        @include button-size( $padding-medium-vertical, $padding-medium-horizontal, $font-size-base, $line-height-base, $border-radius-base );
        min-width: 3em;
        .kicon {
            font-size: 13px;
        }
    }
    .kcount {
        @include left-box-arrow( #bbb, 7px, 10px, -14px );
        min-width: 0;
    }
}

// Large
.ksharelinks.plain.large {
    .kintro {
        padding: $padding-large-vertical 0;
        line-height: $line-height-large;
    }
    .klink,
    .kcount {
        @include button-size( $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large );
        min-width: 3.4em;
    }
    .kcount {
        @include left-box-arrow( #bbb, 8px, 14px, -16px );
        min-width: 0;
    }
}

// Extra Large
.ksharelinks.plain.xlarge {
    .kintro {
        padding: $padding-xl-vertical $padding-xl-horizontal;
        line-height: $line-height-large;
    }
    .klink,
    .kcount {
        @include button-size( $padding-xl-vertical, $padding-xl-horizontal, $font-size-xl, $line-height-large, $border-radius-large );
        min-width: 3.4em;
    }
    .kcount {
        @include left-box-arrow( #bbb, 9px, 14px, -18px );
        min-width: 0;
    }
}

// Button Details
// --------------------------------------------------

.ksharelinks.plain .klink i {
        font-family: zocial;
        background: none;
}

.ksharelinks.plain .klink .kname {
        margin-left: 0.6em;
}
.ksharelinks.plain .kcount {
        display: inline-block;
        font-weight: $btn-font-weight;
        text-align: center;
        vertical-align: middle;
        background-image: none; // Reset unusual Firefox-on-Android plain style; see https://github.com/necolas/normalize.css/issues/214
        border: 1px solid transparent;
        white-space: nowrap;
        text-decoration: none;
        @include button-count( #777, #fff, #cccccc );
        margin: 0 0 0 0.4em;
}

// Floating Bar
// --------------------------------------------------

.kfloating.plain {
        background: #f7f7f7;
        border-top: 1px solid #ddd;
}
.kfloating.plain .ksharelinks.plain li {
        margin: 0.6em 1em 0.6em 0;
        float: none;
}
.kfloating.plain .ksharelinks.plain li:last-of-type {
        margin-right: 0;
}
.kfloating.plain .ksharelinks.plain .klink {
        display: block;
}
.kfloating.plain .ksharelinks.plain .kcount {
        display: none;
        margin: 0.7em 0 0 0;
}
.kfloating.plain .ksharelinks.plain {
    
    
    .klink,
    .kcount {
        @include button-size( $padding-medium-vertical, $padding-medium-horizontal, $font-size-base, $line-height-base, $border-radius-base );
        width: 3.4em;
        
        
    }
    .klink {
        .kicon {
            font-size: 13px;
        }
    }
    .kcount {
        @include top-box-arrow( #bbb, 7px, 22px, -14px );
    }
    
}
body {
        margin-bottom: 50px !important;
}