/* ==========================================================
   LEVIS MODDING REGISTRATION
   PLATINUM / SILVER COMPLETE DESIGN
   Form ID: 23783
   ========================================================== */


/* ==========================================================
   1. ELEMENTOR WIDTH + TRUE CENTERING FIX
   ========================================================== */

body #acceptance-label.elementor-element-203fa27c,
body #acceptance-label.elementor-widget__width-initial {

	--container-widget-width: 100% !important;
	--container-widget-flex-grow: 1 !important;
	--container-widget-align-self: stretch !important;

	width: 100% !important;
	max-width: 100% !important;

	flex: 1 1 100% !important;
	flex-basis: 100% !important;

	align-self: stretch !important;

	margin-left: 0 !important;
	margin-right: 0 !important;

	padding-left: 0 !important;
	padding-right: 0 !important;

	left: auto !important;
	right: auto !important;

	transform: none !important;

	box-sizing: border-box !important;
}


body #acceptance-label > .elementor-widget-container {

	width: 100% !important;
	max-width: 100% !important;

	margin-left: 0 !important;
	margin-right: 0 !important;

	padding-left: 0 !important;
	padding-right: 0 !important;

	box-sizing: border-box !important;
}


/* ==========================================================
   2. MAIN FORM
   ========================================================== */

body #acceptance-label #user-registration-form-23783 {

	width: calc(100% - 40px) !important;
	max-width: 1050px !important;
	min-width: 0 !important;

	margin-left: auto !important;
	margin-right: auto !important;

	padding: 38px 42px 42px !important;

	position: relative !important;

	left: auto !important;
	right: auto !important;

	transform: none !important;

	box-sizing: border-box !important;

	color: #24272b !important;

	background:
		linear-gradient(
			135deg,
			#fdfdfd 0%,
			#d9dadd 16%,
			#f7f7f8 33%,
			#c7c9cd 50%,
			#f1f2f3 68%,
			#d1d3d6 84%,
			#fafafa 100%
		) !important;

	border: 2px solid #dfe1e4 !important;

	border-radius: 24px !important;

	box-shadow:
		0 24px 55px rgba(0, 0, 0, .32),
		0 0 0 1px rgba(72, 76, 82, .45),
		inset 0 1px 0 rgba(255, 255, 255, 1),
		inset 0 -1px 0 rgba(100, 104, 110, .20) !important;

	overflow: hidden !important;

	color-scheme: light !important;
}


/* ==========================================================
   3. SUBTLE METALLIC TOP EDGE
   ========================================================== */

body #acceptance-label #user-registration-form-23783::before {

	content: "";

	position: absolute;

	top: 0;
	left: 0;
	right: 0;

	height: 4px;

	background:
		linear-gradient(
			90deg,
			#8e9298 0%,
			#f8f8f8 12%,
			#b8bbc0 25%,
			#ffffff 38%,
			#a3a7ad 50%,
			#ffffff 63%,
			#b8bbc0 78%,
			#f8f8f8 90%,
			#8e9298 100%
		);

	box-shadow:
		0 2px 8px rgba(255,255,255,.8),
		0 3px 8px rgba(0,0,0,.12);

	pointer-events: none !important;
}


/* ==========================================================
   4. REMOVE OLD USER REGISTRATION BACKGROUNDS
   ========================================================== */

body #acceptance-label #user-registration-form-23783 form,
body #acceptance-label #user-registration-form-23783 .register,
body #acceptance-label #user-registration-form-23783 .ur-form-row,
body #acceptance-label #user-registration-form-23783 .ur-form-grid,
body #acceptance-label #user-registration-form-23783 .form-row,
body #acceptance-label #user-registration-form-23783 .input-wrapper,
body #acceptance-label #user-registration-form-23783 .password-input-group {

	background: transparent !important;

	border: 0 !important;

	box-shadow: none !important;
}


/* ==========================================================
   5. TWO COLUMN DESKTOP GRID
   ========================================================== */

body #acceptance-label #user-registration-form-23783 .ur-form-grid {

	display: grid !important;

	grid-template-columns:
		minmax(0, 1fr)
		minmax(0, 1fr) !important;

	column-gap: 34px !important;
	row-gap: 24px !important;

	width: 100% !important;
	max-width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	box-sizing: border-box !important;
}


