/* Beat Uncode type, buttons, and inputs on Circle pages only. Layout unchanged. */
body.fot-circle-app .fot-circle-page, body.fot-circle-app .fot-circle-page p, body.fot-circle-app .fot-circle-page span, body.fot-circle-app .fot-circle-page a, body.fot-circle-app .fot-circle-page li, body.fot-circle-app .fot-circle-page button, body.fot-circle-app .fot-circle-page input, body.fot-circle-app .fot-circle-page textarea, body.fot-circle-app .fot-circle-page label, body.fot-circle-app .modal, body.fot-circle-app .modal p, body.fot-circle-app .modal span, body.fot-circle-app .modal a, body.fot-circle-app .modal li, body.fot-circle-app .modal button, body.fot-circle-app .modal input, body.fot-circle-app .modal textarea, body.fot-circle-app .modal label {
	font-family: Inter, "Liberation Sans", sans-serif !important;
	letter-spacing: normal;
}

body.fot-circle-app .fot-circle-page h1, body.fot-circle-app .fot-circle-page h2, body.fot-circle-app .fot-circle-page h3, body.fot-circle-app .fot-circle-page .subhead, body.fot-circle-app .fot-circle-page .blessing, body.fot-circle-app .modal h2, body.fot-circle-app .modal h3 {
	font-family: "Playfair Display", serif !important;
	font-weight: 500 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

body.fot-circle-app .fot-circle-page, body.fot-circle-app .modal {
	color: #f4f1ea;
}

body.fot-circle-app .fot-circle-page label, body.fot-circle-app .modal label {
	display: block !important;
	font-family: Inter, sans-serif !important;
	font-size: 11px !important;
	line-height: 1.3 !important;
	letter-spacing: .14em !important;
	font-weight: 600 !important;
	color: #c8c6d4 !important;
	text-transform: none !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
}

body.fot-circle-app .fot-circle-page input[type="text"], body.fot-circle-app .fot-circle-page input[type="email"], body.fot-circle-app .fot-circle-page input[type="date"], body.fot-circle-app .fot-circle-page input[type="password"], body.fot-circle-app .modal input[type="text"], body.fot-circle-app .modal input[type="email"], body.fot-circle-app .modal input[type="password"] {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	height: 48px !important;
	background: #0c0e22 !important;
	border: 1px solid rgba(200, 198, 212, .18) !important;
	border-radius: 12px !important;
	color: #f4f1ea !important;
	font-family: Inter, sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 48px !important;
	padding: 0 14px !important;
	margin: 0 0 16px !important;
	box-shadow: none !important;
	outline: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

body.fot-circle-app .fot-circle-page .amount, body.fot-circle-app .modal .amount {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	height: 52px !important;
	padding: 0 16px !important;
	margin: 0 0 18px !important;
	background: #0c0e22 !important;
	border: 1px solid rgba(200, 198, 212, .18) !important;
	border-radius: 12px !important;
	box-sizing: border-box !important;
}

body.fot-circle-app .fot-circle-page .amount span, body.fot-circle-app .modal .amount span {
	flex: 0 0 auto !important;
	position: relative !important;
	z-index: 1 !important;
	color: #c8c6d4 !important;
	font-size: 18px !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
}

body.fot-circle-app .fot-circle-page .amount input[type="text"], body.fot-circle-app .modal .amount input[type="text"] {
	display: block !important;
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	height: 100% !important;
	min-height: 0 !important;
	line-height: 1.2 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 18px !important;
	color: #f4f1ea !important;
}

body.fot-circle-app .fot-circle-page textarea, body.fot-circle-app .modal textarea {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	height: 140px !important;
	min-height: 140px !important;
	max-height: 140px !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	background: #0c0e22 !important;
	border: 1px solid rgba(200, 198, 212, .18) !important;
	border-radius: 14px !important;
	color: #f4f1ea !important;
	font-family: Inter, sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	padding: 16px !important;
	margin: 0 0 24px !important;
	box-shadow: none !important;
	outline: none !important;
	resize: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

body.fot-circle-app .fot-circle-page .fot-so2 textarea, body.fot-circle-app .fot-circle-page .fot-so3 textarea {
	height: 140px !important;
	min-height: 140px !important;
	max-height: 140px !important;
}

body.fot-circle-app .fot-circle-page .fot-so1 textarea {
	height: 140px !important;
	min-height: 140px !important;
	max-height: 140px !important;
}

body.fot-circle-app .fot-circle-page textarea.tall {
	height: 280px !important;
	min-height: 280px !important;
	max-height: 280px !important;
	font-size: 16px !important;
	padding: 16px !important;
	margin: 0 0 24px !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

body.fot-circle-app .fot-circle-page input::placeholder, body.fot-circle-app .fot-circle-page textarea::placeholder, body.fot-circle-app .modal input::placeholder, body.fot-circle-app .modal textarea::placeholder {
	color: rgba(200, 198, 212, .5) !important;
	opacity: 1 !important;
}

body.fot-circle-app .fot-circle-page .gender {
	display: flex !important;
	gap: 10px !important;
	margin: 0 !important;
}

body.fot-circle-app .fot-circle-page .gender button {
	flex: 1 !important;
	height: 40px !important;
	padding: 0 12px !important;
	margin: 0 !important;
	background: transparent !important;
	border: 1px solid rgba(200, 198, 212, .28) !important;
	border-radius: 999px !important;
	color: #f4f1ea !important;
	font-family: Inter, sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 38px !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	box-shadow: none !important;
	cursor: pointer !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

body.fot-circle-app .fot-circle-page .gender button.on {
	border-color: #3e3fe8 !important;
	background: rgba(62, 63, 232, .16) !important;
	color: #f4f1ea !important;
}

body.fot-circle-app .fot-circle-page a.send, body.fot-circle-app .fot-circle-page button.send, body.fot-circle-app .fot-circle-page a.give, body.fot-circle-app .fot-circle-page button.give, body.fot-circle-app .fot-circle-page a.join, body.fot-circle-app .fot-circle-page button.join, body.fot-circle-app .fot-circle-page a.save, body.fot-circle-app .fot-circle-page button.save, body.fot-circle-app .modal a.join, body.fot-circle-app .modal button.join, body.fot-circle-app .modal a.give, body.fot-circle-app .modal button.give, body.fot-circle-app .modal button.fot-member-signin {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 48px !important;
	padding: 0 26px !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #3e3fe8 !important;
	color: #fff !important;
	font-family: Inter, sans-serif !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 48px !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

body.fot-circle-app .fot-circle-page a.shop-join, body.fot-circle-app .fot-circle-page a.shop-gift, body.fot-circle-app .fot-circle-page a.shop-order {
	border-radius: 999px !important;
	font-family: Inter, sans-serif !important;
	text-transform: none !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

body.fot-circle-app a.shop-order {
	pointer-events: auto !important;
	position: static !important;
	cursor: pointer !important;
	color: #f4f1ea !important;
	display: inline-flex !important;
}

body.fot-circle-app .fot-circle-page .shop-card h2 {
	font-family: Inter, sans-serif !important;
	font-size: 20px !important;
	line-height: 1.25 !important;
	font-weight: 600 !important;
	color: #f4f1ea !important;
}

body.fot-circle-app .fot-circle-page .shop-so1 h2, body.fot-circle-app .fot-circle-page .shop-so1 p, body.fot-circle-app .fot-circle-page .shop-price {
	color: #f4f1ea !important;
}

body.fot-circle-app .fot-circle-page .supporters .label {
	color: #c8c6d4 !important;
}

body.fot-circle-app .fot-shop .shop-grid, body.fot-circle-app .fot-shop .shop-card {
	pointer-events: auto !important;
	position: relative;
	z-index: 1;
}

body.fot-circle-app .modal .plan {
	-webkit-appearance: none !important;
	appearance: none !important;
	text-transform: none !important;
	box-shadow: none !important;
	background: #0c0e22 !important;
	border: 1px solid rgba(200, 198, 212, .2) !important;
	border-radius: 14px !important;
	color: #f4f1ea !important;
	font-family: Inter, sans-serif !important;
	text-align: left !important;
}

body.fot-circle-app .fot-circle-page .fot-signin-bar {
	display: flex !important;
	justify-content: flex-end !important;
	visibility: visible !important;
	padding: 12px 40px 0 !important;
	margin: 0 auto !important;
	height: 0 !important;
	overflow: visible !important;
	position: relative !important;
	z-index: 3 !important;
	pointer-events: none !important;
}

body.fot-circle-app .fot-circle-page .fot-signin-bar a {
	pointer-events: auto !important;
}

@media (max-width: 640px) {
	body.fot-circle-app .fot-circle-page .fot-signin-bar {
		padding: 8px 20px 0 !important;
	}
}

body.fot-circle-app .fot-circle-page a.fot-header-signin {
	position: static !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	height: 32px !important;
	padding: 0 14px !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #3e3fe8 !important;
	color: #fff !important;
	font-family: Inter, sans-serif !important;
	font-size: 12.5px !important;
	font-weight: 500 !important;
	line-height: 32px !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	visibility: visible !important;
}

body.fot-circle-app .fot-circle-page .fot-already {
	display: block !important;
	margin: 16px 0 0 !important;
	visibility: visible !important;
}

body.fot-circle-app .fot-circle-page .fot-already .fot-member-signin {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 48px !important;
	padding: 0 26px !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: #f4f1ea !important;
	font-family: Inter, sans-serif !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 48px !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	visibility: visible !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

body.fot-circle-app .veil {
	z-index: 200010 !important;
}

body.fot-circle-app .modal {
	z-index: 200020 !important;
	width: 560px !important;
	max-width: calc(100vw - 48px) !important;
	max-height: calc(100vh - 48px) !important;
}

body.fot-circle-app .veil[hidden], body.fot-circle-app .modal[hidden], body.fot-circle-app .fot-join-veil[hidden], body.fot-circle-app .fot-join-modal[hidden], body.fot-circle-app > .veil[hidden], body.fot-circle-app > .modal[hidden], body.fot-circle-app > .fot-join-veil[hidden], body.fot-circle-app > .fot-join-modal[hidden] {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

@media (max-width: 900px) {
	body.fot-circle-app .modal {
		width: calc(100vw - 32px) !important;
	}
}

body.fot-circle-app .fot-so1 .page {
	padding-top: 0 !important;
}

body.fot-circle-app .fot-so1 .crumb {
	display: flex !important;
	align-items: center;
	min-height: 32px;
	margin-top: 12px !important;
}

body.fot-circle-app .fot-so1 .fot-already {
	display: none !important;
}

body.fot-circle-app .fot-so1 .pay-col {
	min-width: 0;
}

body.fot-circle-app .fot-so1 .sec {
	font-family: Inter, sans-serif !important;
	font-size: 11px !important;
	letter-spacing: .16em !important;
	font-weight: 600 !important;
	color: #c8c6d4 !important;
	text-transform: uppercase !important;
	margin: 0 0 16px !important;
}

body.fot-circle-app .fot-so1 .group-rule {
	height: 1px !important;
	background: rgba(200, 198, 212, .22) !important;
	margin: 22px 0 24px !important;
	border: 0 !important;
}

body.fot-circle-app .fot-so1 label.fld {
	font-family: Inter, sans-serif !important;
	font-size: 11px !important;
	letter-spacing: .14em !important;
	font-weight: 600 !important;
	color: #c8c6d4 !important;
	text-transform: none !important;
	margin: 0 0 10px !important;
}

body.fot-circle-app .fot-so1 .flags {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 18px !important;
	margin: 36px 0 !important;
}

body.fot-circle-app .fot-so1 .flag {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-family: Inter, sans-serif !important;
	font-size: 12.5px !important;
	letter-spacing: 0 !important;
	font-weight: 400 !important;
	color: #c8c6d4 !important;
	text-transform: none !important;
	margin: 0 !important;
	background: none !important;
	border: 0 !important;
}

body.fot-circle-app .fot-so1 .flag:hover {
	color: #c4bef2 !important;
}

body.fot-circle-app .fot-so1 .gender button:hover {
	color: #c4bef2 !important;
	border-color: #c4bef2 !important;
	background: transparent !important;
	opacity: 1 !important;
}

body.fot-circle-app .fot-so1 .gender button.on {
	border-color: #3e3fe8 !important;
	background: rgba(62, 63, 232, .16) !important;
	color: #f4f1ea !important;
}

body.fot-circle-app .fot-so1 .gender button.on:hover {
	color: #c4bef2 !important;
}

body.fot-circle-app .fot-so1 .card-skin {
	position: relative;
	background: #14162e !important;
	border-radius: 20px;
}

/* Overlay Uncode nav on Circle pages (live has no fot-home chrome).
   Zero Uncode content spacers. Do not zero .menu-wrapper padding (hamburger).
   Do not hide or replace the Uncode logo. */
body.fot-circle-app {
	--fot-nav-h: 96px;
}

@media (max-width: 959px) {
	body.fot-circle-app {
		--fot-nav-h: 80px;
	}
}

body.fot-circle-app #page-header, body.fot-circle-app .page-header, body.fot-circle-app .heading-text, body.fot-circle-app .row-breadcrumb {
	display: none !important;
}

body.fot-circle-app, body.fot-circle-app.menu-sticky-fix {
	padding-top: 0 !important;
}

body.fot-circle-app .main-wrapper, body.fot-circle-app #main-container, body.fot-circle-app .main-container, body.fot-circle-app .page-wrapper, body.fot-circle-app #sections-container, body.fot-circle-app .sections-container, body.fot-circle-app .page-body, body.fot-circle-app .post-content, body.fot-circle-app .entry-content, body.fot-circle-app .uncont, body.fot-circle-app .row-parent, body.fot-circle-app .row-container, body.fot-circle-app .row-inner, body.fot-circle-app .limit-width {
	padding-top: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	max-width: none !important;
	width: 100% !important;
}

body.fot-circle-app .menu-wrapper {
	position: fixed !important;
	top: 0 !important;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1000;
}

body.admin-bar.fot-circle-app .menu-wrapper {
	top: 32px !important;
}