/* ==========================================================================
   Redes Sociais
   ========================================================================== */

#shareBar{
    /*width: 120px;
    height: 40px;
    float: right;
    margin-top: -25px;
    right: 2.2em !important;
    font-size: 2.6rem;
    */
    display: flex;
    align-items: center;
    height: 56px;
    font-size: 1.6rem;
    position: absolute;
    /*margin-bottom: 4rem;*/
    right: 0;
    top: 0px;
    z-index: 1;
}
#header #shareBar {
    right:0;
}
#shareBar i {
    font-size: 20px;
    padding-top: 8px;
    margin-right: 24px;
    display:block;
    float:left;
    text-decoration: none;
    height: 30px;
    cursor: pointer !important;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  /*background: transparent url('https://infograficos.estadao.com.br/geral/img/social-icons-round.png') no-repeat center top;*/
}

#shareBar i:hover {
    opacity: .54;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#shareBar i span {
    font-size: 0.7rem;
    vertical-align: bottom;
    padding: 0 12px 0 6px;
    overflow: auto;
    display: none;
}

.colorFix {
    color: #fff;
}


/*
/*#shareBar a#btFbShare{ background-position: -40px 0; margin-left: 0; }
#shareBar a#btFbShare:hover{ background-position: -40px -40px; }
#shareBar a#btGPlusShare{ background-position: -80px 0; }
#shareBar a#btGPlusShare:hover{ background-position: -80px -40px; }
#shareBar a#btTwitterShare{ background-position: 0 0; }
#shareBar a#btTwitterShare:hover{ background-position: 0 -40px; }*/