/* Hidden fields must not occupy space */

body #acceptance-label #user-registration-form-23783 .field-hidden {

	display: none !important;
}


/* ==========================================================
   6. FULL-WIDTH FIELDS
   ========================================================== */

/* Town / City */

body #acceptance-label #user-registration-form-23783
[data-field-id="input_box_1725043853"],

/* Age */

body #acceptance-label #user-registration-form-23783
[data-field-id="radio_1728224229"],

/* Donation */

body #acceptance-label #user-registration-form-23783
[data-field-id="radio_1721408311"],

/* Facebook */

body #acceptance-label #user-registration-form-23783
[data-field-id="radio_1725040125"],

/* Facebook URL */

body #acceptance-label #user-registration-form-23783
[data-field-id="input_box_1720879299"] {

	grid-column: 1 / -1 !important;
}


/* ==========================================================
   7. FIELD WRAPPER
   ========================================================== */

body #acceptance-label #user-registration-form-23783 .ur-field-item {

	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;

	margin: 0 !important;
	padding: 0 !important;

	box-sizing: border-box !important;
}


/* ==========================================================
   8. LABELS
   ========================================================== */

body #acceptance-label #user-registration-form-23783 .ur-label {

	display: block !important;

	margin: 0 0 8px !important;

	color: #292c31 !important;

	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;

	letter-spacing: .01em !important;

	text-shadow:
		0 1px 0 rgba(255,255,255,.85) !important;
}


/* Required asterisk */

body #acceptance-label #user-registration-form-23783 abbr.required {

	color: #b42a35 !important;

	text-decoration: none !important;

	font-weight: 800 !important;
}


/* ==========================================================
   9. INPUTS + SELECT
   ========================================================== */

body #acceptance-label #user-registration-form-23783 input[type="text"],
body #acceptance-label #user-registration-form-23783 input[type="email"],
body #acceptance-label #user-registration-form-23783 input[type="password"],
body #acceptance-label #user-registration-form-23783 select {

	width: 100% !important;
	max-width: 100% !important;

	height: 54px !important;
	min-height: 54px !important;

	margin: 0 !important;
	padding: 0 16px !important;

	box-sizing: border-box !important;

	color: #25282c !important;

	font-size: 14px !important;
	font-weight: 500 !important;

	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			#f7f7f7 46%,
			#e8e9eb 100%
		) !important;

	border: 1px solid #a8abb0 !important;

	border-radius: 10px !important;

	outline: none !important;

	box-shadow:
		inset 0 1px 2px rgba(0,0,0,.08),
		0 1px 0 rgba(255,255,255,.95),
		0 3px 7px rgba(0,0,0,.05) !important;

	transition:
		border-color .18s ease,
		box-shadow .18s ease,
		background .18s ease !important;

	color-scheme: light !important;
}


/* ==========================================================
   10. INPUT HOVER
   Always light platinum
   ========================================================== */

body #acceptance-label #user-registration-form-23783
input.ur-frontend-field[type="text"]:hover,

body #acceptance-label #user-registration-form-23783
input.ur-frontend-field[type="email"]:hover,

body #acceptance-label #user-registration-form-23783
input.ur-frontend-field[type="password"]:hover,

body #acceptance-label #user-registration-form-23783
select.ur-frontend-field:hover {

	color: #24282d !important;

	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			#f3f4f5 48%,
			#dfe1e4 100%
		) !important;

	border-color: #858b91 !important;

	box-shadow:
		inset 0 1px 1px rgba(255,255,255,.95),
		0 4px 12px rgba(0,0,0,.10),
		0 0 0 1px rgba(255,255,255,.45) !important;
}


/* ==========================================================
   11. INPUT FOCUS
   ========================================================== */

body #acceptance-label #user-registration-form-23783
input.ur-frontend-field[type="text"]:focus,

body #acceptance-label #user-registration-form-23783
input.ur-frontend-field[type="email"]:focus,

body #acceptance-label #user-registration-form-23783
input.ur-frontend-field[type="password"]:focus,

