/***** Single Give ********/
.ova_single_give_form {

	.image_future {
		position: relative;
		margin: 0 0 35px 0;

		.post_cat{
			position: absolute;
			right: 20px;
			top: 20px;
			a{
				transition: all .3s ease;  
				display: inline-block;
				font-size: 15px;
				line-height: 1.3;
				color: #fff;
				background-color: var(--primary);
				padding: 10px 16px;
				border-radius: 0 10px 0 10px;
				text-transform: capitalize;
				&:hover{
					transition: all .3s ease;
					color: var(--primary);
					background-color: #fff;
				}
		    }
		}
					
		.thumbnail {
			overflow: hidden;
			img {
				display: block;
				width: 100%;
				min-height: 290px;
				max-height: 690px;
				object-fit: cover;
			}	
		}
					
		.media {
			position: absolute;
			bottom: 20px;
			left: 20px;
			z-index: 1;
			&>ul.gallery{
				display: none;
			}

			.gallery, .video{
				display: inline-block;
				cursor: pointer;
				color: #fff;
				font-size: 16px;
				opacity:1;
				i {
					transition: all .3s ease; 
					display: inline-flex;
					justify-content: center;
					align-items: center;
					background-color: #fff;
					color: var(--text);
					width: 40px;
					height: 40px;
					border-radius: 50%;
					&:hover {
						transition: all .3s ease; 
						background-color: var(--primary);
						color: #fff;
					}
				}
			}
		}

		.icon_give{
			position: absolute;
			bottom: 20px;
			right: 20px;		
			.share-social-icons {
				display: flex;
				justify-content: center;
				align-items: center;
				flex-wrap: wrap;
				gap: 5px;
				margin: 0;
				padding: 0;
				list-style: none;
				li {
				    margin: 0;
				    &.share {
				    	display: none;
				    	color: #fff;
				    	font-weight: 600;
				    }
					a {
						transition: all .3s ease; 
						color: var(--text);
						background-color: #fff;
					    padding: 0;
					    margin-bottom: 0;
					    display: inline-flex;
					    justify-content: center;
					    align-items: center;
					    width: 40px;
					    height: 40px;
					    border-radius: 50%;
					    i {
					    	display: inline-flex;
					    }
					    &:hover {
					    	transition: all .3s ease;
					    	color: #fff;
					    	background-color: var(--primary);
					    }
					}
				}
			}
		}

	}

	.donation-and-tab {
		margin: 0 auto;
		max-width: 1060px;
	}

	.give_forms {
		display: flex;
		gap: 30px;
	    max-width: 100%;
	    margin: 0 0 85px 0; 
	    @media (max-width: 1024px) {
	    	flex-direction: column;
	    	margin: 0 0 55px 0;
	    }

	    &:after, &:before {
	    	content: none;
	    }
		
		.summary {
			width: 100%;

			/* Progress Single Donation */
			.progress-wrapper{
				padding: 70px 35px 25px 35px;
				border: 1px solid rgba(0, 0, 0, 0.0825);
    			background-color: #fff;

				.give-progress {
					margin: 0;
					span {
						font-size: 18px;
						color: var(--primary);
					}
				}

				.raised {
					display: flex;
					justify-content: space-between;
					width: 100%;
					margin-top: 20px;
					span {
						display: block;
						font-weight: 500;
					}
					.money {
                        font-size: 18px;
                        color: var(--heading);
					}
					.goal {
						text-align: right;
					}
				}
			}
			
			.donation {
				position: relative;
    			padding-top: 5px;

				/* Form Donation */
				.give-form-wrap{
					margin-bottom: 55px;
					&.give-display-onpage {
						margin-bottom: 135px;
					}

					#give_error_test_mode {}
					.give-currency-symbol {
						color: #fff;
					    background-color: var(--primary);
					    border: 1px solid var(--primary);
					}
					.give-text-input {
	                    font-size: 15px!important;
	                    font-weight: 700;
	                    color: var(--heading);
	                    border: 1px solid rgba(5, 26, 83, 0.1)!important;
	                }
					.give-submit {}
					#give-gateway-radio-list {
						display: flex;
						li {
							display: flex;
							align-items: center;
							&:first-child {
								margin-right: 20px;
							}
						}
					}
				}
			}
			
			/* Form Info */
			.give_form_info {
				border: 0;
				margin-top: 60px;
			}
		}
	}

	.tab-Location{
		ul.give_nav{
		    display: flex;
		    column-gap: 30px;
		    row-gap: 15px;
            flex-wrap: wrap;
            margin: 0 0 45px 0;
            padding: 0;
            list-style: none;
			border-bottom: 1px solid #e8e8e8;

			@media screen and (max-width: 450px) {
				flex-direction: column;	
			}

			li.give_nav-item{
				transition: all .3s ease;
				position: relative;
				padding-bottom: 12px;
				cursor: pointer;
				text-transform: uppercase;

				.give_nav-link {
                	display:block;
                }

				&:first-child{
					padding-left: 0;
					margin-left: 0;
			    }

				@media( max-width: 767px ){
					text-transform: uppercase;
					font-size: 16px;
					font-weight: bold;
				}

				@media screen and (max-width: 450px) {
					padding-bottom: 5px;
				}

				&.give_active{
					&:after{
						position: absolute;
						content: '';
						width: 100%;
						left: 0;
						background: var(--primary);
						height: 2px;
						bottom: -1px;
					}
				}
				a {
					font-family: var(--secondary-font);
					font-size: 20px;
					font-weight: 800;
					color: var(--heading);
					@media (max-width: 767px) {
						font-size: 16px;
					}
				}
				a:after{
					background-color: var(--primary);
					left: 0;
					width: 0;
					height: 2px;
					bottom: -1px;
					position: absolute;
					content: "";
					transition: all 0.2s ease-in-out 0s;
				}
				a:hover{
					border: 0;
					color: var(--primary);
					&:after{
						width: 100%;
					}
				}
			}
			
		}
		.tab-content{
			.wp-block-columns {
				margin: 25px 0;
				@media (max-width: 1024px) {
					flex-direction: column;
				}
			}
			.wp-block-heading {
				margin: 1em 0 0.8em 0;
				font-size: 1.4em;
			}
		}
	}

	.ova-give-single-heading {
		margin: 0 0 12px 0;
		font-size: 20px;
		font-weight: 400;
	}
	
}

form[id*=give-form] #give-gateway-radio-list>li input[type=radio]{
    filter: hue-rotate(150deg);
}

#give_purchase_form_wrap{
     input::placeholder {
        color: transparent;
    }
}

form[id*=give-form] .give-donation-amount {
	margin-bottom: 30px;
} 

.give-donor__image{
	border: none;
	text-transform: uppercase;
	font-size: 16px;
}
.give-donor__timestamp{
	display: none;
}
.give-donor__name{
	font-size: 18px;
	line-height: 62px;
	text-transform: capitalize;
}

.content_give_form{
	display: flex;
	flex-wrap: wrap;
	@media (max-width: 1200px) {
		display: block;
		.image_give{
			width: 100% !important;
		}
	    .text_give{
			width: 100% !important;
		}
	}
}