.main-image { display: none; }
.color-green {}
.color-white { color: white; }

#donation-wrapper .elementor-shortcode { text-align: center; }

body.page-template-donations-page-php #main > img { margin-bottom: 25px; max-width: 100%; }
body.page-template-donations-page-php  .logo-images .logo-image:first-child { display: none; }

.donation_monthly .content * { display: inline; }
body.rtl .donation_monthly .content { padding-right: 17px; font-size: 20px; line-height: 25px !important; }
body.rtl .donation_monthly .content p { font-size: 16px; line-height: 0.6cm !important; }
body:not(.rtl) .donation_monthly .content { padding-left: 17px; }
.donation-more-link { max-width: 100%; font-family: alef hebrew, gomme; font-weight: 700; }
.donation-more-link img { max-width: 100%; }
.page.page-template-donations-page-php:not(.v2) #content { max-width: 520px; width: 100%; }

body:not(.v2) .donation-sidebar { max-width: 386px; width: 100%; }
.donation-button-wrapper { margin-bottom: 18px; }

body.v2 .main-content-wrapper { display: flex; justify-content: space-between; }
body.v2 .donation-sidebar { max-width: 380px; width: 100%; }

body.v2 #content { max-width: 440px; width: 100%; }

.alternative-boxes-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; }
.alternative-box { padding: 5px 16px; box-sizing: border-box; background-color: #08416C; display: flex; justify-content: space-between; align-items: center; height: 68px; }
.entry-content .alternative-box h3 { color: #edb3bf; font-weight: bold; padding: 0; margin: 0; font-family: gomme; font-size: 22px; }

.entry-content .alternative-box p { font-size: 11px; line-height: 12px; color: white; width: 45%; font-family: gomme; }
body.rtl .entry-content .alternative-box p { text-align: right; }
body:not(.rtl) .entry-content .alternative-box p { text-align: right; }
.alternative-cheque, .alternative-bank-transfer { width: 48.5%; }

.entry-content .alternative-box.alternative-bank-transfer h3 { width: 30%; }
.entry-content .alternative-box.alternative-cheque h3 { width: 75%; direction: rtl;text-align: center; }
.entry-content .alternative-box.alternative-igul { background-color: transparent; padding: 0; margin-top: 15px; }
.entry-content .alternative-box.alternative-igul .img-wrapper { background-color: #08416C; max-height: 100%; height: 68px; min-width: 128px; }
.entry-content .alternative-box.alternative-igul .img-wrapper img { height: 100%; padding: 5px; }
.entry-content .alternative-box.alternative-igul p { width: 100%; padding: 0 20px 0 10px; box-sizing: border-box; }
.entry-content .alternative-box.alternative-igul p * { line-height: 16px !important; font-size: 15px; }

/* NEW: arrows */
.arrow-left-wrap {
	
}
.arrow-left {
    width: 16px;
    height: 38px;
    background-color: #8de698;

    clip-path: polygon(100% 100%, 100% 0, 0 50%);
}

.triangle {
  position: relative;
  margin: 3em;
  padding: 1em;
  box-sizing: border-box;
  background: #bada55;
  box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.4);
}
.triangle::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -0.5em;
    bottom: -2em;
    left: 50%;
    box-sizing: border-box;
    
    border: 1em solid black;
    border-color: transparent transparent #bada55 #bada55;
    
    transform-origin: 0 0;
    transform: rotate(-45deg);
    
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4);
}
/* END: arrows */
/* START new donation box */
#donation-stage-1 { cursor: pointer; }