body #acceptance-label #user-registration-form-23783
select.ur-frontend-field:focus {

	color: #202429 !important;

	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			#fafafa 55%,
			#eceeef 100%
		) !important;

	border-color: #6f767d !important;

	box-shadow:
		0 0 0 3px rgba(95,102,109,.12),
		0 5px 15px rgba(0,0,0,.10),
		inset 0 1px 0 #ffffff !important;
}


/* ==========================================================
   12. PLACEHOLDER
   ========================================================== */

body #acceptance-label #user-registration-form-23783
input::placeholder {

	color: #8c9299 !important;

	opacity: 1 !important;
}


body #acceptance-label #user-registration-form-23783
input:hover::placeholder,

body #acceptance-label #user-registration-form-23783
input:focus::placeholder {

	color: #858b91 !important;

	opacity: 1 !important;
}


/* ==========================================================
   13. SELECT / DROPDOWN
   ========================================================== */

body #acceptance-label #user-registration-form-23783 select {

	color: #292c30 !important;

	background-color: #f7f7f8 !important;

	color-scheme: light !important;
}


body #acceptance-label #user-registration-form-23783 select option {

	color: #25292e !important;

	background-color: #f7f7f8 !important;

	color-scheme: light !important;
}


/* ==========================================================
   14. PASSWORD FIELD + EYE
   ========================================================== */

body #acceptance-label #user-registration-form-23783
.password-input-group {

	display: block !important;

	width: 100% !important;

	position: relative !important;
}


body #acceptance-label #user-registration-form-23783
.password_preview {

	position: absolute !important;

	right: 15px !important;
	top: 50% !important;

	transform: translateY(-50%) !important;

	color: #646a71 !important;

	opacity: .80 !important;
}


body #acceptance-label #user-registration-form-23783
.password_preview:hover {

	color: #292d31 !important;

	opacity: 1 !important;
}


/* ==========================================================
   15. RADIO QUESTION CARDS
   ========================================================== */

body #acceptance-label #user-registration-form-23783 .field-radio {

	padding: 22px 24px !important;

	background:
		linear-gradient(
			135deg,
			#f9f9fa 0%,
			#d9dbde 35%,
			#f3f4f5 62%,
			#cfd1d4 100%
		) !important;

	border: 1px solid #aaadb2 !important;

	border-radius: 14px !important;

	box-shadow:
		inset 0 1px 0 #ffffff,
		0 5px 13px rgba(0,0,0,.08) !important;
}


/* Question heading */

body #acceptance-label #user-registration-form-23783
.field-radio > .form-row > .ur-label {

	margin-bottom: 14px !important;

	color: #25282d !important;

	font-size: 14px !important;
	font-weight: 750 !important;
}


/* ==========================================================
   16. RADIO LIST
   ========================================================== */

body #acceptance-label #user-registration-form-23783
.field-radio ul {

	display: grid !important;

	gap: 9px !important;

	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;

	background: transparent !important;
}


/* ==========================================================
   17. RADIO OPTIONS
   ========================================================== */

body #acceptance-label #user-registration-form-23783
li.ur-radio-list {

	display: flex !important;

	align-items: center !important;

	gap: 12px !important;

	width: 100% !important;

	min-height: 48px !important;

	margin: 0 !important;
	padding: 10px 14px !important;

	box-sizing: border-box !important;

	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			#eceeef 100%
		) !important;

	border: 1px solid #b5b8bc !important;

	border-radius: 9px !important;

	box-shadow:
		inset 0 1px 0 rgba(255,255,255,1) !important;

	transition:
		background .18s ease,
		border-color .18s ease,
		box-shadow .18s ease !important;
}


/* Radio hover */

body #acceptance-label #user-registration-form-23783
li.ur-radio-list:hover {

	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			#e2e4e6 100%
		) !important;

	border-color: #81868c !important;

	box-shadow:
		inset 0 1px 0 #ffffff,
		0 3px 9px rgba(0,0,0,.07) !important;
}


/* ==========================================================
   18. SELECTED RADIO OPTION
   ========================================================== */

body #acceptance-label #user-registration-form-23783
li.ur-radio-list:has(input[type="radio"]:checked) {

	background:
		linear-gradient(
			180deg,
			#f1f2f3 0%,
			#d5d8db 48%,
			#c5c8cc 100%
		) !important;

	border-color: #737a81 !important;

	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		inset 0 -1px 0 rgba(70,75,80,.12),
		0 3px 9px rgba(0,0,0,.10),
		0 0 0 2px rgba(75,81,87,.07) !important;
}


