/*
.sq-card-wrapper .sq-card-message:not(.sq-visible) {
	height: 1em;
	margin: 0;
}
*/

.err-msg::before {
	visibility: hidden;
	display: inline-block;
	height: 16px;
	width: 16px;
	vertical-align: -3px;
	margin-right: 8px;
	content: " ";
	background-image: url(../images/info-icon.svg);
}

.err-msg {
	display: block;
	width: 100%;
	margin-top: 11px;
	margin-bottom: 11px;
	visibility: hidden;
	font-family: "Square Sans Text VF", "Square Sans Text", Arial, sans-serif;
	font-size: 14px;
	color: red;
}

.err-msg.no-height {
	height: 0;
	overflow: hidden;
	margin: 0;
}

.contains-error .err-msg,
.err-msg.visible {
	margin-top: 6px;
	margin-bottom: 6px;
	height: auto !important;
}

.contains-error .err-msg,
.contains-error .err-msg::before,
.err-msg.visible,
.err-msg.visible::before {
	visibility: visible;
}

fieldset.contains-error,
.contains-error .input-control {
	border-color: rgb(255, 98, 98) !important;
}

#payment-status-container {
	font-size: 15px;
	padding: 0.75em 1em;
	border-radius: 8px;
}

#payment-status-container.is-failure {
	background-color: #ffdae0;
}

#payment-status-container.is-success {
	background-color: #caf2bf;
}

#payment-status-container h4 {
	margin: 0;
}

.nmbrs-modal {
	position: fixed;
	inset: 0 0 0 0;
	background-color: #f7f7f799;
	backdrop-filter: blur(60px);
	display: none;
	align-items: flex-start;
	justify-content: center;
	z-index: 9999999;
	overflow: auto;
}

.nmbrs-modal[aria-hidden="false"] {
	display: flex;
}

.nmbrs-modal-body {
	background-color: #fff;
	margin: 4.5em auto;
	max-width: 560px;
	width: 90%;
	padding: 2em;
	border-radius: 8px;
	position: relative;
	box-shadow: 0 0 16px #0004;
}

.highlight-box .nmbrs-modal-content h2,
.payment-box .nmbrs-modal-content h2,
.nmbrs-modal-content h2 {
	margin-bottom: 1.5em;
}

.nmbrs-close-modal-button {
	position: absolute;
	top: -14px;
	right: -10px;
	display: block;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background-color: #000;
	box-shadow: 0 0 8px #0004;
}

.nmbrs-close-modal-button > i {
	display: block;
	height: 2px;
	width: 20px;
	position: absolute;
	background-color: #fff;
}

.nmbrs-close-modal-button > i:first-child {
	transform: rotate(45deg);
	margin: 50% 0 0 9px;
}

.nmbrs-close-modal-button > i:last-child {
	transform: rotate(-45deg);
	margin: 50% 0 0 9px;
}

.donate-amount input {
	background-color: #fff !important;
}

.small-labels .input-group label {
	font-size: 14px;
	font-weight: 400;
}

hr.separator {
	margin: 1.5em 0;
}

.text-gray {
	color: #888;
}

.order-summary-block {
	display: flex;
	border: 1px solid #d9d9d9;
	padding: 0 1em;
	border-radius: 6px;
}

.order-summary-block > * {
	flex: 1;
}

input[readonly] {
	background-color: #eee !important;
}

input[readonly]::-webkit-outer-spin-button,
input[readonly]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[readonly][type="number"] {
	-moz-appearance: textfield;
}