/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 17 2024 | 00:35:29 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */
/* DONATE */

#give-form-1133-wrap.give-embed-form, .give-embed-receipt, .secure-notice, .give-form-navigator   {
    border-radius: 6px !important;
	border: 0px !important;
	box-shadow: none !important;
	background:#FEFFB8!important;
	padding-top:8px;
	border-radius: 0!important;
}

#give-form-1133-wrap.give-embed-form{border:0px solid #39414d !important;}
.give-admin_choice-1133{border:0;}
.give-recurring-donors-choice{border: 0 !important;box-shadow: none !important;background: transparent;}
.give-recurring-donors-choice label {font-size: 20px !important;font-weight: 500 !important; color:#28303d !important; line-height:1 !important;}
label.give-label, label#give-gateway-option-offline, label#give-gateway-option-stripe_checkout{font-size: 20px !important;color:#28303d !important; line-height:1 !important;font-weight: 500 !important;}
#give_checkout_user_info p{margin-bottom:24px;}
#give_checkout_user_info input { padding: 20px !important; font-size: 20px;}
#give_checkout_user_info i{font-size: 16px;}
input[type=checkbox]+label:after, input[type=checkbox]+label:before{border: 3px solid #28303d; border-radius:12px;}
.give-recurring-donors-choice.active{}
.give-section.choose-amount{width: 100% !important;;}

@media only screen and (max-width: 650px){
	.give-form-templates{margin:0;}
}

.advance-btn i.fas.fa-chevron-right{font-size: 0.01rem !important;}
.advance-btn i.fas.fa-chevron-right:after { content: "♥";font-size: 1.4rem;color: #fffa90;}

/**
HEARTH
.advance-btn i{opacity:0;}
.give-btn.advance-btn i{position: relative;}
.give-btn.advance-btn:before,.give-btn.advance-btn:after{position: absolute; content: ""; right: 25px; top: 23px; width: 12px; height: 20px ; background: #FEFFB8; border-radius: 50px 50px 0 0; transform: rotate( -45deg); transform-origin: 0 100%;}
.give-btn.advance-btn:after {right: 36px; transform: rotate(45deg); transform-origin: 100% 100%;}
**/

#give-form-1133-wrap .give-form-navigator>.title,
#give-form-1133-wrap .payment .heading,
#give-form-1133-wrap .payment .subheading,
#give-form-1133-wrap .give-label{ color: #19212d !important;}

#give-form-1133-wrap .give-donation-level-btn{
	*color:#fff !important;
	*background: #28303d !important;
	border-width:3px !important;
	border-color: transparent !important;
	box-shadow:none!important;
	padding-bottom: 18px !important;
    padding-top: 18px !important;
}
#give-form-1133-wrap  button.give-default-level, #give-form-1133-wrap  button:hover{
	background: #28303d !important;
	color: #FEFFB8!important;
}
#give-form-1133-wrap .choose-amount .give-donation-amount .give-amount-top{font-size: 30px !important;}
#give-form-1133-wrap .give-donation-amount{padding-top:32px}
#give-form-1133-wrap .give-recurring-donors-choice input[type=checkbox]+label:after,
#give-form-1133-wrap .give-recurring-donors-choice label:before
{border-radius: 2px !important;background-color: #FEFFB8!important;}


#give-donation-level-button-wrap .give-donation-level-btn {color: #28303d !important;  background: #FEFFB8!important; border-color: #28303d !important;}

#give-form-1133-wrap .choose-amount .content{
	margin: 0 !important;;
}
.give-donation-summary-section *{
	font-family: system-ui,sans-serif!important;
	background:none !important;
}
.give-donation-summary-section thead, .give-donation-summary-section tbody tr:first-child{display:none!important}
.CardNumberField-input-wrapper input{color: #28303d !important; font-size: 18px !important;}
#give-form-1133-wrap input#give-purchase-button, #give-form-1133-wrap button.give-btn.advance-btn,
#give-form-3906-wrap input#give-purchase-button, #give-form-3906-wrap button.give-btn.advance-btn,
#give-form-3906-wrap #give-stripe-checkout-modal-donate-button-3906-1{
background: #28303d !important; border-color: #28303d !important; color:#FEFFB8!important;box-shadow: none!important; }
.give-stripe-checkout-modal-header{background: #FEFFB8!important;}
.give-stripe-checkout-modal-header *{color: #28303d !important;}
button.give-stripe-checkout-modal-close {border-radius: 12px !important;}
button.give-stripe-checkout-modal-close:hover svg{}

.give-form-navigator>.back-btn {color: #9f9f9f!important;}
#give-form-1133-wrap .advance-btn{padding: 24px 28px !important;}
#give-form-1133-wrap .choose-amount .give-donation-levels-wrap .give-donation-level-btn.give-btn-level-custom,
#give-form-1133-wrap .give-form-navigator>.title{
	font-size:20px !important; font-weight: 500 !important; line-height: 1  !important; *max-width:90% !important;
}

.give-donation-amount.form-row-wide {
    background: #FEFFB8!important;
    border-color: #28303d !important;
    border-width: 0 0 3px 0 !important;;
    box-shadow: none !important;
    border-radius: 0 !important;
}

  #give-form-3906-wrap input,  #give-card-cvc-wrap-3906-1{
    background: #fff !important;
    border-color: #28303d !important;
    border-width: 0 0 3px 0 !important;;
    box-shadow: none !important;
    border-radius: 0 !important;
	color: #19212d !important;
	 padding: 22px !important;
    font-size: 18px;
}
form[id*=give-form] .give-donation-amount{padding: 0;}
 #give-form-1133-wrap #give-payment-mode-wrap li{background: none !important; border-width: 0 0 3px 0 !important; border-radius: 0 !important; border-color: #28303d;}
form[id*=give-form] .give-donation-amount #give-amount, form[id*=give-form] .give-donation-amount #give-amount-text, .choose-amount .give-donation-amount span.give-currency-symbol{color: #28303d; background: #FEFFB8!important;}

 #give-form-1133-wrap .give-donation-summary-section .heading{display:none !important;}

.payment #give_purchase_form_wrap, .slide-in-right, .give-section, .form-footer{background: #FEFFB8!important;}
fieldset p>i, .give-embed-form, .give-embed-receipt{color: #28303d;}

div#give-card-cvc-wrap-3906-1 {padding: 0 !important; padding-left: 15px !important; margin: 0;}


div#give_purchase_form_wrap p{text-align:left !important;}
div#give_purchase_form_wrap div svg {max-width: 90px; height: auto;filter: brightness(0.3);}

div#give-form-1133-wrap {padding-right: 24px;}
#give_checkout_user_info input::placeholder {opacity: 1 !important;color: #28303d;}


@media only screen and (max-width : 600px) {
	.wp-container-19.wp-block-column.give-container {min-width: 100vw; margin-left:-24px;}
	.give-section.payment.slide-in-right {padding: 16px !important;}
	.wp-container-18 { padding: 20px;}
	#section-support-donations .give-embed-form-wrapper {width: 100vw !important; margin-left: -27px !important;}
	div#give-form-1133-wrap {padding-left: 2vw !important; max-width: 90vw !important;;}
	#give-form-1133-wrap p.title{max-width:90%!important;}
	.payment #give_purchase_form_wrap { padding: 0; margin: 0 -16px;}
}
/*GIVE */
/*GIVE Stripe p is hidden if something doesn't work, check this first*/
fieldset.no-fields p:nth-child(2), fieldset.no-fields p:nth-child(3){display:inline-block;font-size: 12px;    color: #1a212d; line-height: 1.4;margin: 4px;}
fieldset.no-fields div:nth-child(1) {display: inline-block; justify-content: left !important; margin-right: 16px;margin-bottom: 40px;margin-top: 0;}
@media only screen and (max-width : 600px) {
	fieldset.no-fields div:nth-child(1) {margin-bottom: 0px;}
}
.ElementsApp, .ElementsApp .InputElement{font-size:18px !important;}

.give-stripe-checkout-modal {background: #FEFFB8!important;}
.payment #give-payment-mode-select #give-gateway-radio-list>li{padding: 4px 20px!important; border: 0;}
.give-stripe-checkout-modal-footer, .give-stripe-checkout-modal-body{background-color: #fffa90!important;}

#give-recurring-form .form-row input[type=email], #give-recurring-form .form-row input[type=password], #give-recurring-form .form-row input[type=tel], #give-recurring-form .form-row input[type=text], #give-recurring-form .form-row input[type=url], #give-recurring-form .form-row textarea, .give-input-field-wrapper, .give-square-cc-fields, .give-stripe-cc-field, .give-stripe-single-cc-field-wrap, form.give-form .form-row input[type=email], form.give-form .form-row input[type=password], form.give-form .form-row input[type=tel], form.give-form .form-row input[type=text], form.give-form .form-row input[type=url], form.give-form .form-row textarea, form[id*=give-form] .form-row input[type=email], form[id*=give-form] .form-row input[type=email].required, form[id*=give-form] .form-row input[type=password], form[id*=give-form] .form-row input[type=password].required, form[id*=give-form] .form-row input[type=tel], form[id*=give-form] .form-row input[type=tel].required, form[id*=give-form] .form-row input[type=text], form[id*=give-form] .form-row input[type=text].required, form[id*=give-form] .form-row input[type=url], form[id*=give-form] .form-row input[type=url].required, form[id*=give-form] .form-row textarea, form[id*=give-form] .form-row textarea.required {
    background: #fff;
    border: 2px solid #28303d!important;
    border-radius: 2px !important;
    box-shadow: none;
    box-sizing: border-box;
    color: #28303d;
    font-size: 18px;
    font-weight: 400;
    height: auto;
    line-height: 1;
    padding: 14px!important;
}


/*

function override_iframe_template_styles_with_inline_styles() {
    wp_add_inline_style(
        'give-sequoia-template-css',
    file_get_contents(WP_CONTENT_DIR.'/uploads/custom-css-js/give.css', false)
    );
}
add_action('wp_print_styles', 'override_iframe_template_styles_with_inline_styles', 10);

*/
