.shareProgressWidget{
	display: flex;
	flex-direction: column;
	margin: 0px 20px 0 0;
	position: sticky;
	top: 0px;
	background-color: white;
	z-index: 2;
}
.shareContainer{ position: relative;}
.shareContainer .ProgressLine{
	z-index: 0;
	height: 100%;
	width: 10px;
	background: #f4f3f0;
	position: absolute;
	top: 0;
}
.shareProgressWidget .shareTitle{
	background: #fff;
	padding: 12px 15px;
	border: 1px solid #d5d6d5;
	font-weight: bold;
	font-size: 13px;
	color: #898881;
	text-transform: uppercase;
}
.shareProgressWidget .shareIconsContainer{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid #d5d6d5;
	border-top: none;
	padding: 15px;
}
.shareIconsContainer .socialLink svg{
	transition: all .3s ease-in-out;
}
.shareIconsContainer .socialLink:hover svg{ fill: #55544F;}
.shareIconsContainer .twArticleLink, .emailArticleLink, .copyLinkArticleLink{
	margin-top: 17px;
}
.copyLinkArticleLink span{
	color: #898881;
	font-size: 12px;
	margin-top: -6px;
	display: none;
	max-width: 42px;
}
.copyLinkArticleLink.linkCopied span{display: flex;}
.copyLinkArticleLink.linkCopied svg{display: none;}
.shareProgressWidget .textSizeAdjustment button{
	background-color: white;
	border: none;

}
.shareProgressWidget .textSizeAdjustment{
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
	padding: 10px 8px 16px 8px;
	color: #898881;
	font-weight: bold;
	border: 1px solid #d5d6d5;
	border-top: none;
}
.shareProgressWidget .textSizeAdjustment .arrow {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
.textSizeAdjustment .FontUp, .textSizeAdjustment .FontDown, .textSizeAdjustment .FontUp .arrow, .textSizeAdjustment .FontDown .arrow{
	transition: all 0.3s ease-out;
}
.textSizeAdjustment .FontUp:hover, .textSizeAdjustment .FontDown:hover{color: #55544F;}

.shareProgressWidget .textSizeAdjustment .FontUp {font-size: 16px;}
.shareProgressWidget .textSizeAdjustment .FontDown {font-size: 11px;}

.shareProgressWidget .textSizeAdjustment .FontDown .arrow {border-top: 6px solid #898881;}
.shareProgressWidget .textSizeAdjustment .FontDown:hover .arrow {border-top-color: #55544F;}

.shareProgressWidget .textSizeAdjustment .FontUp .arrow {	border-bottom: 6px solid #898881;}
.shareProgressWidget .textSizeAdjustment .FontUp:hover .arrow {border-bottom-color: #55544F;}

.shareProgressWidget .Progress {
	/* height: $progress-container-height; */
	display: flex;
	flex-direction: column;
	align-items: end;
}
.shareProgressWidget .vert {
	position: relative;
}
.shareProgressWidget .vert p {
	color: #D0CCC5;
	position: absolute;
	transform: rotateZ(-90deg) translate(-94%, 22px);
	margin: -6px 0 0 0;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	white-space: nowrap;
	transform-origin: left;
	letter-spacing: 0.3px;
	border-bottom: 10px solid #f4f3f0;
	padding-bottom: 3px;
	left: -35px;
}
.shareProgressWidget .Progress > p {
	margin: 6px 0px 6px 16px;
	text-align: right;
	font-size: 14px;
	color: #898881;
	font-weight: bold;
}
#contentAreaDonation{ padding-left: 70px !important;}
#petitionFormWidget{ margin-left: 20px;}

@media screen and (max-width: 992px) {
	#petitionFormWidget{ margin-left: 60px;}
}

/* PETITION PAGE STYLES */
#contentAreaPetition .shareProgressWidget,#contentAreaPetition .shareProgressWidget .shareIconsContainer{ flex-direction: row;}	
#contentAreaPetition .shareProgressWidget .shareTitle{
	width: 20%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: none;
}
#contentAreaPetition .shareProgressWidget{
	margin: 20px 0 0;
}
#contentAreaPetition .shareProgressWidget .shareIconsContainer{
	width: 80%;
	border: 1px solid #D5D6D5 !important;
	padding: 0;
	justify-content: space-around;
}
#contentAreaPetition .shareProgressWidget .socialLink{ margin-top: 6px;}

/* DONATION PAGE STYLES */
#contentAreaDonation .shareProgressWidget,#contentAreaDonation .shareProgressWidget .shareIconsContainer{ flex-direction: row;}	
#contentAreaDonation .shareProgressWidget .shareTitle{
	width: 20%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: none;
}
#contentAreaDonation .shareProgressWidget{
	margin: 20px 0 0;
}
#contentAreaDonation .shareProgressWidget .shareIconsContainer{
	width: 80%;
	border: 1px solid #D5D6D5 !important;
	padding: 0;
	justify-content: space-around;
}
#contentAreaDonation .shareProgressWidget .socialLink{ margin-top: 6px;}

@media screen and (max-width: 768px) {
	.shareProgressWidget, .shareProgressWidget .shareIconsContainer{ flex-direction: row;}
	.columnOnMobile {flex-direction: column;}
	.shareProgressWidget{
		margin: 20px 0 0;
		position: unset;
	}
	.shareProgressWidget .shareTitle{
		max-width: 20%;
		display: flex;
		justify-content: center;
		align-items: center;
		border-right: none;
	}
	.shareProgressWidget .shareIconsContainer{
		width: 60%;
		border-top: 1px solid #D5D6D5;
		border-right: none;
		padding: 0;
		justify-content: space-around;
	}
	.shareProgressWidget .textSizeAdjustment{
		width: 23%;
		border-top: 1px solid #D5D6D5;
	}
	.shareProgressWidget .socialLink{ margin-top: 6px;}
	#contentAreaDonation{ padding-left: 0px !important;}
	#petitionFormWidget{ margin-left: 0px;}
}