/*
Socialsider - The Ultimate Social Sidebar
by Boom Apps
2014 - 2017

w: www.boomapps.eu

This Software is protected by copyright law and licensed (not sold). You can buy a license on codecanyon.net
*/

@font-face {
  font-family: 'socicon';
  src:  url('../../fonts/socicon.eot');
  src:  url('../../fonts/socicon.eot#iefix') format('embedded-opentype'),
    url('../../fonts/socicon.woff2') format('woff2'),
    url('../../fonts/socicon.ttf') format('truetype'),
    url('../../fonts/socicon.woff') format('woff'),
    url('../../fonts/socicon.svg#Socicon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.socialsider { z-index:10; font-size:12px; line-height:22px; width:70px; display:block; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.socialsider ul { list-style-type:none; margin:0; padding:0; font-size:12px; line-height:22px; display:block;}
.socialsider li { margin:0; padding:0; font-size:12px; line-height:22px;  display:block;}
.socialsider a { height:41px;display:block; text-decoration:none; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; position:relative; font-size:12px; line-height:22px; }
.socialsider a::after { display:block; font-family:'socicon'; text-decoration:none; font-size:20px; line-height:22px; padding:10px; position:absolute;left:0;top:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }

.socialsider_fixed { position:fixed; }
.socialsider_absolute { position:absolute; }

/* Disable on mobile */
@media (max-width:640px) { .socialsider_mobiledisable { display:none; }}

/* Effects */
.socialsider_radius a::after { border-radius:5px; }
.socialsider_shadow a::after { -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);box-shadow: 0 0 2px 2px rgba(0,0,0,0.2); }
.socialsider_opacity a::after { opacity:0.4; }
.socialsider_opacity a:hover::after { opacity:1; }
.socialsider_spacer a { height:42px; margin-bottom:1px; }
.socialsider_blur:hover a:not(:hover) { filter:blur(2px); -webkit-filter:blur(2px); }

/* Positions */
.socialsider_left_top { left:-30px; top:50px; }
.socialsider_left_top.socialsider_hidden { left:-45px; transform:translate3d(0,0,0); }
.socialsider_left_top.socialsider_hidden:hover { transform:translate3d(20px,0,0); }
.socialsider_left_top a{ left:0px;}
.socialsider_left_top a::after { padding-left:40px; transform:translate3d(0,0,0); }
.socialsider_left_top a:hover { transform:translate3d(10px,0,0); }

.socialsider_left_middle { left:-30px; top:40%; }
.socialsider_left_middle.socialsider_hidden { left:-45px; transform:translate3d(0,0,0); }
.socialsider_left_middle.socialsider_hidden:hover { transform:translate3d(20px,0,0); }
.socialsider_left_middle a { left:0px;}
.socialsider_left_middle a::after { padding-left:40px; transform:translate3d(0,0,0); }
.socialsider_left_middle a:hover { transform:translate3d(10px,0,0); }

.socialsider_left_bottom { left:-30px; bottom:50px; }
.socialsider_left_bottom.socialsider_hidden { left:-45px; transform:translate3d(0,0,0); }
.socialsider_left_bottom.socialsider_hidden:hover { transform:translate3d(20px,0,0); }
.socialsider_left_bottom a { left:0px;}
.socialsider_left_bottom a::after { padding-left:40px; transform:translate3d(0,0,0); }
.socialsider_left_bottom a:hover { transform:translate3d(10px,0,0); }

.socialsider_right_top { right:-30px; top:50px; }
.socialsider_right_top.socialsider_hidden { right:-45px; transform:translate3d(0,0,0); }
.socialsider_right_top.socialsider_hidden:hover { transform:translate3d(-20px,0,0); }
.socialsider_right_top a { right:0px;}
.socialsider_right_top a::after { padding-right:40px; transform:translate3d(0,0,0); }
.socialsider_right_top a:hover { transform:translate3d(-10px,0,0); }

.socialsider_right_middle { right:-30px; top:40%; }
.socialsider_right_middle.socialsider_hidden { right:-45px; transform:translate3d(0,0,0); }
.socialsider_right_middle.socialsider_hidden:hover { transform:translate3d(-20px,0,0); }
.socialsider_right_middle a { right:0px;}
.socialsider_right_middle a::after { padding-right:40px; transform:translate3d(0,0,0); }
.socialsider_right_middle a:hover { transform:translate3d(-10px,0,0); }

.socialsider_right_bottom { right:-30px; bottom:50px; }
.socialsider_right_bottom.socialsider_hidden { right:-45px; transform:translate3d(0,0,0); }
.socialsider_right_bottom.socialsider_hidden:hover { transform:translate3d(-20px,0,0); }
.socialsider_right_bottom a { right:0px;}
.socialsider_right_bottom a::after { padding-right:40px; transform:translate3d(0,0,0);}
.socialsider_right_bottom a:hover { transform:translate3d(-10px,0,0); }

/* Socicon letters */
.socialsider a[data-socialsider='tickets']::after { content: "\e097";}

/* Colors */

/* Dark background, white font */
.socialsider.socialsider_bgdark_white a::after { background:#333; color:#FFF;}

/* White background, dark font */
.socialsider.socialsider_bgwhite_dark a::after { background:#FFF; color:#333;}

/* Color background, white font */
.socialsider.socialsider_bgcolor_white a::after { color:#FFF;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='tickets']::after { background:#09b507;}

/* White background, color font */
.socialsider.socialsider_bgwhite_color a::after { background:#FFF;}
.socialsider.socialsider_bgwhite_color a[data-socialsider='tickets']::after { color:#09b507;}