/* Oki Knowledge Base Tools — front-end styles */

/* ---- Search ---- */
.okb-search { position: relative; width: 100%;max-width: 100%; font-size: 15px; }
.okb-search-input {
	width: 100%; box-sizing: border-box; padding: .7em 1em;
	border: 1px solid #bbb; border-radius: 8px; font-size: 1em;
}
input.okb-search-input,
.okb-search-input input[type=search] {
    width: 100%;max-width: 100%;
}
.okb-search-input:focus { outline: 2px solid #2b6cb0; outline-offset: 1px; }
.okb-search-results {
	list-style: none; margin: .35em 0 0; padding: .3em;
	position: absolute; z-index: 50; left: 0; right: 0; background: #fff;
	border: 1px solid #ddd; border-radius: 8px;
	box-shadow: 0 8px 24px rgba(0,0,0,.12); max-height: 60vh; overflow: auto;
}
.okb-search-results li { margin: 0; }
.okb-search-results a { display: block; text-decoration: none; color: inherit; padding: .55em .7em; border-radius: 6px; }
.okb-search-results a:hover, .okb-search-results li.okb-active a { background: rgba(43,108,176,.10); }
.okb-search-q { font-weight: 600; display: block; }
.okb-search-q mark, .okb-search-snip mark { background: #ffe49b; color: inherit; padding: 0 .05em; border-radius: 2px; }
.okb-search-meta { font-size: 12px; text-transform: uppercase; letter-spacing: .03em; opacity: .6; }
.okb-search-snip { display: block; font-size: 13px; opacity: .8; margin-top: .15em; }
.okb-search-msg { margin: .5em 0 0; font-size: 14px; opacity: .7; }

/* ---- Navigation menu ---- */
.okb-menu { font-size: 15px; line-height: 1.4; }
.okb-menu-title { font-weight: 700; text-transform: uppercase; letter-spacing: .04em; font-size: 13px; margin: 0 0 .6em; opacity: .7; }
.okb-menu ul { list-style: none; margin: 0; padding: 0; }
.okb-menu-pages > li { margin: 0 0 .15em; }
.okb-menu-pages > li > a { display: block; padding: .5em .6em; border-radius: 6px; text-decoration: none; color: inherit; font-weight: 600; }
.okb-menu-pages > li > a:hover { background: rgba(0,0,0,.05); }
.okb-menu-pages > li.is-active > a { background: rgba(0,0,0,.06); }
.okb-menu-questions { margin: .15em 0 .5em; padding-left: .4em; border-left: 2px solid rgba(0,0,0,.1); }
.okb-menu-questions li { margin: 0; }
.okb-menu-questions a { display: block; padding: .35em .6em; border-radius: 5px; text-decoration: none; color: inherit; font-weight: 400; font-size: 14px; opacity: .85; }
.okb-menu-questions a:hover { background: rgba(0,0,0,.05); opacity: 1; }