.btn-set-amount{
	min-width: 165px;
}

.btn-set-amount:hover,
.btn-set-amount:focus{
	background-color: var(--wp--preset--color--bluelight-2) !important;
	color: var(--wp--preset--color--white) !important;
	outline: none;
}

@media (min-width: 576px) {
	.btn-set-amount{
		min-width: 185px;
	}
}

.donation-form label {
	color: #404040;
	display: block;
}

.donation-form .recurring-label {
	font-size: var(--wp--preset--font-size--xl);
	font-weight: bold;
}

.donation-form label.error,
.donation-form #card-errors {
	color: #900;
}

.donation-form label.error {
	display: inline-block;
	padding: 5px 5px 0;
}

.donation-form section {
	padding: 5px;
}

.donation-form .field {
	padding: 4px 0;
}

.donation-form .field .required-star {
	color: #aa0000;
	display: inline-block;
	margin-left: 5px;
}

/*
.donation-form .field .checkboxes {
	max-width: 275px;
	border: 1px solid #A9A9A9;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.donation-form .field .checkbox {
	display: block;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
	line-height: 26px;
	padding: 2px 28px 2px 8px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	color: #404040;
	overflow: hidden;
	text-decoration: none;
}

.donation-form .field .checkbox input {
	opacity: 0.01;
	position: absolute;
	left: -50px;
	z-index: -5;
}

.donation-form .field .checkbox:last-child {
	border-bottom: none;
}

.donation-form .field .checkbox.selected {
	background: rgb(50, 142, 253);
	color: #fff;
}

.donation-form .field .checkbox.selected:before {
	color: #fff;
	line-height: 30px;
	position: absolute;
	right: 10px;
}
*/

.donation-form .field input,
.donation-form .field select,
.donation-form .field textarea,
.donation-form #card-element {
	padding: 26px 15px 21px;
	max-width: 100%;
	width: 100%;
	font-size: var(--wp--preset--font-size--large);
	border: solid 2px #000;
	border-radius: 0;
	text-transform: uppercase;
}

/*
@media (min-width: 768px) {
	.donation-form .field input,
	.donation-form .field textarea,
	.donation-form .field select,
	.donation-form #card-element {
		 max-width: 536px;
	}
}
*/

.donation-form #card-element{
	padding-top: 28px;
	padding-bottom: 29px;
}

.donation-form .field select{
	padding-top: 29px;
	padding-bottom: 24px;
}

.donation-form .field textarea{
	padding-top: 15px;
	padding-bottom: 15px;
}

.donation-form .wp-element-button{
	text-transform: uppercase;
	font-weight: bold;
}

/* If the select does not have a valid value, ie the blank option is selected, we make it italic */
.donation-form .field select:invalid {
    color: #757575;
}

/* Now the child options inherit the italics style, so we reset that*/
.donation-form .field select > option {
    color: var(--dark);
}

/* Apply italics to the invalid options too when shown in the dropdown */
.donation-form .field select option[value=""], .donation-form .field select option:not([value]) {
    color: #757575;
}

.donation-form .field input[type=date] {
	padding-top: 24px;
}

.donation-form .field .StripeElement {
	background-color: white;
	background-color: -moz-field;
	border: 1px solid darkgray;
	display: inline-block;
}

.donation-form .field textarea.international {
	height: 120px;
}

/*
.donation-form .field select {
	 box-sizing: content-box;
}
*/

.custom-control-label{
	padding-left: 40px;
}

.custom-control-label::before, .custom-control-label::after{
	height: 30px;
	width: 30px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.custom-checkbox .custom-control-label::before,
.custom-radio .custom-control-label::before{
	border: solid 2px #000 !important;
	box-shadow: none !important;
	outline: none;
}

.custom-checkbox .custom-control-label::before{
	border-radius: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
	color: #ffffff;
	border-color: var(--wp--preset--color--bluelight-2) !important;
	background-color: var(--wp--preset--color--bluelight-2);
}



/*
.donation-form .section.recurring {
	padding-left: 30px
}
*/

/*
.donation-form .field.radio label,
.donation-form .field.checkbox label {
	display: inline-block;
}

.donation-form .field.radio input,
.donation-form .field.checkbox input {
	width: auto;
	margin-left: 0;
}
*/

.donation-form .section.consent .field.checkbox:not(.consent-all) {
	margin-left: 20px;
}

.donation-form #cardExpirationMonth,
.donation-form #cardExpirationYear {
	width: 85px;
}

.donation-form #security-code {
	width: 55px;
}

.donation-form .field .sidenote {
	color: #999;
	font-size: 10px;
}

.donation-form .field.other-option,
.donation-form .field.other-amount,
.donation-form .field.cardExpirationMonth,
.donation-form .field.cardExpirationYear {
	display: inline-block;
}

.donation-form .field.other-amount {
	padding-left: 6px;
}

.donation-form .field.cardExpirationMonth {
	padding-right: 20px;
}

.donation-form #other-amount {
	width: 65px;
}
/*
.donation-form #frequency {
	 width: 85px;
}

.donation-form #start-date {
	 width: 150px;
}
*/
.donation-form .errors {
	border: 1px solid #900;
	color: #900;
	padding: 10px;
}

.donation-form .radio label.error {
	display: inline-block;
	padding-right: 86%;
	/*float: right;*/
}

.donation-form .hidden {
	display: none;
}
/*
.btn-group .btn-submit-donation {
	 padding: 4px 10px;
}
*/

iframe#spreedly-iframe[style='visibility: hidden;'] {
	display: none;
}

input,
select,
textarea,
button {
	font-family: inherit;
}

#spreedly-modal-overlay[style='visibility:hidden'] {
	display: none;
}

.payment-type img{
	display: block;
	margin: 5rem auto 0;
}

/* Events
*************************************************************/

.tribe-events-event-image img{
	max-width: 100%;
	height: auto;
}