/*
 * @since             1.0.0
 * @package           born for share lite
 * @main style of born for share lite
 *
*/
/*button style fixed*/
#bshare-social {
  margin: 10px 0;
}
#bshare-social button, #bshare_widget button, #my_popup_wrapper button {
  background: #0274b3 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  margin: 2px;
  padding: 0.84375em 0.875em 0.78125em;
  position: relative;
  text-transform: inherit;
  z-index: 111;
}
#bshare-social button{
	min-width: 140px;

}
#bshare-social button{
	min-width: 140px;

}
#bshare-social.round-icons button{
	border-radius:47%;
}
#bshare_widget.widget-round-btn button {
  border-radius: 50%;
  margin: 4px 3px;
  padding: 14px 12px;
}
#bshare-social button:hover,
#bshare_widget button:hover,
#my_popup_wrapper button:hover{
 background:#0B2B5C;
 color:#fff
}
#my_popup .round-icons button{
	border-radius:50%;
}
div#bshare-social a {
	box-shadow: 1px 3px 1px #ccc;
	color: #fff;
	font-weight: 400;
	margin: 0 2px;
	padding: 4px 10px;
	text-decoration: none;
}
/*Facebook  button style*/
#bshare-social button.bshare-Facebook  {
    background: #3864a3 none repeat scroll 0 0;
}
#bshare-social button.bshare-Facebook:hover {
    background: #0c418d none repeat scroll 0 0;
}
/*twitter button style*/
#bshare-social button.bshare-Twitter {
    background: #33ccff none repeat scroll 0 0;
}
#bshare-social button.bshare-Twitter:hover{
    background: #19acdd none repeat scroll 0 0;
}
/*google-plus*/
#bshare-social button.bshare-Googleplus{
    background: #dd4b39 none repeat scroll 0 0;
}

#bshare-social button.bshare-Googleplus:hover {
    background: #c40807 none repeat scroll 0 0;
}
/*Buffer*/
#bshare-social button.bshare-Buffer {
    background: #000000 none repeat scroll 0 0;
}
#bshare-social button.bshare-Buffer:hover {
    background: #222222;
}
/*pinterest button style*/
#bshare-social button.bshare-Pinterest {
    background: #ce2127 none repeat scroll 0 0;
}
#bshare-social button.bshare-Pinterest:hover {
    background: #9b090e;
}

/*Style hide show button*/
#bshare-social div.share_hide_show i {
  background-color: #fff;
  color: #888;
  cursor: pointer;
  display: inline-block;
  margin: 5px 0;
  padding: 2px;
}
#bshare-social div.share_hide_show i:hover {
  background-color: #ededed;
	color:#333;
}
#bshare-social div.share_hide_show.bottom_hide_show,
#bshare-social div.share_hide_show.content_hide_show {
  display: inline-block;
  float: left;
  margin: 0 5px;
}
.hide_show_left div.count-set-left button,
.hide_show_right div.count-set-right button,
.hide_show_bottom div.count-set-bottom button,
.hide_show_content div.count-set-bottom button {
    left: -9999px;
    opacity: 0;
	  -webkit-transition: all 1s ease 1s;
          transition: all 1s ease 1s;
}
.hide_show_right div.count-set-right .right-hover span{
display:none;
}

#bshare-social div.share_hide_show.right_hide_show i {
  float: right;
}
.count_show button span.baby-count-bottom,
.count_show button span.baby-count-left,
.count_show .count-set-right span.baby-count-right{
 opacity:1;
 filter: alpha(opacity=100)
}

#bshare-social.btn_fix div.count-set-bottom {
	overflow: hidden;
}


/*side share button*/
#bshare-social.baby-sideshare.share-left {
  left: 0;
  position: fixed;
  top: 30%;
  z-index: 9999;
}
#bshare-social.baby-sideshare.share-right {
  position: fixed;
  right: 0;
  top: 30%;
  width: 20%;
}
html {
    position: relative;
}
#bshare-social.baby-sideshare button {
    display: inline-block;
}

/*baby share count style*/
/*left button set*/
#bshare-social .click-share-button-left i.icon-share {
  background: #ccc none repeat scroll 0 0;
  color: #fff;
  cursor: pointer;
  overflow: hidden;
  padding: 9px;
}
#bshare-social .count-set-left button {
   box-shadow: none;
  margin-left: -100px;
  position: relative;
  text-align: left;
  -webkit-transition: all 0.6s ease 0s;
          transition: all 0.6s ease 0s;
}
#bshare-social .count-set-left button:hover{
	margin-left: 0;
}
#bshare-social .count-set-left.text-left button:hover{
margin-left: -97px;
}
#bshare-social .count-set-bottom.text-left button:hover{
margin-right: -100px;
}
#bshare-social .count-set-right.text-left button:hover{
margin-right: -100px;
}
#bshare-social .count-set-bottom.text-left button i{
	border-right:0
}
#bshare-social .count-set-left button span {
  left: 108%;
  min-height: 26px;
  min-width: 22px;
  position: absolute;
  top: 7px;
}
span.baby-count-left {
  background-color: #ccc;
  border-radius: 2px;
  bottom: 7px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15), 0 0 10px rgba(255, 255, 255, 0.15);
  color: #000;
  font-family: arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
  opacity: 0;
  padding: 8px 7px 0 8px;
  position: relative;
  z-index: 1;
}
.count-set-left button:hover span.baby-count-left {
    opacity: 1;
    filter: alpha(opacity=100);
}

span.baby-count-left:before {
	background-color: inherit;
	content: "";
	display: block;
	height: 12px;
	left: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translate3d(-6px, -6px, 0px) rotate3d(0, 0, 1, 45deg);
	        transform: translate3d(-6px, -6px, 0px) rotate3d(0, 0, 1, 45deg);
	width: 12px;
}
#bshare-social .count-set-left button i {
  border-left: 2px solid #fff;
  padding: 9px 0 9px 6px;
  position: absolute;
  right: 7%;
  text-align: right;
  top: 8%;
  color:#fff;
}



@media only screen and (min-width: 480px) and (max-width: 767px) {
#bshare_widget button {
  margin: 3px 2px;
  padding: 10px 9px;
}
#bshare-social .count-set-left button:hover{
margin-left:-100px;
}

#bshare-social .count-set-bottom button:hover {
  margin-right: -100px;
}
#bshare-social .count-set-right button:hover {
  margin-right: -100px;
}
#my_popup.popup_content {
  top: 10%;
  width: 80%;
}

}

@media only screen and (min-width: 100px) and (max-width: 480px) {
#bshare-social button, #bshare_widget button, #my_popup_wrapper button {
  font-size: 12px;
  padding: 11px 5px;
}
#bshare-social .count-set-left button{
margin-left:-107px;
}
#bshare-social .count-set-right button{
  margin-right: -107px;
}
#bshare-social .count-set-left button:hover{
margin-left:-107px;
}

#bshare-social .count-set-bottom button:hover {
  margin-right: -100px;
}
#bshare-social .count-set-right button:hover {
  margin-right: -107px;
}
#bshare-social.baby-sideshare.share-right {
  width: 32%;
}
#bshare-social .count-set-left button span {
  font-size: 10px;
  left: 106%;
  min-height: 22px;
  min-width: 20px;
  padding: 6px 0 0;
  text-align: center;
}
#bshare-social .count-set-right button span {
  font-size: 10px;
  left: -34px;
  min-height: 20px;
  min-width: 19px;
  padding: 7px 0 0;
  text-align: center;
}
#my_popup.popup_content {
  top: 12%;
  width: 90%;
}
}