/* CSS for social media links. */
.sbuttons {
	bottom: 20px;
	position: fixed;
	z-index: 999;
	margin: 0;
	left: 20px;
}
.sbutton {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	text-align: center;
	color: white;
	margin: 20px auto 0;
	box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15);
	cursor: pointer;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
	position: relative;
	
	opacity: 0.9;
	box-shadow: 0 4px 9px -4px rgba(0,0,0,0.75);
	border: 2px solid #fff; box-sizing: border-box;
}
.sbutton > i {
	font-size: 38px;
	line-height: 60px;
	transition: all .2s ease-in-out;
	transition-delay: 2s;
}
.sbutton:active,
.sbutton:focus,
.sbutton:hover
{
/* 	box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28); */
	box-shadow: 0 0 20px 3px rgba(255,255,255,1) !important;
	
	opacity: 1 !important;
	filter: saturate(100%) !important;
}
.sbutton:not(:last-child) {
	width: 60px;
	height: 60px;
	margin: 20px auto 0;
	opacity: 0;
	display: none;
}
.sbutton:not(:last-child) > i {
	font-size: 25px;
	line-height: 60px;
	transition: all .3s ease-in-out;
}
.sbuttons:hover .sbutton:not(:last-child) {
	opacity: 0.7;
	display: block;
	width: 60px;
	height: 60px;
	margin: 20px auto 0;
}
.sbutton:nth-last-child(1) {
	-webkit-transition-delay: 25ms;
	transition-delay: 25ms;
}
.sbutton:not(:last-child):nth-last-child(2) {
	-webkit-transition-delay: 20ms;
	transition-delay: 20ms;
}
.sbutton:not(:last-child):nth-last-child(3) {
	-webkit-transition-delay: 40ms;
	transition-delay: 40ms;
}
.sbutton:not(:last-child):nth-last-child(4) {
	-webkit-transition-delay: 60ms;
	transition-delay: 60ms;
}
.sbutton:not(:last-child):nth-last-child(5) {
	-webkit-transition-delay: 80ms;
	transition-delay: 80ms;
}
.sbutton:not(:last-child):nth-last-child(6) {
	-webkit-transition-delay: 100ms;
	transition-delay: 100ms;
}

[data-tooltip]:before {
	font-weight: 400;
	border-radius: 2px;
	background-color: #fff;
	color: #000;
	content: attr(data-tooltip);
	font-size: 0.8em;
	visibility: hidden;
	opacity: 0;
	padding: 5px 7px;
	margin-left: 10px;
	position: absolute;
	left: 100%;
	bottom: 20%;
	white-space: nowrap;
}

.sbuttons a[data-tooltip]:hover:before,
.sbuttons a[data-tooltip]:hover:after {
	visibility: visible;
	opacity: 1;
}
.sbutton.mainsbutton {
	background: #abc url(../images/icons/share_nodes.png) 43% 52% no-repeat;
	background-size: 1.8em;
	opacity: 0.9;
}
.sbutton.mainsbutton:hover {
	background-color: #9bc;
	filter: saturate(100%);
	opacity: 1;
}
.sbutton.mainsbutton > i {
	font-size: 30px; line-height: 56px; margin-left: -3px;
}
.sbutton.gplus {
	background: #F44336;
}
.sbutton.pinteres {
	background: #CB2026;
}
.sbutton.twitt {
	background: #03A9F4;
}
.sbutton.fb {
	background: #3B5998;
}
.sbutton.whatsapp {
	background: #00e676;
}
.sbutton.linkedin {
	background: #55A2CC;
}
.sbutton.linkedin i {
	margin-top: -3px;
}
.sbutton.saatchi {
	background: #fff url(../images/logos/Saatchi_Art_logo_icon.png) center center no-repeat;
}
/*
.sbutton.keen {
	background: #fff url(../images/logos/keen_icon.png) center center no-repeat;
	background-size: 75%;
}
*/