/* Color Theme
--------------------------------- */
/* Color Scale
--------------------------------- */
/* Other Colors
--------------------------------- */
/* DO NOT DELETE THIS FILE */
/* 
    Write your own custom color variables 
    Example:

    @color1: #ff00ff;
    @color2: #00ff00;
*/
/* Fonts
--------------------------------- */
/* Sizes
--------------------------------- */
/* Logo
---------------------------------- */
/* DO NOT DELETE THIS FILE */
/* 
    Write your own custom variables 
    Example:

    @font-size: 18px;
    @font-family: Arial, sans-serif;
*/
/* Class Functions
----------------------------------------- */
/*.social-shares{
    .share-count{
        display: none;
    }

    display: block;
    ul{
        display: table;
        list-style: none;
        margin: 0 auto;
        padding: 30px 0 20px;
        font-size: 0;
        li{
            display: inline-block;
            vertical-align: top;
            margin-right: 15px;
            margin-bottom: 10px;
            &:last-child{ margin-right: 0; }
            .social-share{
                display: block;
                width: 50px;
                height: 50px;
                background: @grey-dark-2;
                .border-radius(50%);
                .opacity(25);
                font-size: 22px;
                text-align: center;
                line-height: 50px;
                color: @white;
                &:hover{ .opacity(100); }
            }
        }
    }
}*/
.social-shares {
  display: block;
  margin-top: 40px;
}
.social-shares > ul {
  display: block;
  list-style: none;
  margin: 0 auto 30px auto;
  text-align: center;
}
.social-shares > ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  margin-bottom: 10px;
  text-align: center;
}
.social-shares > ul li:last-child {
  margin-right: 0;
}
.social-shares > ul li .social-share {
  color: #fff;
  -moz-transition: opacity ease-in-out 0.15s;
  -o-transition: opacity ease-in-out 0.15s;
  -webkit-transition: opacity ease-in-out 0.15s;
  transition: opacity ease-in-out 0.15s;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@percentage)";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* New browsers */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  height: 30px;
  line-height: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  /* FACEBOOK */
  /* TWITTER */
  /* PINTEREST */
  /* GOOGLE+ */
  /* LINKEDIN */
}
.social-shares > ul li .social-share:hover {
  text-decoration: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@percentage)";
  /* IE 8 */
  filter: alpha(opacity=85);
  /* IE 5-7 */
  -moz-opacity: 0.85;
  /* Netscape */
  -khtml-opacity: 0.85;
  /* Safari 1.x */
  opacity: 0.85;
  /* New browsers */
}
.social-shares > ul li .social-share:before {
  line-height: 28px;
}
.social-shares > ul li .social-share span {
  display: inline-block;
  vertical-align: top;
  height: 28px;
  line-height: 28px;
  position: relative;
  top: 1px;
  margin-left: 3px;
}
.social-shares > ul li .social-share.facebook {
  background-image: linear-gradient(#3C569A, #364e8b);
  background-color: #3C569A;
  border: 1px solid #2e4275;
  border-bottom-color: #273763;
}
.social-shares > ul li .social-share.twitter {
  background-image: linear-gradient(#4BAAF4, #38a1f3);
  background-color: #4BAAF4;
  border: 1px solid #1b93f1;
  border-bottom-color: #0e87e5;
}
.social-shares > ul li .social-share.pinterest {
  background-image: linear-gradient(#CB2026, #b91d23);
  background-color: #CB2026;
  border: 1px solid #9f191e;
  border-bottom-color: #89161a;
}
.social-shares > ul li .social-share.googleplus {
  background-image: linear-gradient(#DF4F3F, #dc3f2e);
  background-color: #DF4F3F;
  border: 1px solid #c93222;
  border-bottom-color: #b42d1e;
}
.social-shares > ul li .social-share.linkedin {
  background-image: linear-gradient(#0077b5, #016fa8);
  background-color: #0077b5;
  border: 1px solid #04699d;
  border-bottom-color: #015885;
}
.social-shares > ul li .share-count {
  position: relative;
  padding: 0 7px;
  background: #fff;
  border: 1px solid #D3DADE;
  text-align: center;
  min-width: 30px;
  color: #55646B;
  line-height: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  margin-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
.social-shares > ul li .share-count:before {
  content: "";
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  left: 1px;
  top: 50%;
  margin-top: -4px;
  background: inherit;
  border: inherit;
  border-width: 1px 0 0 1px;
  -moz-transform: rotate(-45deg) translate(-50%, -50%);
  -ms-transform: rotate(-45deg) translate(-50%, -50%);
  -o-transform: rotate(-45deg) translate(-50%, -50%);
  -webkit-transform: rotate(-45deg) translate(-50%, -50%);
  transform: rotate(-45deg) translate(-50%, -50%);
}
/*.button,
.button-facebook,
.button-google,
.button-pinterest,
.button-twitter{
    text-shadow:0 1px 1px rgba(0,0,0,.2);
    color:#FFF

}
.button + .button-addon,
.button-addon + .button,
.button-addon + .button-addon,
.share-count{ margin-left:10px }
.button-addon{ white-space:nowrap }.button,.share-count{display:inline-block;vertical-align:middle;border-radius:4px;font-weight:600;font-size:14px}.button{padding:5px 10px;background-image:linear-gradient(#3B5998,#355089);background-color:#3B5998;border:1px solid #2d4373;border-bottom-color:#263961;box-shadow:0 1px 1px rgba(0,0,0,.1);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.button:focus,.button:hover{border-color:#263961;color:#FFF}.button-facebook{background-image:linear-gradient(#3C569A,#364e8b);background-color:#3C569A;border:1px solid #2e4275;border-bottom-color:#273763}.button-facebook:focus,.button-facebook:hover{border-color:#273763;color:#FFF}.button-twitter{background-image:linear-gradient(#4BAAF4,#38a1f3);background-color:#4BAAF4;border:1px solid #1b93f1;border-bottom-color:#0e87e5}.button-twitter:focus,.button-twitter:hover{border-color:#0e87e5;color:#FFF}.button-pinterest{background-image:linear-gradient(#CB2026,#b91d23);background-color:#CB2026;border:1px solid #9f191e;border-bottom-color:#89161a}.button-pinterest:focus,.button-pinterest:hover{border-color:#89161a;color:#FFF}.button-google{background-image:linear-gradient(#DF4F3F,#dc3f2e);background-color:#DF4F3F;border:1px solid #c93222;border-bottom-color:#b42d1e}.button-google:focus,.button-google:hover{border-color:#b42d1e;color:#FFF}.button-github{background-image:linear-gradient(#F5F5F5,#ebebeb);background-color:#F5F5F5;border:1px solid #dcdcdc;border-bottom-color:#cfcfcf;color:#333;text-shadow:0 1px 1px rgba(255,255,255,.2)}.button-github:focus,.button-github:hover{border-color:#cfcfcf;color:#333}.share-count{position:relative;padding:5px 6.67px;background:#FFF;border:1px solid #D3DADE;text-align:center;min-width:30px;color:#55646B}.share-count::before{content:"";position:absolute;display:block;width:8px;height:8px;left:1px;top:50%;margin-top:-4px;background:inherit;border:inherit;border-width:1px 0 0 1px;-webkit-transform:rotate(-45deg) translate(-50%,-50%);transform:rotate(-45deg) translate(-50%,-50%)}*/