.donation-box-v2 { display: inline-block; width: 100%;background-color: rgba(255,255,255,0.5); border: 2px solid #08416C; max-width: 380px; }
.donation-box-v2-inner-wrapper { overflow: hidden; }
.donation-box-v2-inner { width: 5000px; transition: 0.3s all; /*display: flex;*/ position: relative; }
.donation-box-stage { position: relative; z-index: 10; display: inline-block; vertical-align: top; width: 380px; max-width: 100%; transition: 0.2s all; }
.donation-box-stage:not(.selected) { /*width: 0; height: 0;*/ opacity: 0; position: absolute; z-index: 0; }

.donation-box-v2 header { display: flex; }
.donation-box-v2 header label { position: relative; text-align: center; width: 33.33333%; padding: 19px 23px; background-color: white; color: #08416C !important; font-size: 1.3em !important; font-weight: bold; box-sizing: border-box; }
.donation-box-v2 header label:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 0;
	right: 99%;
	height: 100%;
	width: 20px;
	background-repeat: no-repeat;
	background-size: 20px 100%;
	z-index: 20;
}

.donation-box-v2 header label.selected { background-color: #08416C; color: #edb3bf !important; }

.donation-box-v2 .donation-box-body { padding: 26px 40px; position: relative; width: 100%; height: 100%; box-sizing: border-box; }
.donation-box-v2-stage3 .donation-box-body	{ min-height: 715px; display: flex; flex-direction: column; }

.donation-type-section { display: flex; justify-content: space-between; }
.donation-type-btn { position: relative; cursor: pointer; padding: 8px 2px; width: 48.5%; border: none; color: #edb3bf !important; background-color: white; font-size: 1.3em !important; font-weight: bold; height: 65px; line-height: 1.0em; }
.donation-type-btn.selected { background-color: #edb3bf; color: white !important; }
.donation-type-btn input {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.donation-amount-btn .regular-currency { color: #edb3bf /*#edb3bf*/; }
.donation-amount-section { margin-top: 33px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.donation-amount-btn { margin-bottom: 15px; cursor: pointer; padding: 0; width: 48.5%; border: none; color: #edb3bf !important; background-color: white; font-size: 2.5em !important; font-weight: bold; height: 130px; line-height: 60px;  }
.donation-amount-btn.selected, .donation-amount-btn.selected .regular-currency { /*background-color: #edb3bf;*/ color: white !important; }
.donation-amount-btn .currency { position: absolute;bottom: 5px;left: 5px; color: #edb3bf; font-size: 1.3em; font-weight: bold; }

#custom-amount-wrapper, .input-wrapper {
	display: flex;
	
	justify-content: space-between;
	width: 100%;
	position: relative;
	margin-top: 20px;
}
.input-wrapper { flex-direction: column; }
#custom-amount-wrapper label, .input-wrapper label { font-size: 1.3em !important; line-height: 1.3em; background-color: #08416C; color: white !important;  }
#custom-amount-wrapper label { background-color: #0274be; color: #edb3bf !important; padding: 0 10px; }
#custom-amount-wrapper input, .input-wrapper input, .input-wrapper select { font-size: 1.3em; padding: 5px 10px; color: #edb3bf; }
/*.input-wrapper input[type="checkbox"] { height: 20px; }*/

#custom-amount-wrapper .currency { position: absolute;bottom: 5px;left: 5px; color: #edb3bf; font-size: 1.3em; font-weight: bold; }
#custom-price { width: 48.5%; box-sizing: border-box; }
#submit-wrapper, .choices-wrapper { display: block; }
.choices-wrapper { margin-top: 30px; margin-bottom: 7px; }
#donation-submit {
	display: block;
	border: none;
	background-color: #edb3bf;
	width: 100%;
	padding: 20px 10px;
	font-size: 1.3em;
	font-weight: bold;
	color: white;
	cursor: pointer;
}

/* stage 2 */
.entry-content .input-wrapper label { color: #edb3bf; font-size: 1.3em; line-height: 1.3em; }
.entry-content .input-wrapper input { font-size: 1.3em; padding: 5px 10px; color: #edb3bf; flex: 1; max-width: 300px; }
.input-wrapper input, .input-wrapper select { width: 240px; width: 100%; box-sizing: border-box; }
.donation-payment-method-wrapper { /* position: absolute; */ bottom: 20px; }
.donation-payment-method a { display: block; color: white; }

#cc-payment, #pp-payment {
	background-color: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
	width: 265px;
	max-width: 100%;
}
#cc-payment img, #pp-payment img {
	width: 100%;
}	
#cc-payment {}
#pp-payment {}

/* stage 3 */
#cc-iframe {
	height: 100%;
	width: 100%;
	flex: 1;
}
/* transitions */
.donation-box-v2-stage2 input:invalid { color: red; }
/*
.donation-box-v2.stage2 .donation-box-v2-inner { transform: translate3d( 380px, 0, 0); }
.donation-box-v2.stage3 .donation-box-v2-inner { transform: translate3d( 760px, 0, 0); }
*/
/* END new donation box*/

/* chosen fix */

.chosen-container-single .chosen-single {
	background: #fff;
	padding: 5px 10px;
	border-radius: 0;
	height: auto;
}
.chosen-container-single .chosen-single div b {
	background-position: 0 8px;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
	background-position: -18px 8px;
}

/* strip */
.ticker-wrap { direction: rtl; }


@-webkit-keyframes ticker {
  100% {
    -webkit-transform: translate3d(+100%, 0, 0);
    transform: translate3d(+100%, 0, 0);
    visibility: visible;
  }
  0% {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }
}
@keyframes ticker {
  100% {
    -webkit-transform: translate3d(+100%, 0, 0);
    transform: translate3d(+100%, 0, 0);
    visibility: visible;
  }
  0% {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }
}

.donation-ticker-strip {
  display: inline-block;
  height: 4rem;
  line-height: 4rem;
  white-space: nowrap;
  padding-right: 100%;
  box-sizing: content-box;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-duration: 90s;
  animation-duration: 90s;
}
.donation-ticker-strip p {
  display: inline-block;
  font-size: 1.5rem;
  color: #edb3bf;

}

.donation-ticker-strip p::after { content: "*"; margin: 0 5px; vertical-align: middle; }

/* donators wall */
.donators-wall {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
}

.donator-box {
	padding: 10px 20px;
	background-color: rgba(255,255,255,0.85);
	box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.73);
	width: 48%;
	max-width: 400px;
	margin: 8px 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: right;
}
.donator-box .p1 { width: 80%; }
.donator-box .p2 { width: 20%; }
.donator-msg { text-align: right; margin: 0; }
.donator-sum { text-align: right; }
.donator-box h3 { padding-left: 20px; text-align: right; font-weight: bold; }

/* END chosen fix */
@media only screen and (max-width: 989px) {
  body.v2 .main-content-wrapper { flex-direction: column-reverse; align-items: center; }
  #content { margin-top: 20px; }
}
.donation-box-v2 .donation-box-v2-inner { display: block; width: 100%; }
@media only screen and (max-width: 490px) {
	.donation-box-v2 header label { padding: 19px 17px; }
	
	.donation-box-stage { width: 100%; box-sizing: border-box; }
	body.v2 .donation-sidebar { max-width: calc(100vw - 20px); width: 100%; }
	.donation-box-v2 { max-width: 100%; }
	.donation-box-v2 .donation-box-body { padding: 26px 10px; }
	#custom-price { width: 130px; }
	.donation-type-btn { font-size: 1.2em !important; }
	.donation-amount-btn { font-size: 2.4em !important; }
	.input-wrapper input, .input-wrapper select { width: 100%; box-sizing: border-box; }
	#custom-amount-wrapper input, .input-wrapper input, .input-wrapper select { font-size: 1.1em; }
	#custom-amount-wrapper label, .input-wrapper label { font-size: 1.2em !important; line-height: 2.2em; }
	/* transitions */
	
	.donation-box-v2.stage2 .donation-box-v2-inner { /*transform: translate3d( calc(100vw - 20px), 0, 0);*/ }
	.donation-box-v2.stage3 .donation-box-v2-inner { /*transform: translate3d( calc(200vw - 40px), 0, 0);*/ }
}

.spinner-overlay::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	background-image: url('../../../../wp-admin/images/wpspin_light.gif');
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(255,255,255,0.8);
	z-index: 999;
}