/* latin-ext */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* !* latin-ext *! */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* !* latin *! */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




/* latin-ext */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




html, body {
	margin: 8px 0;
	padding: 0;

	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;

	overflow-x: clip;
	scrollbar-gutter: stable;
	background-color: #faf9f9;


}





#spinner {
	left: 0;
	display: flex;
	position: absolute;
	justify-content: center;
	justify-items: center;
	align-items: center;
	min-height: 100vh;
	width: 100%;
	z-index: 1000;
	margin-top: -20%;

}


#booking-content {
	display: flex;
	opacity: 0.1;
}


input.form-control {
	border: 1px solid #ced4da;
	border-radius: 6px;
	background-color: white;

}

input.form-check-input {
	border: 1px solid #ced4da;
	border-radius: 4px;
	background-color: white;
}

.form-floating label {
	color: #1a1a1a;
}




#header {

	text-align: center;
	width: 100%;
	font-size: 1.2rem;
	color: black;

	#contact-div {
		font-size: 0.9rem;
	}

	#contact-div a {
		color: #4d6365;
		text-decoration: none;
	}
}


.hr-separator {
	border-top: 1px solid #b8bec5;
	margin-top: 10px;
	margin-bottom: 10px;
}


#acquisition-source-select {
	background-color: white;
	border: 1px solid #ced4da;
	border-radius: 4px;
}

#insurance-row {

	.insurance-desc {
		font-size: 0.9rem;
	}

	#insurance-select {
		background-color: white;
		border: 1px solid #ced4da;
		border-radius: 4px;
	}

	#insurance-total-weekly {
		display: inline-block;
	}


}

#item-container {
	background-color: white;
	border: 1px solid #ced4da;
	border-radius: 6px;

	.item-type-header {
		font-size: 16px;
		text-transform: uppercase;
/* 		font-size: 1rem;
		font-weight: 600;

		!* color: #4d6365; *! */
	}


	.item-name {
		font-size: 1.1rem;
		font-weight: 600;
		color: black;
	}

	.item-type {
		font-size: 1rem;
		font-weight: 500;

	}

	#item-image-col {
		text-align: center;
	}
	#mailbox-image {
		max-height: 90px;

	}

	.item-detail {
		font-size: 0.8rem;
		color: #1a1a1a;
	}
	.discount-div-container {
		display: inline-block;
		align-items: center;
		justify-items: center;
	}

	.discount-div {
		display: inline-block;
		align-items: center;
		--animate-duration: 1s;
		color: #fff3f3;
		/* margin-top: -58px; */
		background: linear-gradient(45deg, #219324, #90d14b);
		border-radius: 10px;
		padding: 4px 18px;

		text-transform: uppercase;
		font-size: 9pt;
		font-weight: 600;

	}


	.discount-label-header {
		font-size: 0.7rem;
		color: white;
		background-color: #c30336;
		font-weight: 500;
		padding: 6px 8px;
	}

	.discounted-amount {
		text-wrap: nowrap;
		font-size: 0.85rem;
		font-weight: 500;
		color: #219324;


	}

	.rrp-price-header {
		font-size: 0.85rem;
		font-weight: 500;
	}

	.insurance-cover {
		font-weight: 400;
	}
	.subtotal {
		font-size: 0.85rem;
		font-weight: 500;
	}

	.item-discounted-price-amount {
		font-size: 0.7rem;
		text-decoration: line-through;
		color: #c30038;

	}
	.rrp-price-amount {
		font-size: 0.8rem;
		font-weight: 400;

	}

	.weekly-price {
		display: inline-block;
		font-size: 0.9rem;
		font-weight: 600
	}
	.weekly-label {
		margin-left: 4px;
		display: inline-block;
		font-size: 0.65rem;
		font-weight: 400;
	}

	.price-total-header {
		margin-top: 0;
		margin-bottom: .5rem;
		font-weight: 600;
		font-size: 1.1rem;
		line-height: 1.3;
		color: black;
		text-transform: uppercase;
		/* letter-spacing: 3px; */
	}

	.price-total {
		margin-top: 0;
		margin-bottom: .5rem;
		font-weight: 600;
		line-height: 1.3;
		font-size: 1.1rem;
		color: black;
		text-transform: uppercase;
		/* letter-spacing: 3px; */
	}

	.per-period {
		font-size: 0.75rem;
		font-weight: normal;
		color: #4d6365;
	}

}

.terms-modal {
	.modal-terms-div {
		font-size: 0.8rem;
		color: #1a1a1a;
		max-height: 300px;
		overflow-y: auto;
	}


	.terms-scroll-arrow {
		position: absolute;
		bottom: 10px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 0;
	}



}


.buttons {
	border-radius: 6px;
}

#stripe-payment-content {
	display: none;



}



#secure-payments-img {
	position: relative;
	/* left: -16px; */
	max-width: calc(100% - 112px);

}


.early-exit-container {

	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;


	padding: 12px 12px 30%;
}

.early-exit-message {
	text-align: center;
	width: 500px;
	height: 250px;


}







@media (max-width:576px) {
	#secure-payments-img {
		max-width: calc(100% - 32px);
		/* display:none; */
	}
}


@media (max-width:768px) {

	.alertify-notifier.ajs-top {
		font-size: 0.8rem;
		top:8pt;
	}


	#secure-payments-img {
		max-width: calc(100% - 64px);
		/* display:none; */
	}





}



.spaceface-powered-by {
	color: var(--bs-secondary-color);
	text-decoration: none;
	transition: color 0.15s ease-in-out;
}

.spaceface-powered-by:hover {
	color: #1a1a1a;
}