/* ICoN-PCL overlay for com_kb.
 *
 * A template stylesheet REPLACES core's file of the same name, so core is
 * imported first and everything below layers on top.
 *
 * The grey slabs, hatched headings and dark search bar this component used to
 * show are not from here: they come from core's shared .container /
 * .container-block / .data-entry primitives, rebranded once in less/site.less
 * so every component that uses them benefits. This file only carries what is
 * specific to the knowledge base.
 *
 * Palette mirrors less/site.less; this file is plain CSS and has no variables.
 *   ink #14161a   gold #cfb991   aged #8e6f3e   line #e2ded4
 *   soft #f7f5f0  muted #555960  link #7a5a24
 */
@import url("/core/components/com_kb/site/assets/css/kb.css");

/* Article lists ----------------------------------------------------------- */

.com_kb ul.articles {
	margin: 0;
	padding: 0.4rem 0 0.9rem;
	list-style: none;
}

.com_kb ul.articles li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #efece5;
	background: none;
}

.com_kb ul.articles li:last-child {
	border-bottom: 0;
}

.com_kb ul.articles li a {
	display: block;
	padding: 0.6rem 0.4rem 0.6rem 1.6rem;
	position: relative;
	color: #2c3037;
	font-weight: 500;
	text-decoration: none;
}

.com_kb ul.articles li a:hover {
	color: #14161a;
	background: #faf8f4;
	text-decoration: none;
}

/* Core hangs a fontcon on the li. A single quiet marker on the link reads
   better in a dense list and survives the hover background. */
.com_kb ul.articles li.icon-file:before {
	display: none;
}

.com_kb ul.articles li a:before {
	position: absolute;
	top: 0.62rem;
	left: 0.45rem;
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 50%;
	background: #cfb991;
	content: "";
}

/* Section headings inside the blocks -------------------------------------- */

.com_kb .container-block h4 {
	margin: 0;
	padding: 0.9rem 1.15rem 0.35rem;
	color: #8e6f3e;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.com_kb .container-block h4 a {
	color: #8e6f3e;
	text-decoration: none;
}

.com_kb .container-block h4 a:hover {
	color: #5c4319;
	text-decoration: underline;
}

.com_kb .container-block h4 .more {
	color: #9d9795;
}

.com_kb .item-count {
	color: #6f727b;
	font-weight: 600;
}

/* Article page ------------------------------------------------------------ */

.com_kb .entry-content,
.com_kb .entry-body {
	font-size: 1.02rem;
	line-height: 1.7;
}

.com_kb .entry-content p:last-child {
	margin-bottom: 0;
}

/* Helpfulness voting, tags and the article footer read as metadata, not as
   primary content. */
.com_kb .container .voting,
.com_kb .container p.voting,
.com_kb .entry-popularity,
.com_kb .entry-tags {
	color: #555960;
	font-size: 0.9rem;
}

.com_kb .entry-tags p {
	margin-bottom: 0.4rem;
}

/* Category listing -------------------------------------------------------- */

.com_kb .entries .entry-identifier {
	color: #8e6f3e;
}

/* Narrow widths ----------------------------------------------------------- */

@media (max-width: 52em) {
	.com_kb .col.span-half {
		width: 100%;
		margin-left: 0;
	}

	.com_kb ul.articles {
		padding-bottom: 0.4rem;
	}
}