/**
 * Campus Services.
 *
 * Brand colours sampled from adroittutors.com, as everywhere else in Adroit.
 * A public page, so it inherits the theme's body font and is scoped throughout
 * to .adroit-print.
 */

.adroit-print {
	--p-brand: #830606;
	--p-deep: #6f0b0b;
	--p-tint: #fbeaea;
	--p-line: #e8c9c9;
	--p-ink: #333333;
	--p-strong: #1a1a1a;
	--p-faint: #8b8f97;
	--p-rule: #e2e4e8;
	--p-ok: #1b6349;
	--p-ok-soft: #e4f1eb;
	--p-warn: #8a5d00;
	--p-warn-soft: #fdf3df;
	--p-head: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

	color: var(--p-ink); font-size: 16px; line-height: 1.55;
	max-width: 42rem;
}
.adroit-print *, .adroit-print *::before, .adroit-print *::after { box-sizing: border-box; }
.adroit-print h2 { font-family: var(--p-head); color: var(--p-strong); margin: 0 0 .5rem; }
.adroit-print-lede { margin: 0 0 .35rem; }
.adroit-print-rates { margin: 0 0 1.4rem; font-size: .9rem; color: var(--p-faint); }
.adroit-print-help { display: block; margin-top: .3rem; font-size: .83rem; color: var(--p-faint); }
.adroit-print-error {
	padding: .75rem 1rem; margin: 0 0 1.2rem;
	background: #fbeae9; border: 1px solid #f0c4c1; border-radius: 6px; color: #a81e17;
}

/* ---------------------------------------------------------------- form -- */

.adroit-print-field { margin: 0 0 1rem; }
.adroit-print-field label {
	display: block; margin-bottom: .3rem;
	font-family: var(--p-head); font-size: .88rem; font-weight: 600; color: var(--p-strong);
}
.adroit-print-field input[type="text"],
.adroit-print-field input[type="tel"],
.adroit-print-field input[type="email"],
.adroit-print-field input[type="number"],
.adroit-print-field input[type="file"],
.adroit-print-field select {
	width: 100%; max-width: 24rem;
	padding: .5rem .65rem; font: inherit; font-size: .95rem;
	border: 1px solid var(--p-rule); border-radius: 6px; background: #fff; color: var(--p-ink);
}
.adroit-print-field input:focus, .adroit-print-field select:focus {
	outline: 2px solid var(--p-brand); outline-offset: 1px; border-color: var(--p-brand);
}

.adroit-print-quote-box {
	margin: 0 0 1.2rem; padding: .85rem 1rem;
	background: var(--p-tint); border: 1px solid var(--p-line); border-radius: 6px;
	font-size: .9rem;
}
.adroit-print-quote-wait { margin: 0 !important; }

.adroit-print-go {
	display: inline-block !important; cursor: pointer;
	padding: .7rem 1.4rem !important;
	font-family: var(--p-head) !important; font-size: .98rem !important; font-weight: 600 !important;
	color: #fff !important; background: var(--p-brand) !important;
	border: 1px solid var(--p-brand) !important; border-radius: 6px !important;
	text-transform: none !important; letter-spacing: normal !important;
}
.adroit-print-go:hover { background: var(--p-deep) !important; border-color: var(--p-deep) !important; }

/* --------------------------------------------------------------- order -- */

.adroit-print-order {
	padding: 1.2rem 1.3rem; margin: 0 0 1.5rem;
	background: #fff; border: 1px solid var(--p-rule); border-radius: 8px;
}
.adroit-print-code {
	margin: 0 0 1rem !important; font-size: .8rem; color: var(--p-faint);
	text-transform: uppercase; letter-spacing: .07em;
}
.adroit-print-code strong {
	display: inline-block; margin-top: .2rem;
	font-family: var(--p-head); font-size: 1.9rem; letter-spacing: .12em;
	color: var(--p-brand); text-transform: none;
}
.adroit-print-status { font-size: 1.2rem !important; margin: 0 0 .3rem !important; }
.adroit-print-status--ready { color: var(--p-ok) !important; }
.adroit-print-status--unpaid { color: var(--p-warn) !important; }

