/*
 * Shortcode: give-shortcode.scss
 * -----------------------------------------------
*/
.tm-sc-give-campaigns {
	.give-campaign {
		margin-bottom: 15px;
		padding-bottom: 15px;
		&:last-child {
			margin-bottom: 0;
			padding-bottom: 0;
		}
		.campaign-inner {
			background: #fff;
			@include box-shadow( 0px 0px 50px rgba(5, 5, 5, 0.1) );
			@include transition(all .3s);
			padding: 30px;
			.campaign-content {
				padding: 0;
			}
			.campaign-title {
				margin-bottom: 20px;
			}
			.campaign-meta {
				font-size: 0.95rem;
				color: $gray-silver-text-color;
				margin: 0 0 30px;
				font-weight: normal;
				.each-meta {
					a {
						color: #999;
						font-weight: normal;
					}
					display: inline-block;
					margin-right: 10px;
					i {
						margin-right: 3px;
					}
				}
			}
			.give-goal-progress {
				margin-bottom: 0;
				.raised {
					margin-bottom: 0;
				}
			}
			.campaigns-btn {
				a {
					margin-top: 15px;
				}
			}
			.btn {
				margin-right: 5px;
				margin-bottom: 5px;
			}
		}
		&:hover {
			.campaign-inner {
				@include box-shadow( 0 15px 40px 5px rgba(50, 50, 50, 0.25) );
			}
		}
	}
	&.tm-sc-give-campaigns-horizontal {
		.give-campaign {
			.campaign-content {
				padding-left: 0;
			}
		}
	}
	&.give-campaigns-current-theme-style1 {
		.give-campaign {
			.campaign-inner {
				.campaign-content {
					.campaign-title {
						margin-top: 20px;
						margin-bottom: 10px;
					}
					.campaign-description {
						margin-bottom: 10px;
					}
					.give-goal-progress .donation-info {
						line-height: 1;
						li .icon {
							vertical-align: middle;
						}
					}
				}
			}
		}
	}
	&.give-campaigns-current-theme-style2 {
		.give-campaign {
			position: relative;
			display: block;
			overflow: hidden;
			border-radius: 5px;
			.campaign-inner {
				.campaign-thumbnail {
					overflow: hidden;
					position: relative;
					-webkit-transform: scale(1);
					-moz-transform: scale(1);
					transform: scale(1);
					-webkit-transition: transform 0.5s cubic-bezier(.57,.04,.06,.84), opacity 0s;
					transition: transform 0.5s cubic-bezier(.57,.04,.06,.84), opacity 0s;
				}
				.campaign-content {
					background-color: rgba(33,33,33,0.9);
					position: absolute;
					width: 100%;
					height: 100%;
					padding: 54px 50px 30px 60px;
					border-radius: 3px;
					top: 0;
					left: 0;
					visibility: hidden;
					opacity: 0;

					-webkit-transition: all .3s ease;
					transition: all .3s ease;
					.campaign-title {
						a {
							color: #fff;
						}
					}
					.campaign-description {
						color: #fff;
					}
					.rdm {
						display: block;
						text-align: center;
						width: 44px;
						height: 44px;
						margin-top: 30px;
						background: url(../images/current-theme/circle-btn-sm-white.png) no-repeat center center;
						-webkit-background-size: cover;
						background-size: cover;
						> i {
							font-size: 1rem;
							line-height: 44px;
							color: #111;
						}
						&:hover {
							background: url(../images/current-theme/circle-btn-sm-color1.png) no-repeat center center;
							> i {
								color: #fff;
							}
						}
					}
				}
			}
			&:hover {
				.campaign-inner {
					.campaign-thumbnail {
						-webkit-transform: scale(1.1);
						-moz-transform: scale(1.1);
						transform: scale(1.1);
					}
					.campaign-content {
						-webkit-animation-duration: 0.75s;
						animation-duration: 0.75s;
						-webkit-animation-name: jackInTheBox;
						animation-name: jackInTheBox;
						visibility: visible;
						opacity: 1;
					}
				}
			}
		}
	}
}