/* Prevent the zoom weirness on iphones */
@media only screen and (max-width: 600px) {
	.church-tithe-wp-element * input[type="color"],
	.church-tithe-wp-element * input[type="date"],
	.church-tithe-wp-element * input[type="datetime"],
	.church-tithe-wp-element * input[type="datetime-local"],
	.church-tithe-wp-element * input[type="email"],
	.church-tithe-wp-element * input[type="month"],
	.church-tithe-wp-element * input[type="number"],
	.church-tithe-wp-element * input[type="password"],
	.church-tithe-wp-element * input[type="search"],
	.church-tithe-wp-element * input[type="tel"],
	.church-tithe-wp-element * input[type="text"],
	.church-tithe-wp-element * input[type="time"],
	.church-tithe-wp-element * input[type="url"],
	.church-tithe-wp-element * input[type="week"],
	.church-tithe-wp-element * select:focus,
	.church-tithe-wp-element * textarea,
	.church-tithe-wp-element .ElementsApp, .ElementsApp .InputElement {
		font-size: 19px!important;
	}
}
.church-tithe-wp-element *{
	font-family: sans-serif;
}
.church-tithe-wp-element{
	width:100%;
}
.church-tithe-wp-element, .church-tithe-wp-element * {
	box-sizing:border-box;
	white-space: pre-line;
}
.church-tithe-wp-hidden-view {
	display:none;
	opacity:0;
}
.church-tithe-wp-element-json{
	display:none;
}

