/* campaign specific design */
.background-leaves {
    background: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10170/leaf-cropped.png?v=1776798979000);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.background-dark-green-rounded { 
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 30px 30px 30px 30px;
    background-color: #003D36;
    border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
}
[data-engrid-theme="flex2"]:not([data-engrid-embedded]) #engrid.jgi-template-embedded-forms { 
	min-height: auto;
}
.jgi-template-embedded-forms p.phone-consent {
    font-size: 0.7rem;
    margin-top: -10px;
    margin-bottom: 20px;
    line-height: 1.5;
}
.jgi-template-embedded-forms h2 {
	font-size: 34px;
	padding-top: 8px !important;
}
#engrid.jgi-template-embedded-forms .en__component--copyblock.payment-information-title > h2,
#engrid.jgi-template-embedded-forms .en__component--copyblock.personal-information-title > h2 {
	margin-left: 0;
}
#engrid.jgi-template-embedded-forms .en__component--copyblock.payment-information-title > h2::before,
#engrid.jgi-template-embedded-forms .en__component--copyblock.personal-information-title > h2::before { display:none }
.jgi-template-embedded-forms h1 {
    font-weight: 400;
    line-height: 1.2;
}
.jgi-template-embedded-forms p { 
    font-size: 19.5px;
    font-weight: 400;
    line-height: 36px;
}
@media(min-width:601px){
    .jgi-template-embedded-forms h1 {
        font-size: 70px;
    }
} 
.jgi-template-embedded-forms option {
    color: var(--input_color) !important;
} 
.jgi-template-embedded-forms .dtd-streamlined-plugin {
    margin-bottom: 20px;
}
.jgi-template-embedded-forms .dtd-search-box {
    border: 0;
    border-radius: var(--input_border-radius);
    background: none !important;
}
.jgi-template-embedded-forms #dd-container .dtd-search-input, .jgi-template-embedded-forms .dtd-plugin .dtd-search-input, .jgi-template-embedded-forms #dd-company-name-input .dtd-search-input, .jgi-template-embedded-forms .dtd-streamlined-plugin .dtd-search-input { 
    background: none !important;
}
.jgi-template-embedded-forms .en__component--dd360search h4 { 
    color: var(--label_color); 
    font-family: var(--label_font-family);
    font-size: var(--label_font-size);
    font-weight: var(--label_font-weight);
    letter-spacing: var(--label_letter-spacing);
    line-height: var(--label_line-height);
    text-transform: var(--label_text-transform);
    text-align: left !important; 
}
.jgi-template-embedded-forms #dd-company-name-input .dtd-company-selected, .jgi-template-embedded-forms .dtd-streamlined-plugin .dtd-company-selected, .jgi-template-embedded-forms #dd-company-name-input .dtd-company-selected-name, .jgi-template-embedded-forms .dtd-streamlined-plugin .dtd-company-selected-name {
    color: #fff !important;
}
.jgi-template-embedded-forms .en__field--recurrpay {
    background: var(--recurring-payment__button_background-color);
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    border: 3px solid var(--recurring-payment__button_background-color);
    margin: 0 6px 40px;
    margin-bottom: 40px !important;
}
.jgi-template-embedded-forms .en__field--recurrpay .en__field__element--radio {
    background: var(--recurring-payment__button_background-color); 
    border-radius: 30px; 
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-o-border-radius: 30px;
}
.jgi-template-embedded-forms .en__field--recurrpay .en__field__item {
    margin: 0;
    padding: 0 !important; 
}
.jgi-template-embedded-forms .en__field--recurrpay .en__field__item .en__field__label { 
    text-transform: uppercase !important; 
    transition: 0.3s;
    font-weight: 600;
    letter-spacing: 6%;
    font-size: 15px;
}
.radio-to-buttons_recurrpay .jgi-template-embedded-forms .en__field--recurrpay.en__field--radio input[type=radio]+label {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    letter-spacing: 6%;
    transition: 0.3s;
    font-weight: 600;
    letter-spacing: 6%;
    font-size: 15px;
    padding: 18px 15px;
}
.radio-to-buttons_donationAmt .jgi-template-embedded-forms .en__field--donationAmt.en__field--radio input[type=radio]+label { 
    font-weight: 500;
}
.radio-to-buttons_donationAmt .jgi-template-embedded-forms .en__field--donationAmt.en__field--radio>.en__field__element .en__field__item { 
    flex-basis: 50%;
} 
.jgi-template-embedded-forms input, .jgi-template-embedded-forms input.en__field__input {
    background-color: var(--input_background-color);
    border: var(--input_border-width) solid var(--input_border-color); 
    box-sizing: border-box;
    color: var(--input_color);
    display: block;
    font-family: var(--input_font-family);
    font-size: var(--input_font-size);
    font-weight: var(--input_font-weight);
    height: auto;
    line-height: var(--input_line-height);
    margin: 0;
    max-width: 100%;
    min-width: auto;
    padding: var(--input_padding);
    transition: box-shadow .25s,border-color .25s ease-in-out;
    width: 100%;
    background: none;
    border: 1px solid #fff;
    border-radius: 0;
}
.jgi-template-embedded-forms input.en__field__input:focus, .jgi-template-embedded-forms input.en__field__input:hover, .jgi-template-embedded-forms input:focus, .jgi-template-embedded-forms input:hover {
    background-color: var(--input_background-color_hover);
    border-bottom-color: var(--input_border-color_hover);
    border-color: #D9665C;
    color: var(--input_color_hover);
    background: none;
    outline: none;
}
.jgi-template-embedded-forms input, .jgi-template-embedded-forms input.en__field__input { 
    color:#fff !important;
}
.jgi-template-embedded-forms input::placeholder, .jgi-template-embedded-forms input.en__field__input::placeholder {
    color:#fff !important; 
}
.jgi-template-embedded-forms input.en__field__input.en__field__input--other {
	color: var(--input_color) !important;
}
.jgi-template-embedded-forms .en__field--validationFailed:not(.has-value):not(.has-focus) [type], .jgi-template-embedded-forms .en__field--validationFailed:not(.has-value):not(.has-focus) select, .jgi-template-embedded-forms .en__field--validationFailed:not(.has-value):not(.has-focus) textarea {
    background-color: transparent;
    border-color: var(--error__color);
}
.jgi-template-embedded-forms select, .jgi-template-embedded-forms select.en__field__input--select, .jgi-template-embedded-forms select.en__field__input--splitselect, .jgi-template-embedded-forms select.en__field__input--tripleselect {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--select_background-color);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb(255,255,255)'></polygon></svg>");
    background-origin: content-box;
    background-position: calc(100% + 1.2ch + .1875rem);
    background-repeat: no-repeat;
    background-size: .5625rem .375rem;
    border: var(--select_border-width) solid var(--select_border-color);
    border-radius: var(--select_border-radius);
    box-shadow: var(--select_box-shadow);
    box-sizing: border-box;
    color: var(--select_color);
    cursor: pointer;
    display: block;
    font-family: var(--select_font-family);
    font-size: var(--select_font-size);
    font-weight: var(--select_font-weight);
    height: auto;
    line-height: var(--select_line-height);
    margin: 0;
    max-width: 100%;
    min-width: auto;
    padding: var(--select_padding);
    padding-right: 2.4ch;
    transition: box-shadow .25s,border-color .25s ease-in-out;
    width: 100%;
    background-color: transparent;
    color: #fff !important;
    border-radius: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
}
.jgi-template-embedded-forms select.en__field__input--select:focus, .jgi-template-embedded-forms select.en__field__input--select:hover, .jgi-template-embedded-forms select.en__field__input--splitselect:focus, .jgi-template-embedded-forms select.en__field__input--splitselect:hover, .jgi-template-embedded-forms select.en__field__input--tripleselect:focus, .jgi-template-embedded-forms select.en__field__input--tripleselect:hover, .jgi-template-embedded-forms select:focus, .jgi-template-embedded-forms select:hover {
    background-color: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb(0, 0, 0)'></polygon></svg>"); 
    border-color: #D9665C;
    box-shadow: var(--select_box-shadow_hover);
    color: var(--select_color_hover);
}
.jgi-template-embedded-forms .en__field--phoneNumber,
.jgi-template-embedded-forms .en__field--ccnumber,
.jgi-template-embedded-forms .en__field--address1,
.jgi-template-embedded-forms .en__field--address2 {
    padding-top: 20px;
} 
.jgi-template-embedded-forms .en__field--firstName, 
.jgi-template-embedded-forms .en__field--lastName, 
.jgi-template-embedded-forms .en__field--address1, 
.jgi-template-embedded-forms .en__field--address2, 
.jgi-template-embedded-forms .en__field--city, 
.jgi-template-embedded-forms .en__field--region, 
.jgi-template-embedded-forms .en__field--postcode, 
.jgi-template-embedded-forms .en__field--ccnumber 
{
    padding-bottom: 20px;
}
.jgi-template-embedded-forms .en__field--country {
	clear:both;
}
@media(max-width:899px){
	.jgi-template-embedded-forms .en__field--address2 {
		padding-top: 0px;
	} 
	.jgi-template-embedded-forms h1 {
        font-size: 38px;
	}
	.jgi-template-embedded-forms h2 {
		font-size: 34px;
	}


}
@media(min-width:900px){
    [data-engrid-layout=centercenter2col] #engrid.jgi-template-embedded-forms >.en__component--advrow, [data-engrid-layout=centercenter2col] .jgi-template-embedded-forms form>.en__component--advrow {
		grid-template-columns: [pc-start lpc-start] minmax(0, 1fr) [lpc-end cc-start lcc-start] minmax(0, 140px) [lcc-end bc-start lbc-start] minmax(450px, 650px) [lbc-end rbc-start] minmax(450px, 650px) [rbc-end bc-end rcc-start] minmax(0, 140px) [rcc-end cc-end rpc-start] minmax(0, 1fr) [rpc-end pc-end];
	} 
	.jgi-template-embedded-forms .donation-step-left .en__component.en__component--copyblock {
		max-width: 89%;
	}
}
/* embedded template design */
.jgi-template-embedded-forms .body-main {
    background: none;
    border: none;
    box-shadow: none;
    margin: 8em 0;
}
.jgi-template-embedded-forms .body-main:before {
    box-shadow: none !important;
}
/* stepped donate form design */
.hide-until-page-load { 
    visibility: hidden !important; } 
