/********************
	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
}

.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
}

.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)
}