/* ===============================================
   Product Registration - Wufoo Form Styles
   =============================================== */

/* Import Google Font to match site */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

/* Reset Wufoo defaults and apply PRS theme */
html {
	background-color: #0d0d0d !important;
}

/* Container & Layout */
#container {
	background: #222222 !important;
	border: 1px solid #444444 !important;
	border-radius: 8px !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
	margin: 0 auto !important;
	max-width: 1600px !important;
	padding: 2rem !important;
}

/* Form Header */

.wufoo .info {
	background: transparent !important;
	margin-bottom: 0 !important;
	padding-top: 50px !important;
}

.wufoo .info h2 {
	color: #ffffff !important;
	font-family:
		'Source Sans 3',
		-apple-system,
		BlinkMacSystemFont,
		sans-serif !important;
	font-size: 2.5rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em !important;
	margin: 0 0 1rem 0 !important;
	text-align: center !important;
	text-transform: uppercase !important;
}

.wufoo .info div {
	color: #ababab !important;
	font-family:
		'Source Sans 3',
		-apple-system,
		BlinkMacSystemFont,
		sans-serif !important;
	font-size: 1.125rem !important;
	line-height: 1.6 !important;
	text-align: center !important;
}

/* Section Headers */
.wufoo .section h3 {
	background: transparent !important;
	color: #f4d4a9 !important;
	font-family:
		'Source Sans 3',
		-apple-system,
		BlinkMacSystemFont,
		sans-serif !important;
	font-size: 1.5rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.025em !important;
	margin: 0rem 0 1rem 0 !important;
	padding: 0 !important;
	text-transform: uppercase !important;
}

.wufoo .section div {
	color: #ababab !important;
	font-family:
		'Source Sans 3',
		-apple-system,
		BlinkMacSystemFont,
		sans-serif !important;
	font-size: 0.95rem !important;
	line-height: 1.5 !important;
}

/* Form Labels */
.wufoo label.desc,
.wufoo legend.desc {
	color: #ffffff !important;
	display: block !important;
	font-family:
		'Source Sans 3',
		-apple-system,
		BlinkMacSystemFont,
		sans-serif !important;
	font-size: 1.75rem !important;
	font-weight: 500 !important;
	margin-bottom: 0.5rem !important;
}

/* Form Fields */
.wufoo input.text,
.wufoo textarea.textarea,
.wufoo select.select {
	background: #111214 !important;
	border: 2px solid #444444 !important;
	border-radius: 6px !important;
	box-sizing: border-box !important;
	color: #ffffff !important;
	font-family:
		'Source Sans 3',
		-apple-system,
		BlinkMacSystemFont,
		sans-serif !important;
	font-size: 1rem !important;
	padding: 0.75rem 1rem !important;
	transition: all 0.2s ease !important;
	width: 100% !important;
}

.wufoo input.text:focus,
.wufoo textarea.textarea:focus,
.wufoo select.select:focus,
.wufoo .focused {
	background: #16171a !important;
	border-color: #f4d4a9 !important;
	box-shadow: 0 0 0 3px rgba(244, 212, 169, 0.1) !important;
	outline: none !important;
}

/* Remove box shadow glyp from user instructions */
.user-instructions:hover:before {
	box-shadow: none !important;
}

/* Checkboxes and Radio Buttons */
.wufoo label.choice {
	color: #ffffff !important;
	font-family:
		'Source Sans 3',
		-apple-system,
		BlinkMacSystemFont,
		sans-serif !important;
	font-size: 1rem !important;
	margin-left: 0.5rem !important;
}

.wufoo li div,
.wufoo li div label,
.wufoo li span label {
	color: #ffffff !important;
	font-family:
		'Source Sans 3',
		-apple-system,
		BlinkMacSystemFont,
		sans-serif !important;
	font-size: 1.2rem !important;
}

/* Dropdowns */
.wufoo-dropdown-menu {
	background: #000 !important;
}

.wufoo-dropdown-menu li {
	font-size: 1rem !important;
	margin-bottom: 0 !important;
}

.wufoo-dropdown-menu li:hover {
	background-color: #444444 !important;
	color: #fff !important;
	width: 100% !important;
}

.wufoo-dropdown-control-input text {
	background-color: #000000 !important;
	color: #fff !important;
}

.wufoo-dropdown-control .text {
	background-color: #000000 !important;
	color: #fff !important;
}

/* Submit Button */
.wufoo input[type='submit'],
.wufoo .btns input {
	background: #f4d4a9 !important;
	border: 2px solid #f4d4a9 !important;
	border-radius: 6px !important;
	color: #1f2937 !important;
	cursor: pointer !important;
	float: left !important;
	font-family:
		'Source Sans 3',
		-apple-system,
		BlinkMacSystemFont,
		sans-serif !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em !important;
	margin: 1.5rem 0 0 0 !important;
	padding: 1rem 2rem !important;
	text-transform: uppercase !important;
	transition: all 0.2s ease !important;
}

.wufoo input[type='submit']:hover,
.wufoo .btns input:hover {
	background: transparent !important;
	border-color: #f4d4a9 !important;
	color: #ffffff !important;
}

/* Instructions */
.wufoo .instruct {
	background: #16171a !important;
	border: 1px solid #444444 !important;
	border-radius: 4px !important;
	color: #ababab !important;
	font-family:
		'Source Sans 3',
		-apple-system,
		BlinkMacSystemFont,
		sans-serif !important;
	font-size: 0.875rem !important;
	line-height: 1.5 !important;
	margin: 0.5rem 0 1rem 0 !important;
	padding: 1rem !important;
}

/* Error States */
.wufoo .req {
	color: #ef4444 !important;
}

.wufoo .info.error {
	background: rgba(239, 68, 68, 0.1) !important;
	border-color: #ef4444 !important;
}

/* Remove bullets from lists */
.wufoo ul,
.wufoo ul li {
	list-style: none !important;
	list-style-type: none !important;
}

/* Form Field Spacing */
.wufoo li {
	padding-bottom: 0.5rem !important;
}

.wufoo fieldset {
	margin-bottom: 2rem !important;
	padding: 0 !important;
}

.wufoo .leftHalf,
.wufoo .rightHalf {
	margin-bottom: 1rem !important;
}

/* Logo Area */
#logo {
	background: transparent !important;
	padding: 1rem 0 !important;
	text-align: center !important;
}

#logo a {
	background: none !important;
	display: inline-block !important;
	height: auto !important;
	min-height: auto !important;
}

/* ===============================================
   RESPONSIVE BREAKPOINTS
   =============================================== */

/* Small Mobile (up to 480px) */
@media screen and (max-width: 480px) {
	#container {
		margin: 0 0.5rem 0 0.1rem !important;
		padding: 0.5rem !important;
	}

	.wufoo .info h2 {
		font-size: 1.75rem !important;
	}

	.wufoo label.desc,
	.wufoo legend.desc {
		font-size: 1.25rem !important;
	}
}

/* Mobile (up to 768px) */
@media screen and (max-width: 768px) {
	#container {
		margin: 0 0.5rem 0 0.1rem !important;
		padding: 1rem !important;
	}

	.wufoo .info h2 {
		font-size: 2rem !important;
	}

	.wufoo input[type='submit'],
	.wufoo .btns input {
		float: none !important;
		width: 100% !important;
	}
}

/* Tablet (up to 1024px) */
@media screen and (max-width: 1024px) {
	#container {
		max-width: 95% !important;
	}
}

/* Large Desktop (1600px and up) */
@media screen and (min-width: 1600px) {
	#container {
		max-width: 1400px !important;
	}
}