/*!
 * shariff - v3.2.1 - Mon, 27 May 2019 08:23:32 GMT
 * https://github.com/heiseonline/shariff
 * Copyright (c) 2019 Ines Pauer, Philipp Busse, Sebastian Hilbig, Erich Kramer, Deniz Sesli
 * Licensed under the MIT license
 */
.shariff:after,
.shariff:before {
	content: " ";
	display: table
}

.shariff:after {
	clear: both
}

.shariff ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.shariff li {
	box-sizing: border-box;
	overflow: hidden;
	margin-top: -5px
}

.shariff li a {
	padding: 2px 5px;
	color: #fff;
	position: relative;
	display: block;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.shariff li .share_count,
.shariff li .share_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	line-height: 25px
}

.shariff li .fab,
.shariff li .far,
.shariff li .fas {
	width: 35px;
	line-height: 25px;
	text-align: center;
	vertical-align: middle
}

.shariff li .share_count {
	padding: 0 8px;
	height: 20px;
	position: absolute;
	top: 1px;
	right: 1px
}

.shariff .orientation-horizontal li {
	-webkit-box-flex: 1
}

.shariff .orientation-horizontal .info {
	-webkit-box-flex: 0
}

.shariff .orientation-horizontal {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.shariff .orientation-horizontal li {
	float: left;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 35px;
	margin-right: 3%;
	margin-bottom: 10px
}

.shariff .orientation-horizontal li:last-child {
	margin-right: 0
}

.shariff .orientation-horizontal li .share_text {
	display: block;
	text-indent: -9999px;
	padding-left: 3px
}

.shariff .orientation-horizontal li .share_count {
	display: none
}

.shariff .theme-grey .shariff-button a {
	background-color: #b0b0b0
}

.shariff .theme-grey .shariff-button .share_count {
	background-color: #ccc;
	color: #333
}

.shariff .theme-white .shariff-button {
	border: 1px solid #ddd
}

.shariff .theme-grey .info a,
.shariff .theme-white .shariff-button a {
	background-color: #fff
}

.shariff .theme-white .shariff-button a:hover {
	background-color: #eee
}

.shariff .theme-white .shariff-button .share_count {
	background-color: #fff;
	color: #999
}

.shariff .orientation-vertical.button-style-icon {
	min-width: 35px
}

.shariff .orientation-vertical.button-style-icon-count {
	min-width: 80px
}

.shariff .orientation-vertical.button-style-standard {
	min-width: 110px
}

.shariff .orientation-vertical li {
	display: block;
	width: 100%;
	margin: 5px 0
}

.shariff .orientation-vertical.button-style-icon-count li .share_count,
.shariff .orientation-vertical.button-style-standard li .share_count {
	width: 24px;
	text-align: right
}

@media only screen and (min-width:360px) {
	.shariff .orientation-horizontal li {
		margin-right: 1.8%;
		min-width: 80px;
		width: auto;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.shariff .orientation-horizontal.button-style-icon-count li,
	.shariff .orientation-horizontal.button-style-standard li {
		min-width: 80px
	}

	.shariff .orientation-horizontal.button-style-icon-count li .share_count,
	.shariff .orientation-horizontal.button-style-standard li .share_count {
		display: block
	}

	.shariff .orientation-horizontal.button-style-standard li {
		width: auto;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto
	}

	.shariff .orientation-horizontal.button-style-standard.shariff-col-1 li,
	.shariff .orientation-horizontal.button-style-standard.shariff-col-2 li {
		min-width: 110px;
		max-width: 120px
	}

	.shariff .orientation-horizontal.button-style-standardbutton-style-standard.shariff-col-1 li .share_text,
	.shariff .orientation-horizontal.button-style-standard.shariff-col-2 li .share_text {
		text-indent: 0;
		display: inline
	}

	.shariff .orientation-horizontal.button-style-standard.shariff-col-5 li,
	.shariff .orientation-horizontal.button-style-standard.shariff-col-6 li {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none
	}

	.shariff .orientation-horizontal .info {
		-webkit-box-flex: 0 !important;
		-ms-flex: none !important;
		flex: none !important;
		width: 35px;
		min-width: 35px !important
	}
}

@media only screen and (min-width:640px) {
	.shariff .orientation-horizontal.button-style-standard.shariff-col-3 li {
		min-width: 110px;
		max-width: 120px
	}

	.shariff .orientation-horizontal.button-style-standard.shariff-col-3 li .share_text {
		text-indent: 0;
		display: inline
	}
}

@media only screen and (min-width:768px) {
	.shariff .orientation-horizontal.button-style-standard li {
		min-width: 110px;
		max-width: 120px
	}

	.shariff .orientation-horizontal.button-style-standard li .share_text {
		text-indent: 0;
		display: inline
	}

	.shariff .orientation-horizontal.button-style-standard.shariff-col-5 li,
	.shariff .orientation-horizontal.button-style-standard.shariff-col-6 li {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto
	}
}

.shariff .addthis a {
	background-color: #f8694d
}

.shariff .addthis a:hover {
	background-color: #f75b44
}

.shariff .addthis .fa-plus {
	font-size: 14px
}

.shariff .addthis .share_count {
	color: #f8694d;
	background-color: #f1b8b0
}

.shariff .theme-white .addthis a {
	color: #f8694d
}

.shariff .buffer a {
	background-color: #3a3a3a
}

.shariff .buffer a:hover {
	background-color: #555
}

.shariff .buffer .fa-buffer,
.shariff .facebook .fa-facebook-f,
.shariff .flattr .fa-money-bill-alt,
.shariff .flipboard .fa-flipboard,
.shariff .linkedin .fa-linkedin-in,
.shariff .pinterest .fa-pinterest-p,
.shariff .pocket .fa-get-pocket,
.shariff .vk .fa-vk,
.shariff .xing .fa-xing {
	font-size: 22px
}

.shariff .buffer .share_count {
	color: #3a3a3a;
	background-color: #ddd
}

.shariff .theme-white .buffer a {
	color: #3a3a3a
}

.shariff .diaspora a,
.shariff .mail a,
.shariff .print a {
	background-color: #999
}

.shariff .diaspora a:hover {
	background-color: #b3b3b3
}

.shariff .diaspora .fa-times-circle,
.shariff .reddit .fa-reddit,
.shariff .stumbleupon .fa-stumbleupon {
	font-size: 17px
}

.shariff .theme-white .diaspora a,
.shariff .theme-white .mail a,
.shariff .theme-white .print a {
	color: #999
}

.shariff .facebook a {
	background-color: #3b5998
}

.shariff .facebook a:hover {
	background-color: #4273c8
}

.shariff .facebook .share_count {
	color: #183a75;
	background-color: #99adcf
}

.shariff .theme-white .facebook a,
.shariff .theme-white .vk a {
	color: #3b5998
}

.shariff .flattr a {
	background-color: #7ea352
}

.shariff .flattr a:hover {
	background-color: #f67c1a
}

.shariff .flattr a:hover .share_count {
	color: #d56308;
	background-color: #fab47c
}

.shariff .flattr .share_count {
	color: #648141;
	background-color: #b0c893
}

.shariff .theme-white .flattr a {
	color: #f67c1a
}

.shariff .flipboard a {
	background-color: #e12828
}

.shariff .flipboard a:hover {
	background-color: #ff2e2e
}

.shariff .theme-white .flipboard a {
	color: #e12828
}

.shariff .info {
	border: 1px solid #ccc
}

.shariff .info a {
	color: #666;
	background-color: #fff
}

.shariff .info a:hover,
.shariff .theme-grey .info a:hover {
	background-color: #efefef
}

.shariff .info .fa-info {
	font-size: 20px;
	width: 33px
}

.shariff .info .share_text {
	display: block !important;
	text-indent: -9999px !important
}

.shariff .orientation-vertical .info {
	width: 35px;
	float: right
}

@media only screen and (min-width:1024px) {

	.shariff li,
	.shariff li a {
		height: 30px
	}

	.shariff li .fab,
	.shariff li .far,
	.shariff li .fas {
		width: 30px;
		line-height: 30px
	}

	.shariff li .share_count,
	.shariff li .share_text {
		line-height: 30px
	}

	.shariff li .share_count {
		height: 28px
	}

	.shariff .info .fa-info {
		font-size: 16px;
		width: 23px
	}

	.shariff .orientation-horizontal .info {
		width: 25px;
		min-width: 25px !important
	}

	.shariff .orientation-vertical .info {
		width: 25px
	}
}

.shariff .linkedin a {
	background-color: #0077b5
}

.shariff .linkedin a:hover {
	background-color: #0369a0
}

.shariff .linkedin .share_count {
	color: #004785;
	background-color: #33aae8
}

.shariff .theme-white .linkedin a {
	color: #0077b5
}

.shariff .mail a:hover,
.shariff .print a:hover {
	background-color: #a8a8a8
}

.shariff .mail .fa-envelope,
.shariff .print .fa-print {
	font-size: 21px
}

.shariff .pinterest a {
	background-color: #bd081c
}

.shariff .pinterest a:hover {
	background-color: #d50920
}

.shariff .pinterest .share_count {
	color: #a31601;
	background-color: #eda79d
}

.shariff .theme-white .pinterest a {
	color: #bd081c
}

.shariff .pocket a {
	background-color: #ef4056
}

.shariff .pocket a:hover {
	background-color: #ff5066
}

.shariff .theme-white .pocket a {
	color: #ef4056
}

.shariff .reddit a {
	background-color: #ff4500
}

.shariff .reddit a:hover {
	background-color: #ff6a33
}

.shariff .theme-white .reddit a {
	color: #ff4500
}

.shariff .stumbleupon a {
	background-color: #eb4924
}

.shariff .stumbleupon a:hover {
	background-color: #ef7053
}

.shariff .theme-white .stumbleupon a {
	color: #eb4924
}

.shariff .twitter a {
	background-color: #000
}

.shariff .threema a,
.shariff .twitter a:hover {
	background-color: #333
}

.shariff .qzone .fa-qq,
.shariff .telegram .fa-telegram,
.shariff .tencent-weibo .fa-tencent-weibo,
.shariff .threema .fa-lock,
.shariff .tumblr .fa-tumblr,
.shariff .twitter .fa-x-twitter,
.shariff .weibo .fa-weibo,
.shariff .whatsapp .fa-whatsapp {
	font-size: 28px
}

.shariff .twitter .fa-x-twitter {
	width: 18px;
	height: 18px;
	background-image: url('x-twitter.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.shariff .twitter .share_count {
	color: #0174a4;
	background-color: #96d4ee
}

.shariff .theme-white .twitter a {
	color: #55acee
}

.shariff .whatsapp a {
	background-color: #5cbe4a
}

.shariff .whatsapp a:hover {
	background-color: #34af23
}

.shariff .theme-white .tumblr a,
.shariff .theme-white .whatsapp a {
	color: #5cbe4a
}

.shariff .xing a {
	background-color: #126567
}

.shariff .xing a:hover {
	background-color: #29888a
}

.shariff .xing .share_count {
	color: #15686a;
	background-color: #4fa5a7
}

.shariff .theme-white .xing a {
	color: #126567
}

.shariff .tumblr a {
	background-color: #36465d
}

.shariff .tumblr a:hover {
	background-color: #44546b
}

.shariff .threema a:hover {
	background-color: #1f1f1f
}

.shariff .theme-white .threema a {
	color: #333
}

.shariff .weibo a {
	background-color: #f56770
}

.shariff .weibo a:hover {
	background-color: #fa7f8a
}

.shariff .weibo .share_count {
	color: #0174a4;
	background-color: #f56770
}

.shariff .theme-white .weibo a {
	color: #f56770
}

.shariff .tencent-weibo a {
	background-color: #26ace0
}

.shariff .tencent-weibo a:hover {
	background-color: #38bbeb
}

.shariff .tencent-weibo .share_count {
	color: #0174a4;
	background-color: #26ace0
}

.shariff .theme-white .tencent-weibo a {
	color: #26ace0
}

.shariff .telegram a {
	background-color: #08c
}

.shariff .telegram a:hover {
	background-color: #007dbb
}

.shariff .theme-white .telegram a {
	color: #08c
}

.shariff .qzone a {
	background-color: #2b82d9
}

.shariff .qzone a:hover {
	background-color: #398fe6
}

.shariff .qzone .share_count {
	color: #0174a4;
	background-color: #2b82d9
}

.shariff .theme-white .qzone a {
	color: #2b82d9
}

.shariff .vk a {
	background-color: #5d7fa4
}

.shariff .vk a:hover {
	background-color: #678eb4
}

.shariff .vk .share_count {
	color: #55677d;
	background-color: #fff
}

@media only screen and (min-width:600px) {
	.shariff .addthis .fa-plus {
		font-size: 14px;
		position: relative;
		top: 1px
	}

	.shariff .buffer .fa-buffer,
	.shariff .pinterest .fa-pinterest-p {
		font-size: 19px;
		position: relative;
		top: 1px
	}

	.shariff .diaspora .fa-times-circle,
	.shariff .reddit .fa-reddit,
	.shariff .stumbleupon .fa-stumbleupon {
		font-size: 16px
	}

	.shariff .facebook .fa-facebook-f,
	.shariff .flattr .fa-money-bill-alt,
	.shariff .flipboard .fa-flipboard,
	.shariff .linkedin .fa-linkedin-in,
	.shariff .pocket .fa-get-pocket,
	.shariff .vk .fa-vk,
	.shariff .xing .fa-xing {
		font-size: 19px
	}

	.shariff .mail .fa-envelope,
	.shariff .print .fa-print {
		font-size: 18px
	}

	.shariff .qzone .fa-qq,
	.shariff .tencent-weibo .fa-tencent-weibo,
	.shariff .twitter .fa-x-twitter,
	.shariff .weibo .fa-weibo {
		font-size: 24px
	}

	.shariff .telegram .fa-telegram,
	.shariff .threema .fa-lock,
	.shariff .tumblr .fa-tumblr,
	.shariff .whatsapp .fa-whatsapp {
		font-size: 18px
	}
}