/* ============================================================
     Parse.ly — CrowdSignal Survey Theme
     Brand: #13191e (dark) / #70ac1c (green) / Inter font
     Built using official CrowdSignal CSS class documentation
     ============================================================ */
/* ── FONT ── */
*
{
	font-family:'Inter', sans-serif !important;
	box-sizing:border-box;
}

/* ── PAGE BACKGROUND ── */
body,
  .survey-page-1,
  .survey-page-2,
  .survey-page-3,
  .survey-page-4,
  .survey-page-5
{
	background-color:#13191e !important;
	background-image:radial-gradient(circle at 75% 40%, rgba(112,172,28,0.13) 0%, transparent 55%), radial-gradient(circle at 10% 80%, rgba(112,172,28,0.07) 0%, transparent 45%), radial-gradient(circle, rgba(112,172,28,0.18) 1px, transparent 1px) !important;
	background-size:100% 100%, 100% 100%, 22px 22px !important;
	color:#fff !important;
	min-height:100vh !important;
}

/* ── PAGE CONTAINERS ── */
.PDF_pageOuter
{
	background:transparent !important;
	padding:24px 0 !important;
}

.PDF_pageInner
{
	max-width:680px !important;
	margin:0 auto !important;
	padding:0 16px !important;
}

/* ── QUESTION CARDS ── */
.PDF_question
{
	background:#fff !important;
	border-radius:0 8px 8px 0 !important;
	border-left:4px solid #70ac1c !important;
	padding:24px 28px !important;
	margin-bottom:16px !important;
	box-shadow:0 1px 4px rgba(0,0,0,0.06) !important;
	color:#13191e !important;
}

/* ── INTRO / HEADING CARD ── */
.PDF_question.PDF_heading:first-of-type,
  .PDF_heading
{
	background:#13191e !important;
	border-left:4px solid #70ac1c !important;
	border-radius:0 8px 8px 0 !important;
	padding:32px 28px !important;
	margin-bottom:20px !important;
}

.PDF_heading .qTitle,
  .PDF_heading .qNote,
  .PDF_heading p,
  .PDF_heading div
{
	color:#fff !important;
}

/* ── LOGO IMAGE IN HEADING CARD ── */
.PDF_heading img
{
	display:block !important;
	max-width:160px !important;
	height:auto !important;
	margin-bottom:20px !important;
}

/* ── QUESTION DIVIDER ── */
.PDF_questionDivide
{
	display:none !important;
}

/* ── QUESTION NUMBER ── */
.qNumber
{
	font-size:11px !important;
	font-weight:700 !important;
	letter-spacing:.15em !important;
	text-transform:uppercase !important;
	color:#70ac1c !important;
	margin-bottom:6px !important;
}

/* ── QUESTION TITLE ── */
.qTitle
{
	font-size:16px !important;
	font-weight:600 !important;
	color:#13191e !important;
	line-height:1.05 !important;
	letter-spacing:-.02em !important;
	margin-bottom:6px !important;
}

/* ── QUESTION NOTE ── */
.qNote
{
	font-size:13px !important;
	color:#555 !important;
	margin-bottom:14px !important;
	line-height:1.25 !important;
	letter-spacing:0 !important;
}

/* ── TEXT INPUTS (single line) ── */
.PDF_QT100 input[type="text"],
  .PDF_QT800 input[type="text"],
  .PDF_QT900 input[type="text"],
  .PDF_QT1400 input,
  .PDF_QT1500 input
{
	width:100% !important;
	padding:10px 14px !important;
	border:1.5px solid #d4dbd0 !important;
	border-radius:6px !important;
	font-size:14px !important;
	color:#13191e !important;
	background:#f7f8f6 !important;
	outline:none !important;
	line-height:1.25 !important;
	letter-spacing:0 !important;
	transition:border-color .2s !important;
}

.PDF_QT100 input[type="text"]:focus,
  .PDF_QT800 input[type="text"]:focus,
  .PDF_QT900 input[type="text"]:focus,
  .PDF_QT1400 input:focus,
  .PDF_QT1500 input:focus
{
	border-color:#70ac1c !important;
	background:#fff !important;
}

/* ── TEXTAREA (multi-line) ── */
.PDF_QT200 textarea
{
	width:100% !important;
	padding:10px 14px !important;
	border:1.5px solid #d4dbd0 !important;
	border-radius:6px !important;
	font-size:14px !important;
	color:#13191e !important;
	background:#f7f8f6 !important;
	outline:none !important;
	resize:vertical !important;
	min-height:100px !important;
	line-height:1.25 !important;
	letter-spacing:0 !important;
	transition:border-color .2s !important;
}

