/*
 * library.css — the archive's pages beyond the tables: a document's own page
 * and the Document Search form.
 *
 * Both were Document Library Pro's. These rules are its (dlp-single-post.css
 * and dlp-search-box.css), trimmed to what the site shows. The tables are
 * components/document-table; the buttons components/document-buttons. Live's
 * Customizer additions for DLP's table (24px round the controls, the preview
 * image not being a link) are in document-table now.
 */

/* --- A document's page (single-dlp_document.php) --- */

.doc-single {
	display: flex;
	flex-flow: row wrap;
}

.doc-single__main {
	width: calc(65% - 40px);
	padding-right: 40px;
}

.doc-single__aside {
	width: calc(35% - 40px);
	padding-left: 40px;
	border-left: 1px solid #eee;
}

@media (max-width: 768px) {
	.doc-single {
		flex-direction: column-reverse;
	}

	.doc-single__main,
	.doc-single__aside {
		flex: 1;
		width: 100%;
		padding: 0;
		border-left: 0;
	}
}

.doc-single__list {
	margin: 20px 0;
}

.doc-single__label {
	font-weight: 700;
}

.doc-single__image img {
	margin: 0;
}

/* --- The Document Search form (page-document-search.php) --- */

.doc-search {
	display: flex;
	flex-wrap: nowrap;
	max-width: 100%;
	margin-bottom: 1.618em;
}

.doc-search input[type="search"] {
	flex-grow: 1;
	min-width: 3em;
	max-width: 300px;
	margin-bottom: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.doc-search button {
	margin: 0 0 0 0.625em;
	padding: 0.375em 0.625em;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	word-break: normal;
}