/* L44 Legal — the legal pages in the site's own language.
 * 1000px measure, no padding on desktop and 15px on a phone; square corners;
 * CoFo Sans from the theme; upper-case labels; the document switcher drawn as
 * the site's filter buttons (4px white border, pink hover, green when on). The
 * theme skins every list and button, so those rules say !important. */

.l44lg { color: #181617; padding: 30px 0 60px; }
.l44lg__inner { max-width: 1000px; margin: 0 auto; }
@media (max-width: 1030px) { .l44lg__inner { padding: 0 15px; } }
/* Under 992px the theme stops pushing the page down below its fixed header
   (main has no top padding there), so the document clears it itself. */
@media (max-width: 991px) { .l44lg { padding-top: calc(var(--lb-main-top-offset, 95px) + 25px); } }

/* The switcher between the legal documents. */
.l44lg__nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 34px; }
.l44lg__tab {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 35px; min-width: 90px; padding: 4px 14px;
	border: 4px solid #ffffff; background: transparent; color: #181617 !important;
	font-size: 13px; line-height: 1.15; letter-spacing: .02em; text-transform: uppercase;
	text-decoration: none !important; box-sizing: border-box;
}
.l44lg__tab:hover { background: #e6b5c9; border-color: #e6b5c9; }
.l44lg__tab.is-on { background: #00a95c; border-color: #00a95c; color: #ffffff !important; }

.l44lg__title {
	margin: 0 0 10px !important; font-size: 44px !important; font-weight: 400 !important;
	line-height: 1.05 !important; text-transform: uppercase; letter-spacing: 0;
}
.l44lg__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin: 0 0 30px; }
.l44lg__date { font-size: 13px; color: #6f6d6e; text-transform: uppercase; letter-spacing: .02em; }
.l44lg__print {
	height: 35px; padding: 0 16px !important; margin: 0 !important;
	border: 0 !important; border-radius: 0 !important; background: #00a95c !important; color: #ffffff !important;
	font: inherit !important; font-size: 13px !important; text-transform: uppercase; letter-spacing: .02em; cursor: pointer;
}
.l44lg__print:hover { background: #008f4e !important; }

/* The text. */
.l44lg__body { font-size: 16px; line-height: 1.45; }
.l44lg__body h2 {
	margin: 1.9em 0 .6em !important; font-size: 22px !important; font-weight: 400 !important;
	line-height: 1.2 !important; text-transform: uppercase;
}
.l44lg__body h2:first-child { margin-top: 0 !important; }
.l44lg__body p { margin: 0 0 1em !important; }
.l44lg__body ul { margin: 0 0 1em 1.2em !important; padding: 0 !important; list-style: disc outside !important; }
.l44lg__body li { margin: 0 0 .35em !important; padding: 0 !important; list-style: inherit !important; }
.l44lg__body li::before { content: none !important; }
.l44lg__body a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.l44lg__body a:hover { color: #00a95c; }

/* The forms: lines to write on and boxes to tick, on screen and on paper. */
.l44lg--form .l44lg__body { background: #ffffff; padding: 30px 34px; }
.l44lg-fill { display: inline-block; min-width: 280px; border-bottom: 1px solid #181617; height: 1.1em; vertical-align: baseline; }
.l44lg-line { border-bottom: 1px solid #181617; height: 1.9em; margin: 0 0 .4em !important; }
.l44lg-note { font-size: 14px; color: #6f6d6e; }
.l44lg__body ul.l44lg-boxes { list-style: none !important; margin-left: 0 !important; }
.l44lg__body ul.l44lg-boxes li { position: relative; padding-left: 28px !important; }
.l44lg__body ul.l44lg-boxes li::before {
	content: "" !important; position: absolute; left: 0; top: .2em;
	width: 14px; height: 14px; border: 2px solid #181617; background: #ffffff;
}

@media (max-width: 640px) {
	.l44lg { padding-top: 20px; }
	.l44lg__title { font-size: 30px !important; }
	.l44lg__nav { gap: 6px; margin-bottom: 24px; }
	.l44lg__tab { font-size: 12px; min-width: 0; }
	.l44lg--form .l44lg__body { padding: 18px; }
	.l44lg-fill { min-width: 160px; }
}

/* Printing a form: only the form, black on white. */
@media print {
	body * { visibility: hidden !important; }
	.l44lg, .l44lg * { visibility: visible !important; }
	.l44lg { position: absolute; left: 0; top: 0; width: 100%; padding: 0; background: #fff; }
	.l44lg__nav, .l44lg__print { display: none !important; }
	.l44lg--form .l44lg__body { padding: 0; }
	.l44lg__title { font-size: 26px !important; }
}