/* Styling for the "Company News" list (mod_articles_latest with the old ZOO
 * markup). Ports the rules the live page got from two files removed in the
 * migration: the ZOO item module's own stylesheet
 * (modules/mod_zooitem/tmpl/list/style.css, YOOtheme, GPLv2) and the template's
 * zoo.css. Only the selectors this list actually uses are kept — media/
 * description/links positions have no equivalent in the article markup.
 * Sits at zoo.css's old position in the load order. */

ul.zoo-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.zoo-list > li {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #ddd;
}

ul.zoo-list > li:first-child {
	margin-top: 0;
	padding-top: 0;
	border: none;
}

.zoo-item-list > li {
	overflow: hidden;
	padding: 12px 0 !important;
	margin: 0;
}

.zoo-item-list p.title {
	margin: 0;
}

.zoo-item-list p.title a {
	font-size: 14px !important;
}

.zoo-item-list p.meta {
	margin: 0;
	padding: 5px 0;
	font-size: 11px;
	color: #999;
	line-height: 13px;
	font-style: normal !important;
}

.zoo-item-list .element-itemcreated {
	font-size: 11px;
	color: #666;
}

/* Blog index (/blog, /blog/news) — the ZOO frontpage layout: small grey date,
 * large linked title, tag chips. */

ul.blog-index {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-index-item {
	padding: 12px 0 16px;
	border-bottom: 1px solid #e9e9e9;
}

.blog-index-date {
	margin: 0;
	font-size: 11px;
	line-height: 13px;
	color: #999;
}

.blog-index-title {
	margin: 2px 0 6px;
	font-size: 20px;
	line-height: 26px;
	font-weight: normal;
}

.blog-index-tags {
	margin: 0;
}

.blog-index-tag {
	display: inline-block;
	margin: 0 4px 3px 0;
	padding: 2px 8px;
	background: #f0f0f0;
	border-radius: 2px;
	font-size: 11px;
	line-height: 16px;
	color: #666;
}

.blog-index-tag:hover {
	background: #e2e2e2;
	text-decoration: none;
}

/* template.css darkens headline links site-wide; the blog index wants the
 * ordinary link blue the ZOO titles had. */
.blog-index-title a,
.blog-index-title a:hover {
	color: #005bab;
}