.en__component.donation-step, .donation-step {
    display: none;
}
.en__component.donation-step.active, .donation-step.active {
    display: initial;
}
.en__submit .button, .en__submit button, .pseduo__en__submit_button { 
	margin-top: 1rem; 
}
.next-step-button.active {
    color: #fff;
    cursor: pointer;
    border-radius: 0;
    padding: 15px 0px;
    margin: 0 auto;
    display: flex;
    border-bottom: 1px solid #D9665C;
    text-decoration: none;
    font-weight: 400;
    transition: all .3s;
    width: fit-content;  
    line-height: 1;
} 
.next-step-button.active:hover {
    padding: 15px 20px;
    background: #D9665C;
}
a.change-pay-method-button.donation-step.active {
	display: block;
	text-align: center;
}
#gift-total-wrap { 
	margin: 0;   
    margin-top: 30px; 
	font-family: var(--p_font-family);
    font-size: var(--p_font-size);
    font-weight: var(--p_font-weight);
    line-height: var(--p_line-height);
}
.en__field--paymenttype > .en__field__label {
    display: none !important;
}
.edit-step-1 { font-family: inherit; }
.hide-normal-submit .en__submit {display:none !important }
.hide-stripe-digital-wallets #en__digitalWallet__stripeButtons {display:none !important }