/* Selected radio hover */

body #acceptance-label #user-registration-form-23783
li.ur-radio-list:has(input[type="radio"]:checked):hover {

	background:
		linear-gradient(
			180deg,
			#f7f7f8 0%,
			#dcdee1 48%,
			#cdd0d3 100%
		) !important;
}


/* ==========================================================
   19. RADIO CIRCLE
   ========================================================== */

body #acceptance-label #user-registration-form-23783
input[type="radio"] {

	width: 18px !important;
	height: 18px !important;

	min-width: 18px !important;

	margin: 0 !important;

	accent-color: #626a72 !important;

	cursor: pointer !important;

	color-scheme: light !important;
}


/* ==========================================================
   20. RADIO TEXT
   ========================================================== */

body #acceptance-label #user-registration-form-23783
label.radio {

	margin: 0 !important;
	padding: 0 !important;

	color: #34383d !important;

	background: transparent !important;

	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;

	text-shadow: none !important;

	cursor: pointer !important;
}


/* IMPORTANT:
   Selected option text stays DARK
   */

body #acceptance-label #user-registration-form-23783
li.ur-radio-list:has(input[type="radio"]:checked) label.radio,

body #acceptance-label #user-registration-form-23783
input[type="radio"]:checked + label.radio {

	color: #25292e !important;

	font-weight: 650 !important;

	text-shadow:
		0 1px 0 rgba(255,255,255,.65) !important;
}


/* Selected + hover text */

body #acceptance-label #user-registration-form-23783
li.ur-radio-list:has(input[type="radio"]:checked):hover label.radio {

	color: #181b1f !important;
}


/* ==========================================================
   21. FACEBOOK DESCRIPTION
   ========================================================== */

body #acceptance-label #user-registration-form-23783
.description {

	display: block !important;

	margin-top: 10px !important;
	padding: 12px 14px !important;

	color: #50555b !important;

	font-size: 12px !important;
	line-height: 1.55 !important;

	background:
		linear-gradient(
			90deg,
			#d8dade 0%,
			#f4f4f5 100%
		) !important;

	border-left: 3px solid #71777e !important;

	border-radius: 0 8px 8px 0 !important;
}


/* ==========================================================
   22. TOOLTIP ICONS
   ========================================================== */

body #acceptance-label #user-registration-form-23783
.ur-portal-tooltip {

	color: #565d65 !important;

	margin-left: 4px !important;
}


/* ==========================================================
   23. VALIDATION / ERRORS
   ========================================================== */

body #acceptance-label #user-registration-form-23783
.user-registration-error,

body #acceptance-label #user-registration-form-23783
.ur-error,

body #acceptance-label #user-registration-form-23783
[id$="_error"] {

	color: #e5485b !important;

	font-size: 12px !important;
	font-weight: 600 !important;

	margin-top: 6px !important;
}


/* ==========================================================
   24. SUBMIT CONTAINER
   ========================================================== */

body #acceptance-label #user-registration-form-23783
.ur-button-container {

	width: 100% !important;

	margin: 32px 0 0 !important;
	padding: 0 !important;
}


/* ==========================================================
   25. PLATINUM SUBMIT BUTTON
   ========================================================== */

body #acceptance-label #user-registration-form-23783
.ur-submit-button {

	width: 100% !important;

	height: 58px !important;
	min-height: 58px !important;

	margin: 0 !important;
	padding: 0 30px !important;

	color: #ffffff !important;

	font-size: 15px !important;
	font-weight: 700 !important;

	letter-spacing: .04em !important;

	background:
		linear-gradient(
			180deg,
			#999ea3 0%,
			#777d83 47%,
			#555c63 50%,
			#747a80 100%
		) !important;

	border: 1px solid #565c62 !important;

	border-radius: 10px !important;

	text-shadow:
		0 1px 1px rgba(0,0,0,.55) !important;

	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.55),
		inset 0 -1px 0 rgba(0,0,0,.20),
		0 8px 16px rgba(0,0,0,.18) !important;

	cursor: pointer !important;

	transition:
		transform .18s ease,
		box-shadow .18s ease,
		filter .18s ease !important;
}