.PDF_QT200 textarea:focus
{
	border-color:#70ac1c !important;
	background:#fff !important;
}

/* ── RADIO & CHECKBOX LIST ── */
.PDF_QT400 ul,
  .question-block-400__container
{
	list-style:none !important;
	padding:0 !important;
	margin:0 !important;
}

.PDF_QT400 ul li,
  .question-block-400__container > div,
  .question-block-400__container > label
{
	display:flex !important;
	flex-direction:row !important;
	align-items:center !important;
	gap:10px !important;
	margin-bottom:8px !important;
	padding:4px 12px !important;
	border-radius:6px !important;
	transition:background .15s !important;
	cursor:pointer !important;
}

.PDF_QT400 ul li:hover,
  .question-block-400__container > div:hover,
  .question-block-400__container > label:hover
{
	background:rgba(112,172,28,0.08) !important;
}

.PDF_QT400 label,
  .question-block-400__container label
{
	display:inline !important;
	font-size:14px !important;
	color:#13191e !important;
	cursor:pointer !important;
	padding:0 !important;
	border-radius:0 !important;
	background:none !important;
	line-height:1.25 !important;
	letter-spacing:0 !important;
}

/* Suppress any  tags CrowdSignal injects between input and label */
.PDF_QT400 ul li br,
  .question-block-400__container br
{
	display:none !important;
}

/* Ensure label text spans stay inline */
.PDF_QT400 label span,
  .question-block-400__container label span
{
	display:inline !important;
}

/* Custom radio */
.PDF_QT400 input[type="radio"]
{
	appearance:none !important;
	-webkit-appearance:none !important;
	width:18px !important;
	height:18px !important;
	border:2px solid #a0b89a !important;
	border-radius:50% !important;
	flex-shrink:0 !important;
	cursor:pointer !important;
	transition:border-color 0.2s, background .2s !important;
	position:relative !important;
}

.PDF_QT400 input[type="radio"]:checked
{
	border-color:#70ac1c !important;
	background:#70ac1c !important;
	box-shadow:inset 0 0 0 3px #fff !important;
}

/* Custom checkbox */
.PDF_QT400 input[type="checkbox"]
{
	appearance:none !important;
	-webkit-appearance:none !important;
	width:18px !important;
	height:18px !important;
	border:2px solid #a0b89a !important;
	border-radius:4px !important;
	flex-shrink:0 !important;
	cursor:pointer !important;
	transition:border-color 0.2s, background .2s !important;
}

.PDF_QT400 input[type="checkbox"]:checked
{
	border-color:#70ac1c !important;
	background:#70ac1c !important;
	background-image:url('image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 12\A  10\'%3E%3Cpath d=\'M1 5l3.5 3.5L11 1\' stroke=\'%23fff\' stroke-width=\'2\' fill=\'none\' stroke-linecap=\'round\'\A  stroke-linejoin=\'round\'/%3E%3C/svg%3E') !important;
	background-size:11px 9px !important;
	background-repeat:no-repeat !important;
	background-position:center !important;
}

/* ── SELECT DROPDOWN ── */
.PDF_QT400 select
{
	width:100% !important;
	padding:10px 14px !important;
	border:1.5px solid #d4dbd0 !important;
	border-radius:6px !important;
	font-size:14px !important;
	color:#13191e !important;
	background:#f7f8f6 !important;
	outline:none !important;
	cursor:pointer !important;
}

.PDF_QT400 select:focus
{
	border-color:#70ac1c !important;
}

/* ── MATRIX / LIKERT ── */
.PDF_QT1200 table
{
	width:100% !important;
	border-collapse:collapse !important;
	font-size:13px !important;
}

.PDF_QT1200 th
{
	font-size:12px !important;
	font-weight:600 !important;
	color:#70ac1c !important;
	text-align:center !important;
	padding:8px 6px !important;
	border-bottom:2px solid #e0e8dc !important;
}

.PDF_QT1200 td
{
	text-align:center !important;
	padding:10px 6px !important;
	border-bottom:1px solid #f0f4ee !important;
	color:#13191e !important;
}

.PDF_QT1200 tr.alt td
{
	background:#f7f9f5 !important;
}

.PDF_QT1200 input[type="radio"],
  .PDF_QT1200 input[type="checkbox"]
{
	accent-color:#70ac1c !important;
	width:16px !important;
	height:16px !important;
	cursor:pointer !important;
}

