/********************
	Part - social sharing
********************/
.social-sharing {
    width             : 100%;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    margin-top        : 1.5rem
}

.social-sharing ul {
    margin-bottom : 0;
    display: flex;
    align-items: center;
}



/*.social-sharing li {*/
/*    box-shadow          : 2px 2px 4px 0 rgba(0, 0, 0, .2);*/
/*    height              : 2.5rem;*/
/*    width               : 2.5rem;*/
/*    border-radius       : 50%;*/
/*    display             : inline-block;*/
/*    !*background-color    : #fff;*!*/
/*    background-repeat   : no-repeat;*/
/*    background-size     : 2rem 2rem;*/
/*    background-position : .25rem .25rem;*/
/*    cursor              : pointer;*/
/*    margin-left         : .5rem*/
/*}*/

.social-sharing li a {
    display     : block;
    width       : 100%;
    height      : 100%;
    white-space : nowrap;
    /*text-indent : 100%;*/
    /*overflow    : hidden*/
}

.social-sharing li a:hover {
    color : transparent
}

/********************
	Part - Style RS
********************/
.block-social {
    text-align : right
}

.block-social li {
    height            : 2.5rem;
    width             : 2.5rem;
    background-color  : var(--color-grey-default);
    background-repeat : no-repeat;
    display           : inline-block;
    margin            : .125rem;
    cursor            : pointer
}

.block-social li:hover {
    background-color : #2fb5d2
}

.block-social li a {
    display     : block;
    height      : 100%;
    white-space : nowrap;
    text-indent : 100%;
    overflow    : hidden
}

.block-social li a:hover {
    color : transparent
}

#rs-icon{
    width: 18px;
    fill: var(--color-secondary);
    margin: 0 5px;
    height: fit-content;
}

#rs-icon:hover{
    fill: var(--color-secondary-30);
}

.facebook {
    background-image : url(../../img/rs/fb.svg);
}

.facebook:before {
    content          : "";
    background-image : url(../../img/rs/fb-blue.svg);
}

.facebook.icon-gray {
    background-image : url(../../img/rs/fb-gray.svg);
}

.facebook.icon-gray:hover {
    background-image : url(../../img/rs/fb-gray--hover.svg);
}

.twitter {
    background-image : url(../../img/rs/twt.svg);
}

.twitter:before {
    content          : "";
    background-image : url(../../img/rs/twt-blue.svg);
}

.twitter.icon-gray {
    background-image : url(../../img/rs/twt-gray.svg);
}

.twitter.icon-gray:hover {
    background-image : url(../../img/rs/twt-gray--hover.svg);
}

.rss {
    background-image : url(../../img/rs/rss.svg);
}

.youtube {
    background-image : url(../../img/rs/ytb.svg);
}

.googleplus {
    background-image : url(../../img/rs/gplus.svg);
}

.googleplus:before {
    content          : "";
    background-image : url(../../img/rs/gplus-blue.svg);
}

.googleplus.icon-gray {
    background-image : url(../../img/rs/gplus-gray.svg);
}

.googleplus.icon-gray:hover {
    background-image : url(../../img/rs/gplus-gray--hover.svg);
}

.pinterest {
    background-image : url(../../img/rs/pint.svg)
}

.pinterest:before {
    content          : "";
    background-image : url(../../img/rs/pint-blue.svg)
}

.pinterest.icon-gray {
    background-image : url(../../img/rs/pint-gray.svg)
}

.pinterest.icon-gray:hover {
    background-image : url(../../img/rs/pint-gray--hover.svg)
}

.vimeo {
    background-image : url(../../img/rs/vimeo.svg)
}

.instagram {
    background-image : url(../../img/rs/inst.svg)
}