/* Social Icons */

.share-links {
    vertical-align: middle;
    a {
        font-size: 14px;
        color: #fff;
        text-indent: -9999em;
        text-align: center;
        width: 2.2857em;
        height: 2.2857em;
        display: inline-block;
        margin: side-values(.2857em .5714em .2857em 0);
        border-radius: $border-base;
        position: relative;
        text-decoration: none;
        vertical-align: middle;
        @include transition($transition);
        @include transform(translate3d(0,0,0));

        &:before {
            font-family: "FontAwesome";
            text-indent: 0;
            position: absolute;
            left: 0; right: 0; top: 0; bottom: 0;
            line-height: 23px;
            height: 22px;
            margin: auto;
        }
    }
    &.disable-br {
        a {
            border-radius: 0 !important;
        }
    }
    .share-twitter {
        background: #1aa9e1;
        &:hover { color: #fff; background: lighten(#1aa9e1, 10%); }
        &:before { content: $fa-var-twitter; }
    }
    .share-facebook {
        background: #3b5a9a;
        &:hover { color: #fff; background: lighten(#3b5a9a, 10%); }
        &:before { content: $fa-var-facebook; }
    }
    .share-linkedin {
        background: #0073b2;
        &:hover { color: #fff; background: lighten(#0073b2, 10%); }
        &:before { content: $fa-var-linkedin; }
    }
    .share-rss {
        background: #ff8201;
        &:hover { color: #fff; background: lighten(#ff8201, 10%); }
        &:before { content: $fa-var-rss; }
    }
    .share-googleplus {
        background: #dd4b39;
        &:hover { color: #fff; background: lighten(#dd4b39, 10%); }
        &:before { content: $fa-var-google-plus; }
    }
    .share-pinterest {
        background: #cc2127;
        &:hover { color: #fff; background: lighten(#cc2127, 10%); }
        &:before { content: $fa-var-pinterest; }
    }
    .share-youtube {
        background: #c3191e;
        &:hover { color: #fff; background: lighten(#c3191e, 10%); }
        &:before { content: $fa-var-youtube; }
    }
    .share-instagram {
        background: #7c4a3a;
        &:hover { color: #fff; background: lighten(#7c4a3a, 10%); }
        &:before { content: $fa-var-instagram; }
    }
    .share-skype {
        background: #00b0f6;
        &:hover { color: #fff; background: lighten(#00b0f6, 10%); }
        &:before { content: $fa-var-skype; }
    }
    .share-email {
        background: #dd4b39;
        &:hover { color: #fff; background: lighten(#dd4b39, 10%); }
        &:before { content: $fa-var-envelope; }
    }
    .share-vk {
        background: #6383a8;
        &:hover { color: #fff; background: lighten(#6383a8, 10%); }
        &:before { content: $fa-var-vk; }
    }
    .share-xing {
        background: #1a7576;
        &:hover { color: #fff; background: lighten(#1a7576, 10%); }
        &:before { content: $fa-var-xing; }
    }
    .share-tumblr {
        background: #304e6c;
        &:hover { color: #fff; background: lighten(#304e6c, 10%); }
        &:before { content: $fa-var-tumblr; }
    }
    .share-reddit {
        background: #ff4107;
        &:hover { color: #fff; background: lighten(#ff4107, 10%); }
        &:before { content: $fa-var-reddit; }
    }
    .share-vimeo {
        background: #52b8ea;
        &:hover { color: #fff; background: lighten(#52b8ea, 10%); }
        &:before { content: $fa-var-vimeo; }
    }
    .share-telegram {
        background: #0088cc;
        &:hover { color: #fff; background: lighten(#0088cc, 10%); }
        &:before { content: $fa-var-send; }
    }
    .share-yelp {
        background: #c41200;
        &:hover { color: #fff; background: lighten(#c41200, 10%); }
        &:before { content: $fa-var-yelp; }
    }
    .share-flickr {
        background: #0063DC;
        &:hover { color: #fff; background: lighten(#0063DC, 10%); }
        &:before { content: $fa-var-flickr; }
    }
    .share-whatsapp {
        background: #3c8a38;
        &:hover { color: #fff; background: lighten(#3c8a38, 10%); }
        &:before { content: $fa-var-whatsapp; }
    }
    &.default-skin {
        a {
            color: #fff !important;
            &:hover {
                opacity: 0.8;
            }
        }
        .share-twitter {
            background: #1aa9e1 !important;
        }
        .share-facebook {
            background: #3b5a9a !important;
        }
        .share-linkedin {
            background: #0073b2 !important;
        }
        .share-rss {
            background: #ff8201 !important;
        }
        .share-googleplus {
            background: #dd4b39 !important;
        }
        .share-pinterest {
            background: #cc2127 !important;
        }
        .share-youtube {
            background: #c3191e !important;
        }
        .share-instagram {
            background: #7c4a3a !important;
        }
        .share-skype {
            background: #00b0f6 !important;
        }
        .share-email {
            background: #dd4b39 !important;
        }
        .share-vk {
            background: #6383a8 !important;
        }
        .share-xing {
            background: #1a7576 !important;
        }
        .share-tumblr {
            background: #304e6c !important;
        }
        .share-reddit {
            background: #ff4107 !important;
        }
        .share-vimeo {
            background: #52b8ea !important;
        }
        .share-telegram {
            background: #0088cc !important;
        }
        .share-yelp {
            background: #c41200 !important;
        }
        .share-flickr {
            background: #0063DC !important;
        }
        .share-whatsapp {
            background: #3c8a38 !important;
        }
    }
}

.widget.follow-us,
#footer .widget.follow-us,
.header-wrapper.header-side-nav #header,
#header.header-corporate {
    .share-links {
        .share-twitter:hover { background: #1aa9e1; }
        .share-facebook:hover { background: #3b5a9a; }
        .share-linkedin:hover { background: #0073b2; }
        .share-rss:hover { background: #ff8201; }
        .share-googleplus:hover { background: #dd4b39; }
        .share-pinterest:hover { background: #cc2127; }
        .share-youtube:hover { background: #c3191e; }
        .share-instagram:hover { background: #7c4a3a; }
        .share-skype:hover { background: #00b0f6; }
        .share-email:hover { background: #dd4b39; }
        .share-vk:hover { background: #6383a8; }
        .share-xing:hover { background: #1a7576; }
        .share-tumblr:hover { background: #304e6c; }
        .share-reddit:hover { background: #ff4107; }
        .share-vimeo:hover { background: #52b8ea; }
        .share-telegram:hover { background: #0088cc; }
        .share-yelp:hover { background: #c41200; }
        .share-flickr:hover { background: #0063DC; }
        .share-whatsapp:hover { background: #3c8a38; }
    }
}


/* Advance Layout */
.member-share-advance.post-share-advance-bg {
	background: transparent;
	padding: 0 0 30px;
	height: 35px;
	&:hover {
		background: #fff;
		.fa-share-alt {
			background: #4dbb6d;
		}
	}
}

.thumb-info {
	.thumb-info-wrapper.member-social-adv-main {
		overflow: visible;
	}
}
.thumb-member-container {
	display: block;
	position: relative;
	>a {
		overflow: hidden;
		display: block;
	}
}

.member-social-adv-main {
    .member-image {
        margin-bottom: 0;
    }
}

.member-share-advance.share-links {
    z-index: 9;
    .fa-share-alt {
		background: #58605a;
	}
	.share-links {
		a {
			&:first-child {
				opacity: 0.5;
			}
		}
	}
    .post-share-advance-bg {
        background: transparent;
        &:hover {
		background: #fff;
		.fa-share-alt {
			background: #4dbb6d;
		}
	}
    }
    .thumb-info-social-icons {
        padding: 15px 0 !important;
    }
	a {
		width: 100%;
	}
	.share-facebook {
		color: #4d70a8 !important;
	}
	.share-twitter {
		color: #1aa9e1 !important;
	}
	.share-linkedin {
		color: #0077b5 !important;
	}
	.share-googleplus {
		color: #dd4b39 !important;
	}
	.share-pinterest {
		color: #cc2127 !important;
	}
	.share-email {
		color: #dd4b39 !important;
	}
	.share-vk {
		color: #6383a8 !important;
	}
	.share-xing {
		color: #1a7576 !important;
	}
	.share-tumblr {
		color: #304e6c !important;
	}
	.share-reddit {
		color: #ff4107 !important;
	}
	.share-vimeo {
		color: #52b8ea !important;
	}
	.share-instagram {
		color: #964b00 !important;
	}
	.share-whatsapp {
		color: #3c8a38 !important;
	}
}
.member-share-advance.post-share-advance-bg {
	&:hover {
		.share-links {
			a {
				opacity: 0.5;
				&:hover {
					opacity: 1;
				}
			}
		}
	}
}

.page-share[class*="position"] {
	position: fixed;
	top: 150px;
    margin: 0;
    padding: 0;
	z-index: 99999;
	&.position-left{
		#{$left}: 0;
		@if $rtl == 1{
			.tooltip.left .tooltip-arrow {
				right: 0;
				left: auto;
				border-width: side-values(5px 5px 5px 0px);
				border-left-color: #000;
			}
		}
	}
	&.position-right{
		#{$right}: 0;
		@if $rtl == 1{
			.tooltip.right .tooltip-arrow {
				left: 0;
				right: auto;
				border-width: side-values(5px 0px 5px 5px);
				border-right-color: #000;
			}
		}
	}
	.share-links a{
		display: block;
		margin:0;
	}
}