@media(min-width:900px){ 
	.en__field--ccexpire,
	/* .en__field--emailAddress, */
	.en__field--address1,
	.en__field--firstName {
		margin-right: 10px;
	}
	.en__field--city,
	.en__field--region {
		margin-right: 10px;
	} 
	.en__field--region {
		margin-left: 10px;
		margin-right: 10px;
	} 
	.en__field--ccvv,
	/* .en__field--phoneNumber, */
	.en__field--address2,
	.en__field--lastName {
		margin-left: 10px;
	}
	.en__field--postcode {
		margin-left: 10px;
	}
	.en__field--ccvv,
	.en__field--ccexpire,
	/* .en__field--emailAddress, */
	/* .en__field--phoneNumber, */
	.en__field--address1,
	.en__field--address2,
	.en__field--firstName,
	.en__field--lastName {
		float: left;    
		width: 50%;
		width: calc(50% - 10px);
	}
	.en__field--city,
	.en__field--region,
	.en__field--postcode {
		float: left;    
		width: 33%;
		width: calc(33.3334% - 10px);
	}
	.en__field--region { 
		width: calc(33.3334% - 20px);
	}
}
@media(max-width:899px){ 
	.jgi-template-embedded-forms button {  
		display: block;
		position: relative;
		float: right;
		right: auto;
		width: 100%; 
	} 
	.jgi-template-embedded-forms .body-main { 
		margin: 0;
	}


}