/* Submit hover */

body #acceptance-label #user-registration-form-23783
.ur-submit-button:hover {

	background:
		linear-gradient(
			180deg,
			#aeb2b6 0%,
			#858b90 47%,
			#60676d 50%,
			#81878c 100%
		) !important;

	transform: translateY(-2px) !important;

	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.65),
		inset 0 -1px 0 rgba(0,0,0,.22),
		0 11px 21px rgba(0,0,0,.22) !important;
}


/* Submit active */

body #acceptance-label #user-registration-form-23783
.ur-submit-button:active {

	transform: translateY(0) !important;
}


/* ==========================================================
   26. BROWSER AUTOFILL
   ========================================================== */

body #acceptance-label #user-registration-form-23783
input:-webkit-autofill,

body #acceptance-label #user-registration-form-23783
input:-webkit-autofill:hover,

body #acceptance-label #user-registration-form-23783
input:-webkit-autofill:focus,

body #acceptance-label #user-registration-form-23783
input:-webkit-autofill:active {

	-webkit-text-fill-color: #25292e !important;

	-webkit-box-shadow:
		0 0 0 1000px #f5f6f7 inset !important;

	box-shadow:
		0 0 0 1000px #f5f6f7 inset !important;

	caret-color: #25292e !important;

	border-color: #8b9096 !important;

	color-scheme: light !important;
}


/* ==========================================================
   27. FORCE NATIVE CONTROLS TO LIGHT MODE
   ========================================================== */

body #acceptance-label #user-registration-form-23783,
body #acceptance-label #user-registration-form-23783 input,
body #acceptance-label #user-registration-form-23783 select,
body #acceptance-label #user-registration-form-23783 textarea {

	color-scheme: light !important;
}


/* ==========================================================
   28. CONDITIONAL FIELD ANIMATION
   ========================================================== */

body #acceptance-label #user-registration-form-23783
[data-conditional-logic-enabled="1"] {

	animation:
		levis-platinum-field-in .22s ease;
}


@keyframes levis-platinum-field-in {

	from {

		opacity: 0;

		transform:
			translateY(-5px);
	}

	to {

		opacity: 1;

		transform:
			translateY(0);
	}
}


/* ==========================================================
   29. TABLET
   ========================================================== */

@media (max-width: 1100px) {

	body #acceptance-label.elementor-element-203fa27c,
	body #acceptance-label.elementor-widget__width-initial {

		width: 100% !important;
		max-width: 100% !important;

		flex: 1 1 100% !important;
		flex-basis: 100% !important;

		margin-left: 0 !important;
		margin-right: 0 !important;
	}


	body #acceptance-label #user-registration-form-23783 {

		width: calc(100% - 32px) !important;
		max-width: 1050px !important;

		margin-left: auto !important;
		margin-right: auto !important;

		padding:
			32px 28px 34px !important;
	}
}


/* ==========================================================
   30. MOBILE
   ========================================================== */

@media (max-width: 700px) {

	body #acceptance-label.elementor-element-203fa27c,
	body #acceptance-label.elementor-widget__width-initial {

		width: 100% !important;
		max-width: 100% !important;

		margin-left: 0 !important;
		margin-right: 0 !important;
	}


	body #acceptance-label #user-registration-form-23783 {

		width: calc(100% - 20px) !important;

		margin-left: auto !important;
		margin-right: auto !important;

		padding:
			25px 17px 27px !important;

		border-radius:
			17px !important;
	}


	body #acceptance-label #user-registration-form-23783
	.ur-form-grid {

		grid-template-columns:
			1fr !important;

		column-gap: 0 !important;
		row-gap: 19px !important;
	}


	body #acceptance-label #user-registration-form-23783
	.ur-field-item {

		grid-column:
			1 !important;
	}


	body #acceptance-label #user-registration-form-23783
	.field-radio {

		padding:
			18px 16px !important;
	}


	body #acceptance-label #user-registration-form-23783
	input[type="text"],

	body #acceptance-label #user-registration-form-23783
	input[type="email"],

	body #acceptance-label #user-registration-form-23783
	input[type="password"],

	body #acceptance-label #user-registration-form-23783
	select {

		font-size:
			16px !important;
	}
}