/* 
 * Sharing
 */

.w-sharing.align_center {
	justify-content: center;
	}
.w-sharing.align_right {
	justify-content: flex-end;
	}
.w-sharing-list {
	display: inline-flex;
	flex-wrap: wrap;
	}
	.w-sharing-item {
		flex-shrink: 0;
		display: flex;
		text-align: center;
		align-items: center;
		justify-content: center;
		position: relative;
		line-height: 2;
		padding: 0 0.8em;
		min-width: 3em;
		}
	.w-sharing a.w-sharing-item,
	.no-touch a.w-sharing-item:hover {
		color: inherit;
		}
		.w-sharing-icon {
			position: relative;
			min-width: 1em;
			}
			.w-sharing-icon:before {
				font-family: 'Font Awesome 5 Brands';
				vertical-align: top;
				line-height: inherit;
				}
		.w-sharing-count {
			position: relative;
			font-size: 0.7em;
			margin-left: 0.3em;
			}
			
/* TYPE simple */
.w-sharing.type_simple .w-sharing-item {
	margin: 0.1em 0;
	border-width: 0 1px 0 0; /* fixed value */
	border-style: solid;
	transition: none;
	}
.w-sharing.type_simple .w-sharing-item:last-child {
	border: none;
	}
	.w-sharing.type_simple .w-sharing-icon {
		transition: opacity 0.3s, color 0.3s;
		opacity: 0.5;
		}
	.no-touch .w-sharing.type_simple .w-sharing-item:hover .w-sharing-icon {
		opacity: 1;
		}
		
/* TYPE solid & outlined */
.w-sharing.type_solid .w-sharing-list,
.w-sharing.type_outlined .w-sharing-list {
	margin: 0 -0.1em;
	}
.w-sharing.type_solid .w-sharing-item,
.w-sharing.type_outlined .w-sharing-item {
	margin: 0.1em;
	border-radius: 0.3em;
	overflow: hidden;
	}
	.no-touch .w-sharing.type_solid .w-sharing-item:before,
	.no-touch .w-sharing.type_outlined .w-sharing-item:before,
	.no-touch .w-sharing.type_fixed .w-sharing-item:before {
		display: block;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 0;
		background: rgba(0,0,0,0.1);
		transition: height 0.3s;
		}
	.no-touch .w-sharing.type_solid .w-sharing-item:hover:before,
	.no-touch .w-sharing.type_outlined .w-sharing-item:hover:before,
	.no-touch .w-sharing.type_fixed .w-sharing-item:hover:before {
		height: 100%;
		}
.w-sharing.type_solid .w-sharing-item,
.no-touch .w-sharing.type_outlined .w-sharing-item:hover {
	color: #fff !important;
	}

/* TYPE fixed */
.w-sharing.type_fixed {
	position: fixed;
	z-index: 97;
	}
.w-sharing.type_fixed.align_left {
	display: block;
	top: 50%;
	left: 0;
	transform: translate3d(0,-50%,0);
	}
.w-sharing.type_fixed.align_right {
	top: 50%;
	right: 0;
	transform: translate3d(0,-50%,0);
	}
	.w-sharing.type_fixed.align_left .w-sharing-list,
	.w-sharing.type_fixed.align_right .w-sharing-list {
		display: block;
		}
.w-sharing.type_fixed.align_center {
	left: 50%;
	bottom: 0;
	transform: translate3d(-50%,0,0);
	}
	.w-sharing.type_fixed .w-sharing-item {
		display: block;
		padding: 0;
		min-width: 0;
		line-height: 2.2;
		width: 2.2em;
		color: #fff !important;
		}
		.w-sharing.type_fixed .w-sharing-count {
			display: block;
			font-size: 0.6em;
			line-height: 1;
			margin: 0;
			padding-bottom: 0.7em;
			}

/* Email */
.w-sharing.type_solid .w-sharing-item.email,
.w-sharing.type_fixed .w-sharing-item.email,
.w-sharing.type_outlined .w-sharing-item.email:before {
	background: #96a2a8;
	}
.w-sharing.type_outlined .w-sharing-item.email,
.no-touch .w-sharing.type_simple .w-sharing-item.email:hover .w-sharing-icon {
	color: #96a2a8;
	}
.w-sharing.type_outlined .w-sharing-item.email {
	box-shadow: 0 0 0 2px #96a2a8 inset;
	}
.w-sharing-item.email .w-sharing-icon:before {
	content: '\f0e0';
	font-family: fontawesome;
	font-weight: 900;
	}

/* Facebook */
.w-sharing.type_solid .w-sharing-item.facebook,
.w-sharing.type_fixed .w-sharing-item.facebook,
.w-sharing.type_outlined .w-sharing-item.facebook:before {
	background: #1e77f0;
	}
.w-sharing.type_outlined .w-sharing-item.facebook {
	box-shadow: 0 0 0 2px #1e77f0 inset;
	}
.w-sharing.type_outlined .w-sharing-item.facebook,
.no-touch .w-sharing.type_simple .w-sharing-item.facebook:hover .w-sharing-icon {
	color: #1e77f0;
	}
.w-sharing-item.facebook .w-sharing-icon:before {
	content: '\f09a';
	}
	
/* Twitter */
.w-sharing.type_solid .w-sharing-item.twitter,
.w-sharing.type_fixed .w-sharing-item.twitter,
.w-sharing.type_outlined .w-sharing-item.twitter:before {
	background: #55acee;
	}