@keyframes church-tithe-wp-fade-in-up {
	from {
		transform: translate3d(0,2px,0);
		opacity: 0;
	}

	to {
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

@-webkit-keyframes church-tithe-wp-fade-in-up {
	from {
		transform: translate3d(0,2px,0);
		opacity: 0;
	}

	to {
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

.church-tithe-wp-current-view {
	margin-top:0px!important;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-name: church-tithe-wp-fade-in-up;
	animation-name: church-tithe-wp-fade-in-up;
	overflow:hidden;
}
.church-tithe-wp-fancy-container {
	filter: drop-shadow(0px 2px 2px rgba(34,36,38,.15));
	-webkit-filter: drop-shadow(0px 2px 2px rgba(34,36,38,.15));
	position:relative;
}
.church-tithe-wp-fancy-container.church-tithe-wp-current-view.church-tithe-wp-has-featured-image{
	padding-top: 33px;
}

/* The Payment View */
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-component-box{
	width: 100%;
	box-sizing: border-box;
	color: #333;
	background-color: #f5f5f7;
	border-radius: 6px;
	text-align:left;
	border: 1px solid rgba(0,0,0,.1);

	z-index: 2147481000;

	transition-delay: .001s;
	transition: all 300ms ease-in-out,-webkit-transform 300ms ease-in-out;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-box-view {
	padding:36px;
}
@media only screen and (max-width: 600px) {
	.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-box-view {
		padding:15px;
	}
}
.church-tithe-wp-header-logo{
	position: absolute;
	width: 100%;
	height: 70px;
	z-index: 999999;
	top: 0px;
}
.church-tithe-wp-header-logo-container{
	position: absolute;
	top: 0px;
	right: 0;
	left: 0;
	width: 70px;
	height: 70px;
	margin: 2px auto;
}
.church-tithe-wp-header-logo-inner-bevel{
	border: 1px solid rgba(0,0,0,.2);
	width: 64px;
	height: 64px;
	border-radius: 100%;
	box-shadow: inset 0 1px 0 0 hsla(0,0%,100%,.1);
	position: absolute;
	top: 3px;
	left: 3px;
	z-index:2;
}
.church-tithe-wp-header-logo-img{
	border: 3px solid #fff;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	box-shadow: 0 0 0 1px rgba(0,0,0,.18), 0 2px 2px 0 rgba(0,0,0,.08);
	position: absolute;
	top: 0;
	left: 0;
	z-index:1;
	background-size: cover;
	background-position: center;
	clip-path: circle(100%);
	background-color: #ffffff;
}
.Header-logoWrap{
	position: absolute;
	top: 0px;
	right: 0;
	left: 0;
	width: 70px;
	height: 70px;
	margin: 2px auto;
}
.Header-logoBevel {
	border: 1px solid rgba(0,0,0,.2);
	width: 64px;
	height: 64px;
	border-radius: 100%;
	box-shadow: inset 0 1px 0 0 hsla(0,0%,100%,.1);
	position: absolute;
	top: 3px;
	left: 3px;
}
.Header-logoBorder {
	border: 3px solid #fff;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	box-shadow: 0 0 0 1px rgba(0,0,0,.18), 0 2px 2px 0 rgba(0,0,0,.08);
	position: absolute;
	top: 0;
	left: 0;
}
.Header-logoImage{
	background: #fff;
	width: 64px;
	height: 64px;
	margin: 3px;
	border-radius: 100%;
	background-position: 50% 50%;
	background-size: cover;
	display: inline-block;
}
.Header-logoImageCatchError{
	display:none;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-header{
	position:relative;
	background-color: #e8e9eb;
	border-bottom: 1px solid #d9d9d9;
	padding:25px;
	border-radius: 6px 6px 0px 0px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container.church-tithe-wp-has-featured-image .church-tithe-wp-header{
	padding: 50px 10px 25px 10px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-header h1 {
	margin: 0;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
	color: #000;
	text-shadow: 0 1px 0 #fff;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-header h1:before{
	all: unset;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-header h2 {
	margin: 0 auto;
	line-height:1.5;
	font-size: 15px;
	font-weight: 500;
	color: #5b5b65;
	text-shadow: 0 1px 0 #fff;
	padding: 10px 0px 6px 0px;
	max-width:80%;
	text-align:center;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-header h2:before{
	all: unset;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-close-btn{
	cursor: pointer;
	position:absolute;
	top:5px;
	right:5px;
	width: 19px;
	height:19px;
	line-height:0px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-close-btn img{
	width: 18px;
	height: 19px;
	opacity:1;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-input-instruction {
	width: 100%;
	color: #6f6f76;
	text-shadow: 0 1px 0 hsla(0,0%,100%,.4);
	vertical-align: top;
	font-size:15px;
	text-transform: unset;
}
.church-tithe-wp-cc-form.church-tithe-wp-mobile .church-tithe-wp-input-instruction{
	overflow: hidden;
	white-space: nowrap;
}
.church-tithe-wp-payment-form-container {
	text-align:left;
	border-top: 1px solid #ffffff;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field-container:first-child .church-tithe-wp-payment-field{
	padding-top:0px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field-container .church-tithe-wp-payment-field{
	padding-top:20px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-instruction-error{
	color: #fa755a;
}

.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field .church-tithe-wp-amount-container{
		display:grid;
		grid-auto-columns: min-content min-content auto;
		column-gap: 0px;
		row-gap: 0px;
		justify-items: stretch;

		margin-top:5px;
		padding:0px;
		background-color: #ffffff;
		border-radius: 4px;
		border: 1px solid #d4d4d4;
		width: min-content;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field .church-tithe-wp-amount-container.currency-search-visible {
	width:100%;
}

.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field .church-tithe-wp-amount-container > div:nth-child(1){
	grid-column: 1;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field .church-tithe-wp-amount-container > div:nth-child(2){
	grid-column: 2;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field .church-tithe-wp-amount-container > div:nth-child(3){
	grid-column: 3;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field input.church-tithe-wp-tithe-amount-input {
	width:80px;
	border:none;
	background:none;
	padding: 0px 10px 0px 10px;
}
@media only screen and (max-width: 600px) {
	.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field input.church-tithe-wp-tithe-amount-input {
		width:65px;
	}
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field input.church-tithe-wp-tithe-amount-input:focus {
	outline: none;
	box-shadow: none!important;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field .church-tithe-wp-tithe-currency-symbol{
	font-size:15px;
	padding: 10px;
	background-color: #f5f5f7;
	border-right: 1px solid #d4d4d4;
	border-radius: 4px 0px 0px 4px;
	place-self: stretch;
	display: flex;
	align-items: center;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field .church-tithe-wp-tithe-amount-input-container {
	place-self: stretch;
	display: flex;
	align-items: center;
	box-shadow: inset 1px 1px 2px #0000000d;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field .church-tithe-wp-currency-switcher{
	display:grid;
	justify-items: stretch;
	font-size:15px;
	white-space: nowrap;
	line-height:1;
	color: #6f6f76;
	background-color: #f5f5f7;
	border-left: 1px solid #d4d4d4;
	border-radius: 0px 4px 4px 0px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field .church-tithe-wp-currency-switcher .church-tithe-wp-tithe-currency-code-toggle-btn {
	font-size:15px;
	white-space: nowrap;
	line-height:1;
	color: #6f6f76;
	padding: 0px;
	background-color: #f5f5f7;
	border: none;
	border-radius: 0px 4px 4px 0px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field .church-tithe-wp-currency-switcher .church-tithe-wp-tithe-currency-code {
	display:grid;
	justify-items: stretch;
	grid-template-columns: min-content auto;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field .church-tithe-wp-tithe-currency-flag-container{
	padding:10px;
	grid-column: 1;
	place-self: center;
	width: 52px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field .church-tithe-wp-tithe-currency-text-container{
	grid-column: 2;
	align-self: center;
	padding:10px 10px 10px 0px;
	text-align:left;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field .church-tithe-wp-tithe-currency-flag{
	width:32px;
	height:32px;
	background-size: 512px;
	margin:0!important;
	opacity:1;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-radio-buttons-container .church-tithe-wp-radio-button-container{
	box-shadow: none;
	font-size: 15px;
	line-height: 18px;
	text-shadow: 0 1px 0 #fff;
	color: #000!important;
	text-decoration: none!important;
	box-shadow: inset 0 0px 1px 0 #ffffff, 0 1px 0 0 #ffffff;
	border-radius: 4px;
	border: 1px solid #d4d4d4;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-radio-button-container.church-tithe-wp-radio-current{
	box-shadow: none;
	font-size: 15px;
	line-height: 18px;
	text-shadow: 0 1px 0 #fff;
	color: #000!important;
	text-decoration: none!important;
	cursor: pointer;
	box-shadow: inset 0 0px 1px 0 hsla(240,1%,49%,.3), 0 1px 0 0 hsla(0,0%,100%,.7)!important;
	background-color: #f0f0f3;
	border-radius: 4px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-radio-button-outer{
	display:block;
	width:100%;
	text-align:center;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-radio-button-inner{
	display:inline-block
}
.church-tithe-wp-element label {
	width:100%!important;
	display:block!important;
	margin:0px;
	font-weight:normal;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-radio-button-container label{
	padding: 10px;
	display: flex;
	cursor: pointer;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-radio-button-container label [type=radio]{
	vertical-align:baseline;
}
@media only screen and (max-width: 600px) {
	.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-radio-button-container label [type=radio]{
		vertical-align:middle;
	}
}

.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-radio-buttons-container{
	display:grid;
	column-gap: 15px;
	row-gap: 15px;
	padding:5px 0px 0px 0px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-radio-buttons-container .church-tithe-wp-radio-button-container:nth-child(2){
	grid-column: 2;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-radio-buttons-container .church-tithe-wp-radio-button-container:nth-child(3){
	grid-column: 1;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-radio-buttons-container .church-tithe-wp-radio-button-container:nth-child(4){
	grid-column: 2;
}

.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-radio-button-after{
	display: inline-block;
	margin-left: 5px;
	font-size:15px;
	line-height:1;
	vertical-align:middle;
	word-break: break-word;
}

.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .StripeElement:not( .PaymentRequestButton ),
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container input:not([type=checkbox]):not([type=radio]):not( .church-tithe-wp-tithe-amount-input ),
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container textarea {
	box-shadow: inset 0 1px 1px 0 hsla(240,1%,49%,.3), 0 1px 0 0 hsla(0,0%,100%,.7);
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .StripeElement:not( .PaymentRequestButton ),
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container input:not([type=radio]):not([type=checkbox]):not( .church-tithe-wp-tithe-amount-input ),
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container textarea {
	-webkit-transition: box-shadow 150ms ease;
	transition: box-shadow 150ms ease;
	padding: 9px !important;
	background-color: #ffffff;
	border-radius: 4px;
	border: 1px solid #d4d4d4;
	width:100%;
	margin:0px;
}
/* Stripe CC Form with multithele fields for mobile */
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container  .church-tithe-wp-mobile .church-tithe-wp-cc-multi-field .church-tithe-wp-cc-multi-field-input-area  {
	position:relative;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container  .church-tithe-wp-mobile .church-tithe-wp-cc-multi-field .StripeElement:not( .PaymentRequestButton ),
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container  .church-tithe-wp-mobile .church-tithe-wp-cc-multi-field input{
	border-radius: 0px;
	border-top: 0px;
	padding-left: 45px !important;
	font-size:19px!important;
	line-height:1!important;
	text-indent: 0!important;
	box-shadow:none!important;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-mobile .church-tithe-wp-cc-multi-field .church-tithe-wp-cc-multi-field-input-area:first-child .StripeElement:not( .PaymentRequestButton ){
	border-top: 1px solid #d4d4d4;
	border-radius: 4px 4px 0px 0px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-mobile .church-tithe-wp-cc-multi-field .church-tithe-wp-cc-multi-field-input-area:last-child input{
	border-radius: 0px 0px 4px 4px;
}
.church-tithe-wp-mobile{
	position:relative;
}
.church-tithe-wp-cc-multi-field .church-tithe-wp-cc-form-icon{
	position: absolute;
	width: 48px;
	z-index:1;
}
.church-tithe-wp-cc-multi-field .church-tithe-wp-cc-form-icon.church-tithe-wp-credit-card-icon{
	top: -4px;
	left:-1px;
}
.church-tithe-wp-cc-multi-field .church-tithe-wp-cc-form-icon.church-tithe-wp-calendar-icon{
	top: -4px;
	left:0px;
}
.church-tithe-wp-cc-multi-field .church-tithe-wp-cc-form-icon.church-tithe-wp-lock-icon{
	top: -4px;
	left:0px;
}
.church-tithe-wp-cc-multi-field .church-tithe-wp-cc-form-icon.church-tithe-wp-zipcode-icon{
	top: -4px;
	left:0px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-mobile .church-tithe-wp-cc-multi-field .church-tithe-wp-cc-multi-field-input-area .church-tithe-wp-cc-multi-field-input-zip-code{
	padding-left:45px!important;
	border-top:0px!important;
}
/* End of Stripe CC form multithele fields for mobile */

.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field input[type="checkbox"] {
	width:initial;
	margin-right: 9px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .StripeElement--focus,
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-field input:focus {
	box-shadow: 0 1px 3px 0 #bebebe!important;
}

.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .StripeElement--invalid,
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-input-error {
	border-color: #fa755a!important;
}

.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .StripeElement--complete,
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-input-success {
	border-color: #21da38!important;
}

.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .StripeElement--webkit-autofill{
	background-color: #fefde5 !important;
}


.church-tithe-wp-element input{
	border-radius:4px;
	padding: 9px;
	font-size: 15px;
	color: #000;
	margin: 0px;
}
.church-tithe-wp-text-button,
.church-tithe-wp-text-button:hover,
.church-tithe-wp-text-button:focus{
	background:none;
	background-color:transparent!important;
	text-decoration:underline;
	display: inline-block;
	padding: 0px;
	border: 0;
	width:auto!important;
}
.church-tithe-wp-pay-button,
.church-tithe-wp-receipt-line-item-action{
	position: relative;
	padding:0;
	border-radius: 4px;
	background-color: #3ea8e5;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#44b1e8),to(#3098de));
	background-image: -webkit-linear-gradient(top,#44b1e8,#3098de);
	background-image: linear-gradient(-180deg,#44b1e8,#3098de);
	box-shadow: 0 1px 0 0 rgba(46,86,153,.15), inset 0 1px 0 0 rgba(46,86,153,.1), inset 0 -1px 0 0 rgba(46,86,153,.4);
	font-size: 17px;
	line-height: 21px;
	height: 37px;
	font-weight: 700;
	text-shadow: 0 -1px 0 rgba(0,0,0,.12);
	color: #fff;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	width:100%;
	border:0;
}

.church-tithe-wp-expandable-terms{
	margin-bottom:10px;
}
.church-tithe-wp-terms-body{
	box-shadow: 0 1px 3px 0 #e6ebf1;
	-webkit-transition: box-shadow 150ms ease;
	transition: box-shadow 150ms ease;
	padding: 13px;
	background-color: #ffffff;
	border-radius: 4px;
	border: 1px solid #d4d4d4;
	width: 100%;
}

.church-tithe-wp-payment-error-message{
	box-shadow: 0 1px 3px 0 #e6ebf1;
	-webkit-transition: box-shadow 150ms ease;
	transition: box-shadow 150ms ease;
	padding: 13px;
	background-color: #ffffff;
	border-radius: 4px;
	width: 100%;
	border: #fa755a solid 1px;
	color: #fa755a;
	font-size:15px;
}
.top-jar-wp-alternate-actions{
	padding-top:20px;
}
.top-jar-wp-alternate-actions-separator{
	padding:0px 5px;
	line-height: 1;
	color: #6f6f76;
	vertical-align:top;
}

/* Payment Confirmation Area */
.church-tithe-wp-confirmation-note{
	margin-top:20px;
}
.church-tithe-wp-note-with-tithe{
	width:85%;
}

/* Receipt */
.church-tithe-wp-receipt {
	margin: 30px 0px 0px 0px;
}
.church-tithe-wp-receipt-title {
	font-size: 17px;
	line-height: 18px;
	font-weight: 700;
	color: #000;
	text-shadow: 0 1px 0 #fff;
}
.church-tithe-wp-receipt-field-space-below{
	margin-bottom:15px;
}
.church-tithe-wp-receipt-line-item-title {
	margin: 0;
	line-height: 18px;
	font-weight: 700;
	color: #000;
	text-shadow: 0 1px 0 #fff;
}
.church-tithe-wp-receipt-line-item-value{
	display:inline-block;
}
.church-tithe-wp-arrangement-id {
	margin-top:15px;
}
.church-tithe-wp-arrangement-actions{
	margin-top:15px;
}
.church-tithe-wp-inline-card{
	display:grid;
	border-radius: 4px;
	border: 1px solid #d4d4d4;
	padding:0px;
	column-gap:5px;
	box-shadow: inset 0 0px 1px 0 hsla(240,1%,49%,.3), 0 1px 0 0 hsla(0,0%,100%,.7) !important;
	background-color: #f0f0f3;
	align-items:center;
}
.church-tithe-wp-card-icon{
	grid-column:1;
	width:20px;
	height:20px;
	vertical-align: sub;
	box-shadow: inset 0 0px 1px 0 hsla(240,1%,49%,.3), 0 1px 0 0 hsla(0,0%,100%,.7) !important;
	background-color: #f0f0f3;
	margin-left:5px;
}
.church-tithe-wp-inline-card-number{
	grid-column:2;
	margin-right:5px;
}
.church-tithe-wp-inline-update-button{
	grid-column:3;
}
.church-tithe-wp-inline-update-button > button,
.church-tithe-wp-inline-update-button > button:hover,
.church-tithe-wp-inline-update-button > button:focus{
	box-shadow: none;
	background-color: #f5f5f7;
	padding: 5px;
	border-radius: 0px 4px 4px 0px;
	box-shadow: none;
	font-size: 13px;
	line-height: 18px;
	font-weight: 700;
	text-shadow: 0 1px 0 #fff;
	color: #000!important;
	text-decoration:none;
	border-left: 1px solid #d4d4d4;
}
.church-tithe-wp-element .church-tithe-wp-email-receipt,
.church-tithe-wp-element .church-tithe-wp-receipt-action-button {
	margin: 20px 0px 0px 0px;
}
.church-tithe-wp-element .church-tithe-wp-print-receipt{
	margin: 10px 0px 10px 0px;
}
.church-tithe-wp-back-button-container{
	margin-bottom:20px;
}

/* Remove shadows when printing because of a chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=174583 */
@media print {
	.church-tithe-wp-element * {
		text-shadow: none!important;
		transition: none!important;
		box-shadow: none!important;
		filter: none !important;
		-webkit-filter: none !important;
	}
	.church-tithe-wp-element .church-tithe-wp-email-receipt,
	.church-tithe-wp-element .church-tithe-wp-print-receipt,
	.church-tithe-wp-element .church-tithe-wp-confirmation-note,
	.church-tithe-wp-element .church-tithe-wp-manage-payments-button {
		display:none;
	}
}
.church-tithe-wp-print-page .church-tithe-wp-element .church-tithe-wp-print-receipt,
.church-tithe-wp-print-page .church-tithe-wp-element .church-tithe-wp-confirmation-note {
	display:none;
}

/* CSS Spinner from http://tobiasahlin.com/spinkit/ */
.church-tithe-wp-spinner-container{
	width:100%;
	height:100%;
	text-align:center;
}
.church-tithe-wp-pay-button .church-tithe-wp-spinner-container{
	display:inline;
}
.church-tithe-wp-spinner {
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.church-tithe-wp-double-bounce1, .church-tithe-wp-double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #FFFFFF;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: church-tithe-wp-sk-bounce 2.0s infinite ease-in-out;
	animation: church-tithe-wp-sk-bounce 2.0s infinite ease-in-out;
}

.church-tithe-wp-double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes church-tithe-wp-sk-bounce {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes church-tithe-wp-sk-bounce {
	0%, 100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 50% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

.church-tithe-wp-spinner-dark .church-tithe-wp-double-bounce1,
.church-tithe-wp-spinner-dark .church-tithe-wp-double-bounce2 {
	background-color: #aaaaaa;
}
/* END of CSS Spinner */

/* CSS Checkmark from https://codepen.io/deepsurface/pen/XzWayo */
@keyframes church-tithe-wp-checkmark-scale {
	0% {
		transform: scale3d(0.5, 0.5, 1);
		opacity: 0;
	}
	70% {
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		transform: scale3d(1, 1, 1);
		opactiy: 100;
	}
}
.church-tithe-wp-checkmark-svg {
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	transform: scale3d(0.5, 0.5, .5);
	animation: opacity 0.1s, church-tithe-wp-checkmark-scale .1s ease-in-out 0s forwards;
}
@keyframes church-tithe-wp-checkmark-stroke {
	100% {
		stroke-dashoffset: 0;
	}
}
.church-tithe-wp-checkmark--check {
	stroke: #FFF;
	stroke-width: 25;
	stroke-dasharray: 200;
	stroke-dashoffset: 200;
	animation: church-tithe-wp-checkmark-stroke .2s cubic-bezier(0.650, 0.000, 0.450, 1.000) .2s forwards;
}
/* END of CSS Checkmark */

/* Customer's List View Styles */
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-payment-box-view,
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-manage-payments-view{
	width: 100%;
	color: #6f6f76;
	text-shadow: 0 1px 0 hsla(0,0%,100%,.4);
	vertical-align: top;
	font-size: 15px;
	overflow-x: hidden;
}
.church-tithe-wp-login-code-fields {
	display:grid;
	column-gap: 10px;
}
.church-tithe-wp-login-code-fields > * {
	text-align:center;
	place-self: center;
	align-items: center;
}
.church-tithe-wp-login-code-fields > input:nth-child(1) {
	grid-column:1;
}
.church-tithe-wp-login-code-fields > input:nth-child(2) {
	grid-column:2;
}
.church-tithe-wp-login-code-fields > input:nth-child(3) {
	grid-column:3;
}
.church-tithe-wp-login-code-fields > div:nth-child(4) {
	grid-column:4;
}
.church-tithe-wp-login-code-fields > input:nth-child(5) {
	grid-column:5;
}
.church-tithe-wp-login-code-fields > input:nth-child(6) {
	grid-column:6;
}
.church-tithe-wp-login-code-fields > input:nth-child(7) {
	grid-column:7;
}
.church-tithe-wp-login-success{
	text-align:center;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-manage-payments-view .church-tithe-wp-manage-payments-nav{
	text-align:center;
	display:grid;
	grid-auto-columns: min-content;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-manage-payments-view .church-tithe-wp-manage-payments-nav-container-full{
	width:100%;
	text-align:center;
	padding-bottom: 20px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-manage-payments-view .church-tithe-wp-manage-payments-nav-container-center{
	display:inline-block;
	-webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #d4d4d4;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-manage-payments-view .church-tithe-wp-manage-nav-current-btn{
	box-shadow: inset 0 0px 1px 0 hsla(240,1%,49%,.3), 0 1px 0 0 hsla(0,0%,100%,.7)!important;
	background-color:#f0f0f3;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-manage-payments-view .church-tithe-wp-manage-payments-nav > *:first-child button{
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-manage-payments-view .church-tithe-wp-manage-payments-nav > *:last-child button{
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-manage-payments-view .church-tithe-wp-manage-payments-nav > * {
	grid-row: 1;
	white-space: nowrap;
	box-shadow: none;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-manage-payments-view .church-tithe-wp-manage-payments-nav > * button{
	white-space: nowrap;
	padding: 14px;
	box-shadow: none;

	font-size: 13px;
	line-height: 18px;
	font-weight: 700;
	text-shadow: 0 1px 0 #fff;
	color: #000!important;
	text-decoration: none!important;
	cursor: pointer;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-pagination{
	max-width: 160px;
	display: inline-block;
	float: right;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-pagination span:first-child{
	margin-right:5px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-pagination span:nth-child(3){
	margin-left:5px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-items-per-page{
	width: 50%;
	display: inline-block;
	float: left;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-items-per-page span{
	padding-right:5px;
	display:inline-block;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-pagination-controls .church-tithe-wp-list-view-pagination input{
	width:50px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-pagination-controls .church-tithe-wp-list-view-items-per-page input{
	width:40%;
}

.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-table{
	display:table;
	table-layout: fixed;
	width:100%;
	border: 1px solid #d4d4d4;
	border-radius: 4px;
	-webkit-transition: box-shadow 150ms ease;
	transition: box-shadow 150ms ease;
	box-shadow: inset 0 1px 1px 0 hsla(240,1%,49%,.3), 0 1px 0 0 hsla(0,0%,100%,.7);
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-table-header{
	display:table-header-group;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-header-row{
	display:table-row;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-body{
	display:table-row-group;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-column{
	display: table-cell;
	padding:5px;
	text-align:center;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-cell{
	display: table-cell;
	padding:5px;
	text-align:center;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-cell button{
	color: #4a4a4e;
	vertical-align: middle;
	font-weight: normal;
	font-size: 13px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-row:last-child .church-tithe-wp-list-view-cell:first-child{
		border-bottom-left-radius: 4px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-row:last-child .church-tithe-wp-list-view-cell:last-child{
		border-bottom-right-radius: 4px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-row{
	display:table-row;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-row:nth-child(even){
	background-color:#ffffff;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-row:nth-child(odd){
	background-color:#ffffff8c;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-before-controls{
	margin-bottom:20px;
}
.church-tithe-wp-element .church-tithe-wp-container .church-tithe-wp-fancy-container .church-tithe-wp-list-view-after-controls{
	margin-top:20px;
}
/* End Customer's List View Styles */

/* Modal Styles */
.church-tithe-wp-modal{
	position: absolute;
	top: 0px;
	left: 0px;
	opacity:0;
	z-index: 0;
}
.church-tithe-wp-modal.church-tithe-wp-modal-closed{
	display:none;
}
.church-tithe-wp-modal.church-tithe-wp-modal-open{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity:1;
	z-index: 99999;

	overflow:scroll;
	-webkit-overflow-scrolling: touch;

}
.church-tithe-wp-modal-outside-click-to-close {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}
.church-tithe-wp-modal-background{
	background-color: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
}
.church-tithe-wp-modal-relative{
	position: absolute;
	height: 100%;
	top: 0px;
	left: 0px;
	width: 100%;
}
.church-tithe-wp-modal-absolute{
	position: absolute;
	top: 0px;
	left: 0;
	text-align: center;
	width: 100%;
}
.church-tithe-wp-modal-inner{
	display: inline-block;
	text-align:center;
	width: 95%;
	max-width: 600px;
	padding: 20px;
	margin:50px 10px;

	border-radius:4px;
	filter: drop-shadow(0px 0px 20px rgba(34,36,38));
	-webkit-filter: drop-shadow(0px 0px 20px rgba(34,36,38));
}
/* End of Modal Styles */