/*
 * Shortcode: charitable-progress-bar.scss
 * -----------------------------------------------
*/

.charitable-progress-bar {
	margin-top: 30px;
	padding: 7px 0;
	.progress {
		height: 8px;
		margin-bottom: 0;
		overflow: visible;
		background-color: #ddd;
		border-radius: 0;
		box-shadow: unset;
		.progress-bar {
			position: relative;
			border-radius: 5px;
			max-width: 100%;
			.progress-percentage {
				color: #555;
				border: 2px solid #555;
				font-size: 12px;
				left: 100%;
				bottom: 100%;
				margin-left: -20px;
				text-align: center;
				position: absolute;
				margin-bottom: 10px;
				border-radius: 4px;
				padding: 0 7px;
				&:after {
					left: 50%;
					bottom: -14px;
					margin-left: -4px;
					content: "\f0d7";
					position: absolute;
					display: inline-block;
					font-family: "Font Awesome 5 Free";
					font-weight: 600;
				}
			}
		}
	}
}