/* impact-call-out / font import */
@import url("https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap");

h1 { padding-bottom: 1.0em; font-weight: 700; }

.button-default { background-color: #aaa; padding: 18px 10px 16px; text-transform: uppercase; font-size: 20px; margin: 0 5px; }
.button-dynamic-width { width: auto; margin: 0 5px; }


#serial-ask { display: none; }

#serial-ask .title h3, 
#serial-ask .amount-section > .row:not(.row-option-other),
#serial-ask .recurring-section,
#serial-ask .payment-section,
#serial-ask .contact-section,
#serial-ask .radio-section { display: none; }

.container-donation .payment-section {
    background-color: #f4f4f4;
    padding: 1em;
    box-sizing: border-box;
    position: relative;
    border: 2px solid #77b6c9;
    border-radius: 3px;
}
.container-donation .payment-section:before {
    content: '';
    background: url('data:image/png;base64,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') 50% 50% no-repeat;
    filter: invert(42%) sepia(100%) saturate(1352%) hue-rotate(21deg) brightness(118%) contrast(120%);
    height: 40px;
    width: 38px;
    position: absolute;
    top: 10px;
    right: 12px;
    background-size: 100%;
}

.container-donation section.payment-section h3{
    padding-right: 40px;
}


.container-donation .copy-under-button {
    font-size: 18px; margin-top: 20px;
}


/**
 * Tabbed Donation Styles
 */
.tabs { 
    margin-top: 28px; 
}
.tabs ul { 
    list-style: none; 
    padding: 0; 
    width: 100%; 
    display: block; 
    margin-bottom: 0;
}
.tabs ul li { 
    display: table-cell; 
    width: 1%;
    padding: 0;
    position: relative;
}
.tabs ul li.active { border-bottom: 0; }
.tabs ul li a { 
    border: 1px solid #ddd;
    font-size: 18px;
    box-shadow: inset 0px -10px 10px -10px #CCC;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 0px; 
    display: block;
    text-align: center;
    padding: 14px 8px;
    color: #ccc;
    text-decoration: none;
}
.tabs ul li a:hover {
    color: #77b6c9;
}
.tabs ul li.active a {
    color: #77b6c9; 
    font-weight: bold; 
    box-shadow: none; 
    border-bottom: 1px solid transparent;
    text-decoration: none;
}
.tabs ul li.active a:hover { text-decoration: none; cursor: default; }

.tabs li span { position: absolute; top: -110px; border: 2px solid #77b6c9; border-radius: 5px; padding: 5px 10px; background-color: #77b6c9; color: #fff; margin-left: -90px;}
.tabs li span:after {
    content: '\25BC';
    color: #77b6c9;
    width: 15px;
    position: absolute;
    bottom: -18px;
    left: 100px;
    right: 0;
    margin: auto;
    height: 20px;
}

@media(max-width: 768px) {
    .tabs ul { margin-top: 120px; }
    .tabs li span { top: -100px; }
}
@media(max-width: 480px) {
    .tabs ul { margin-top: 195px; }
    .tabs li span { top: -195px; }
}

.tabs + .container-donation {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 30px 30px 0 !important;
}

.tabs + .container-donation .gift-frequency { display: none; }
.tabs + .container-donation .row-frequency { display: none; }
.tabs + .container-donation .row-frequency-recurring { display: block; }
.tabs + .container-donation .gift-frequency .row-frequency span { width: 100%; }
.tabs + .container-donation .row-frequency input { display: none; }
  

/* impact-call-out push */
.container-form {
  margin: 0;
}

.tabs ul {
  margin-top: 0 !important;
}

.callout-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  width: 60%;
  margin-inline: auto;
  gap: 0.5rem;
  text-align: center;
  color: #e47e3d;
  font-family: "Indie Flower", cursive;
  font-size: 18px;
  font-weight: bold;
  transform: translate(0, 15px);
}

.callout-wrapper p {
  margin: 0;
  line-height: 1.3;
}

.callout-wrapper svg {
  transform: rotate(270deg) rotateX(180deg);
  color: #e47e3d;
  fill: #e47e3d;
  width: 125px;
  height: 25px;
}

@media (max-width: 500px) {
  .callout-wrapper {
    width: 80%;
    transform: translate(35px, 15px);
  }

  .container-form h3 {
    font-size: 1em;
  }
}

/**
 * Monthly Gift Tab - Floating Heart
 */
@keyframes heart-float {
	0% {
		transform: translate(0,0) rotate(0) scale(1);
		opacity: 1;
	}
	5% {
		transform: translate(0,0) rotate(0) scale(1.1);
	}
  20% {
    transform: translate(2px,-15px) rotate(-4deg) scale(1.3);
  }
  40% {
    transform: translate(-2px,-34px) rotate(4deg) scale(1.5);
  }
	60% {
		transform: translate(5px,-52px) rotate(-6deg) scale(1.7);
    opacity: 1;
	}
	80% {
		transform: translate(-7px,-69px) rotate(6deg) scale(1.9);
	}
	100% {
		transform: translate(5px,-84px) rotate(-8deg) scale(2.1);
		opacity: 0;
	}
}

.heart-wrapper {
  display: inline-block;
	position: relative;
	margin-right: 4px;
  vertical-align: middle;
}

.donate-heart {
	position: relative;
	z-index: 1;
}

.donate-heart-float {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
  opacity: 0;
  transform-origin: 0% 50%;
  animation: 3s forwards linear;
	animation-delay: 50ms;
  will-change: transform, opacity;
  pointer-events: none;
}

.donate-heart-float.play {
  animation-name: heart-float;
  animation-iteration-count: 2;
}

.active .donate-heart-float {
  animation-name: heart-float;
  animation-iteration-count: 1;
}