/*
 Theme Name: Hello Elementor Child
 Template: hello-elementor
 Version: 1.0.0
*/

.dialog-type-lightbox {
    z-index: 9999999 !important;
}

#donation-info {
	scroll-margin-top: 150px;
}

.donation_amounts {
	display: flex;
	flex-wrap: wrap;
	gap: 1.2rem;
    margin: 2rem 0;
}

.donation_amounts label {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	height: 110px;
	border: 3px solid #FFBC0D;
	border-radius: 50%;
	cursor: pointer;
	font-size: 1.7rem;
	font-weight: 700;
	background-color: #fff;
	transition: all 0.2s ease;
	overflow: hidden;
}

.donation_amounts input[type="radio"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.donation_amounts label:has(input[type="radio"]:checked) {
	background-color: #FFBC0D;
}

#other_amount_wrap {
    max-width: 400px;
    margin-bottom: 2rem;
}

#donation_error {
    color: #db0007;
    margin-bottom: 1rem;
}

.donation_error {
    color: #db0007;
}

.donation_success {
    font-weight: 700;
}

#donation_form button {
    background-color: #db0007;
    color: #fff;
    border-radius: 8px 8px 8px 8px;
}

#donation_form button:hover {
    background-color:#91187d;
}

#terms_popup {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.7);
	z-index: 99999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem;
}

.terms_popup_inner {
	position: relative;
	background: #fff;
	padding: 2rem;
	max-width: 1000px;
	width: 100%;
	max-height: 80vh;
	overflow: auto;
}

#close_terms {
	position: absolute;
	top: 1rem;
	right: 1rem;
}

.donation_terms {
    margin-bottom: 2rem;
}
.donation_terms #open_terms {
    text-decoration: underline;
}