.adroit-print-quote { width: 100%; margin: 1.1rem 0; border-collapse: collapse; font-size: .92rem; }
.adroit-print-quote td { padding: .4rem 0; border-bottom: 1px solid #eeeff2; }
.adroit-print-quote td:last-child { text-align: right; white-space: nowrap; }
.adroit-print-total td { font-weight: 700; border-bottom: 0; border-top: 2px solid var(--p-rule); padding-top: .6rem; }
.adroit-print-file { font-size: .85rem; color: var(--p-faint); margin: 0 !important; }
.adroit-print-unpaid {
	margin: 1rem 0 0 !important; padding: .7rem .9rem; font-size: .88rem;
	background: var(--p-warn-soft); border-radius: 6px; color: var(--p-warn);
}

/* -------------------------------------------------------------- lookup -- */

.adroit-print-lookup {
	display: flex; flex-wrap: wrap; gap: .5rem; align-items: flex-end;
	margin-top: 1.6rem; padding-top: 1.2rem; border-top: 1px solid var(--p-rule);
}
.adroit-print-lookup label {
	flex: 1 0 100%;
	font-family: var(--p-head); font-size: .85rem; font-weight: 600; color: var(--p-strong);
}
.adroit-print-lookup input {
	flex: 1 1 12rem; padding: .5rem .65rem; font: inherit;
	text-transform: uppercase; letter-spacing: .08em;
	border: 1px solid var(--p-rule); border-radius: 6px;
}
.adroit-print-lookup button {
	padding: .5rem 1rem !important; cursor: pointer;
	font-family: var(--p-head) !important; font-weight: 600 !important;
	color: var(--p-brand) !important; background: #fff !important;
	border: 1px solid var(--p-line) !important; border-radius: 6px !important;
	text-transform: none !important;
}
.adroit-print-lookup button:hover { background: var(--p-tint) !important; }

/* -------------------------------------------------------------- picker -- */

.adroit-picker {
	display: flex; flex-wrap: wrap; gap: .5rem; align-items: flex-end;
	margin: 0 0 1.6rem; padding: 0 0 1.3rem; border-bottom: 1px solid var(--p-rule);
}
.adroit-picker label {
	flex: 1 0 100%; margin-bottom: .1rem;
	font-family: var(--p-head); font-size: .88rem; font-weight: 600; color: var(--p-strong);
}
.adroit-picker select {
	flex: 1 1 16rem; max-width: 24rem;
	padding: .55rem .65rem; font: inherit; font-size: .98rem;
	border: 1px solid var(--p-rule); border-radius: 6px; background: #fff; color: var(--p-ink);
}
.adroit-picker select:focus { outline: 2px solid var(--p-brand); outline-offset: 1px; }
.adroit-picker-go {
	padding: .55rem 1rem !important; cursor: pointer;
	font-family: var(--p-head) !important; font-weight: 600 !important;
	color: #fff !important; background: var(--p-brand) !important;
	border: 1px solid var(--p-brand) !important; border-radius: 6px !important;
	text-transform: none !important;
}

/* --------------------------------------------------------- coming soon -- */

.adroit-soon {
	padding: 1.3rem 1.4rem;
	background: #fff; border: 1px solid var(--p-rule); border-radius: 8px;
}
.adroit-soon-tag {
	display: inline-block; margin: 0 0 .7rem !important;
	padding: .2rem .6rem;
	font-family: var(--p-head); font-size: .7rem; font-weight: 700;
	letter-spacing: .08em; text-transform: uppercase;
	color: var(--p-warn); background: var(--p-warn-soft); border-radius: 999px;
}
.adroit-soon h2 { margin: 0 0 .4rem; }
.adroit-soon-lede { font-size: 1.02rem; margin: 0 0 .7rem !important; }
.adroit-soon-ask {
	margin: 1.4rem 0 .9rem !important; padding-top: 1.1rem;
	border-top: 1px solid var(--p-rule);
}
.adroit-soon-done {
	margin: 1.2rem 0 0 !important; padding: .8rem 1rem;
	background: var(--p-ok-soft); border-radius: 6px; color: var(--p-ok); font-weight: 600;
}