/*
 * Shortcode: give-goal-progress.scss
 * -----------------------------------------------
*/

$progress-height: 8px;
.give-goal-progress {
	.raised {
		.income {
			font-size: inherit;
			line-height: normal;
		}
	}
	.give-progress-bar {
		height: 10px;
	}
	.tm-sc-progress-bar {
		.progress-holder {
			height: $progress-height;
			width: 100%;
			border-radius: 0;
			.progress-content {
				height: $progress-height;
				float: left;
				border-radius: 0;
				margin-right: 5px;
				&:after {
					display: none;
				}
			}
			.value {
				position: absolute;
				top: -37px;
				color: #fff;
				font-size: 10px;
				background: #d55342;
				line-height: 1;
				padding: 10px 7px;
			}
		}
	}
	.donation-default-info {
		display: none;
	}
	.donation-info {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
		margin-bottom: 50px;
		li {
			padding: 5px 0;
			.icon {
				font-size: 1.6rem;
				margin-right: 20px;
			}
			.label {
				font-size: 1rem;
				color: $gray-silver-text-color;
			}
			.value {
				font-size: 1rem;
				margin-right: 10px;
			}
		}
	}
}