.w-sharing.type_outlined .w-sharing-item.twitter {
	box-shadow: 0 0 0 2px #55acee inset;
	}
.w-sharing.type_outlined .w-sharing-item.twitter,
.no-touch .w-sharing.type_simple .w-sharing-item.twitter:hover .w-sharing-icon {
	color: #55acee;
	}
.w-sharing-item.twitter .w-sharing-icon:before {
	content: '\f099';
	}

/* LinkedIn */
.w-sharing.type_solid .w-sharing-item.linkedin,
.w-sharing.type_fixed .w-sharing-item.linkedin,
.w-sharing.type_outlined .w-sharing-item.linkedin:before {
	background: #0077b5;
	}
.w-sharing.type_outlined .w-sharing-item.linkedin {
	box-shadow: 0 0 0 2px #0077b5 inset;
	}
.w-sharing.type_outlined .w-sharing-item.linkedin,
.no-touch .w-sharing.type_simple .w-sharing-item.linkedin:hover .w-sharing-icon {
	color: #0077b5;
	}
.w-sharing-item.linkedin .w-sharing-icon:before {
	content: '\f0e1';
	}

/* Pinterest */
.w-sharing.type_solid .w-sharing-item.pinterest,
.w-sharing.type_fixed .w-sharing-item.pinterest,
.w-sharing.type_outlined .w-sharing-item.pinterest:before {
	background: #cb2027;
	}
.w-sharing.type_outlined .w-sharing-item.pinterest {
	box-shadow: 0 0 0 2px #cb2027 inset;
	}
.w-sharing.type_outlined .w-sharing-item.pinterest,
.no-touch .w-sharing.type_simple .w-sharing-item.pinterest:hover .w-sharing-icon {
	color: #cb2027;
	}
.w-sharing-item.pinterest .w-sharing-icon:before {
	content: '\f0d2';
	}

/* Vkontakte */
.w-sharing.type_solid .w-sharing-item.vk,
.w-sharing.type_fixed .w-sharing-item.vk,
.w-sharing.type_outlined .w-sharing-item.vk:before {
	background: #4c75a3;
	}
.w-sharing.type_outlined .w-sharing-item.vk {
	box-shadow: 0 0 0 2px #4c75a3 inset;
	}
.w-sharing.type_outlined .w-sharing-item.vk,
.no-touch .w-sharing.type_simple .w-sharing-item.vk:hover .w-sharing-icon {
	color: #4c75a3;
	}
.w-sharing-item.vk .w-sharing-icon:before {
	content: '\f189';
	}
	

/* Whatsapp */
.w-sharing.type_solid .w-sharing-item.whatsapp,
.w-sharing.type_fixed .w-sharing-item.whatsapp,
.w-sharing.type_outlined .w-sharing-item.whatsapp:before {
	background: #25d366;
	}
.w-sharing.type_outlined .w-sharing-item.whatsapp {
	box-shadow: 0 0 0 2px #25d366 inset;
	}
.w-sharing.type_outlined .w-sharing-item.whatsapp,
.no-touch .w-sharing.type_simple .w-sharing-item.whatsapp:hover .w-sharing-icon {
	color: #25d366;
	}
.w-sharing-item.whatsapp .w-sharing-icon:before {
	content: '\f232';
	}

/* XING */
.w-sharing.type_solid .w-sharing-item.xing,
.w-sharing.type_fixed .w-sharing-item.xing,
.w-sharing.type_outlined .w-sharing-item.xing:before {
	background: #126567;
	}
.w-sharing.type_outlined .w-sharing-item.xing {
	box-shadow: 0 0 0 2px #126567 inset;
	}
.w-sharing.type_outlined .w-sharing-item.xing,
.no-touch .w-sharing.type_simple .w-sharing-item.xing:hover .w-sharing-icon {
	color: #126567;
	}
.w-sharing-item.xing .w-sharing-icon:before {
	content: '\f168';
	}

/* Reddit */
.w-sharing.type_solid .w-sharing-item.reddit,
.w-sharing.type_fixed .w-sharing-item.reddit,
.w-sharing.type_outlined .w-sharing-item.reddit:before {
	background: #FF4301;
	}
.w-sharing.type_outlined .w-sharing-item.reddit {
	box-shadow: 0 0 0 2px #FF4301 inset;
	}
.w-sharing.type_outlined .w-sharing-item.reddit,
.no-touch .w-sharing.type_simple .w-sharing-item.reddit:hover .w-sharing-icon {
	color: #FF4301;
	}
.w-sharing-item.reddit .w-sharing-icon:before {
	content: '\f1a1';
	}

/* Copy to clipboard */
.w-sharing-item.copy2clipboard .w-sharing-icon:before {
	content: '\f0c5';
	font-family: fontawesome;
	font-weight: 900;
	}

/* Tooltip of text selection */
.w-sharing-tooltip {
	position: absolute;
	z-index: 999;
	overflow: hidden;
	margin-bottom: 1rem;
	}
	.w-sharing-tooltip .w-sharing-item {
		font-size: 1rem;
		line-height: 2.2;
		min-width: 2.2em;
		padding: 0;
		transition: none;
		background: #222;
		color: #fff !important;
		}
		.w-sharing-tooltip .w-sharing-count,
		.w-sharing-tooltip .w-sharing-item:before {
			display: none !important;
			}

/* Rounded Corners
   ========================================================================== */
.rounded_none .w-sharing-item {
	border-radius: 0 !important;
	}