/* ── PAGINATION CONTAINER (Continue button wrapper) ── */
.PDF_pagination,
  .PDF_question.PDF_pagination
{
	background:transparent !important;
	border:none !important;
	border-left:none !important;
	box-shadow:none !important;
	padding:16px 0 !important;
}

/* ── NAVIGATION BUTTONS ── */
input[type="submit"],
  input[type="button"],
  input[type="reset"],
  .next-button,
  .prev-button,
  .submit-button,
  a.next-button,
  a.prev-button,
  button
{
	background:#70ac1c !important;
	color:#13191e !important;
	border:none !important;
	border-radius:999px !important;
	padding:11px 28px !important;
	font-size:13px !important;
	font-weight:700 !important;
	letter-spacing:.05em !important;
	text-transform:uppercase !important;
	cursor:pointer !important;
	transition:background .2s !important;
	text-decoration:none !important;
	display:inline-block !important;
}

input[type="submit"]:hover,
  input[type="button"]:hover,
  .next-button:hover,
  .submit-button:hover
{
	background:#5e9316 !important;
}

/* ── PROGRESS BAR ── */
.progress-bar,
  .PDF_progress,
  [class*="progress"]
{
	background:#dce8d4 !important;
	border-radius:999px !important;
	height:6px !important;
	overflow:hidden !important;
	margin-bottom:20px !important;
}

.progress-bar > div,
  .PDF_progress > div,
  [class*="progress"] > div,
  [class*="progress-fill"],
  [class*="progress-value"]
{
	background:#70ac1c !important;
	border-radius:999px !important;
	height:100% !important;
	transition:width .3s ease !important;
}

/* ── LABELS (name/address/date fields) ── */
.PDF_QT800 label,
  .PDF_QT900 label,
  .PDF_QT1000 label,
  .PDF_QT1400 label,
  .PDF_QT1500 label
{
	display:block !important;
	font-size:13px !important;
	font-weight:600 !important;
	color:#444 !important;
	margin-bottom:4px !important;
	margin-top:10px !important;
}

/* ── FILE UPLOAD ── */
.PDF_QT1600 input[type="file"]
{
	font-size:13px !important;
	color:#13191e !important;
}

/* ── ERROR MESSAGES ── */
.qError
{
	color:#c0392b !important;
	font-size:12px !important;
	margin-top:4px !important;
}

/* ── ERROR STATE ── */
/* Inline error message ("This question is mandatory.") */
.PDF_err
{
	color:#c0392b !important;
	font-size:13px !important;
	font-weight:600 !important;
	background:rgba(192,57,43,0.08) !important;
	border-left:3px solid #c0392b !important;
	border-radius:0 4px 4px 0 !important;
	padding:8px 12px !important;
	margin-bottom:8px !important;
}

/* Error-state question card — correct CrowdSignal class name is PDF_questionErr */
.PDF_questionErr
{
	background:#fff !important;
	border-left:4px solid #c0392b !important;
	border-radius:0 8px 8px 0 !important;
	padding:24px 28px !important;
	margin-bottom:16px !important;
	color:#13191e !important;
	box-shadow:0 1px 4px rgba(0,0,0,0.06) !important;
}

/* Force all children in error-state cards to be dark */
.PDF_questionErr *
{
	color:#13191e !important;
}

/* Re-allow green for question numbers */
.PDF_questionErr .qNumber
{
	color:#70ac1c !important;
}

/* Fieldset scrollbox — ensure transparent so cards show correctly */
.PDF_fieldset-scrollbox
{
	background:transparent !important;
}

/* Page-level error banner */
.PDF_pageError,
  .page-error,
  [class*="pageError"],
  [class*="PageError"],
  p.error,
  div.error
{
	background:rgba(192,57,43,0.12) !important;
	border-left:4px solid #c0392b !important;
	border-radius:0 6px 6px 0 !important;
	color:#fff !important;
	font-size:13px !important;
	font-weight:600 !important;
	padding:12px 16px !important;
	margin-bottom:16px !important;
}

/* Force radio/checkbox labels readable in all states */
.PDF_QT400 label,
  .PDF_questionErr .PDF_QT400 label,
  .question-block-400__container label
{
	color:#13191e !important;
	background:transparent !important;
}

/* ── REQUIRED STAR ── */
.required,
  .PDF_required
{
	color:#70ac1c !important;
}

/* ── SURVEY FOOTER ── */
.PDF_surveyFooter,
  [class*="survey-footer"],
  [class*="powered-by"]
{
	text-align:center !important;
	font-size:11px !important;
	color:#999 !important;
	padding:20px 0 !important;
}