/* Give  ****************************************************/

/* recent donations widget */	
.list-give{
	padding-top: 5px;
	margin-bottom: 15px;
	.item-give{
		display: flex;
		gap: 20px;
		padding: 15px 0;
		&:last-child {
			padding-bottom: 0;
		}

		.ova-thumb-nail{
			a{
				width: 92px;
				height: 80px;
				display: inline-block;
				background-size: cover;
				background-position: center center;
			}
		}
		.ova-content{
			.title{
				margin: 0;
				font-size: 16px;
    			line-height: 1.25;
				font-weight: 600;
				a{
					color: var(--heading);
					&:hover{
						transition: 0.3s ease;
						color: var(--primary);
					}
				}
			}
		    .donate_remaining {
		    	margin-top: 12px;
		    	.donate {
		    		transition: .3s all ease;
		    		font-size: 16px;
		    		font-weight: 600;	
		    		line-height: 1.2;
		    		color: var(--primary);
		    		padding: 5px 10px;
		    		border: 1px solid #999;
		    		border-radius: 4px;
		    		&:hover{
		    			transition: .3s all ease;
		    			color: #fff;
                        background-color: var(--primary);
                        border: 1px solid var(--primary);
		    		}
		    	}
		    }
		    .raised {
		    	font-size: 15px;
		    	line-height: 1.5;
				.income, .goal{
					display: inline-block;
				}
			}
		}
	}
}

.give-progress {
	display: flex;
	height: 7px;
	background-color: #f9dede;
	overflow: visible;
	margin: 57px 0 17px 0;

	.project-percent {
	    position: relative;
	    width: 0 ;
	    transition: 1.5s;
	    background-color: var(--primary);
	    height: 7px;
	}

	span {
		position: relative;
		transition: all .3s ease;
		.percentage {
			transition: all .3s ease;
			font-size: 15px;
			font-weight: 800;
			line-height: 1;
            color: var(--primary);
			position: absolute;
			bottom: 25px;
			right: -25px;
			z-index: 1;
			background-color: transparent;
		}
	}
}

.rtl {
	.give-progress {
		span {
			.percentage {
				right: unset;
				left: -25px;
			}
		}
	}  
}

.give-btn{
	transition: .3s all ease;
	padding: 10px 20px;
	border: 1px solid rgba(5, 26, 83, 0.1);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--heading);
	text-transform: capitalize;
	background-color: #fff;
	&:hover {
		transition: .3s all ease;
		border: 1px solid var(--heading);
		background-color: var(--heading); 
		color: #fff;
	}
}

.give-btn-modal{
	color: #fff;
	background-color: var(--primary);
	border: 1px solid var(--primary);
	&:hover {
		color: var(--primary);
		background-color: #fff;
		border: 1px solid var(--primary);
	}
}

.give_warning {
	margin: 15px 0 35px 0; 
	padding: 1em 2.5em;
	border-left: none;
	background-color: transparent;
	&:before {
		background-color: #D14D42;
		left: 0;
	}
}

#give-recurring-form, form.give-form, form[id*=give-form] {
	margin: 35px 0;
    padding: 0;
}

form.give-form, form[id*=give-form] {
	legend {
		font-weight: 400;
		color: var(--heading);
	}
}