/**
 * News
 * 
 * @author Slava Yurthev
 */
.toolbar-bottom {
	padding: 0 50px;
}
.toolbar-bottom div::after {
	content: "";
	display: block;
	clear: both;
	width: 100%;
}
.toolbar-bottom .pager .pages {
	float: right;
}
article,
.list {
	margin: 50px 0;
	padding: 0 50px;
}
.list .list-item {}
.list .list-item+.list-item {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid rgb(135, 134, 134);
}
.list .list-item::after {
	content: "";
	display: block;
	clear: both;
	width: 100%;
}
.list .list-item .list-item-image,
.list .list-item .list-item-details {
	width: 49%;
}
.list .list-item .list-item-image {
	float: left;
}
.list .list-item .list-item-details {
	float: right;
}
article .item-title,
.list .list-item .list-item-details h2 {
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(135, 134, 134, 0.5);
}
article .item-datetime,
.list .list-item .list-item-details .datetime {
	margin-bottom: 10px;
	color: rgba(135, 134, 134, 0.5);
	border-bottom: 1px solid rgba(135, 134, 134, 0.5);
	padding-bottom: 10px;
}
.list .list-item .list-item-details .actions .btn {
	width: 100%;
}
article .item-image {
	text-align: center;
}
article .item-text {
	margin-top: 20px;
}

/* --- Blog article content: tables, headings, lists (added for Varroa pillar & future long-form posts) --- */
.news-content .item-text table {
	width: 100%;
	border-collapse: collapse;
	margin: 24px 0;
	font-size: 14px;
	line-height: 1.5;
}
.news-content .item-text th,
.news-content .item-text td {
	border: 1px solid #d8d8d8;
	padding: 8px 10px;
	text-align: left;
	vertical-align: top;
}
.news-content .item-text thead th {
	background: #f3f3f3; /* swap to Beewise amber if preferred, e.g. #f6b300 */
	font-weight: 600;
	white-space: nowrap;
}
.news-content .item-text tbody tr:nth-child(even) {
	background: #fafafa;
}
.news-content .item-text table a {
	word-break: break-word;
}
.news-content .item-text h2 {
	margin: 32px 0 12px;
	font-size: 20px;
	font-weight: bold;
}
.news-content .item-text h3 {
	margin: 24px 0 8px;
	font-size: 18px;
}
.news-content .item-text ul,
.news-content .item-text ol {
	margin: 0 0 16px 22px;
}
.news-content .item-text ul li,
.news-content .item-text ol li {
	list-style: revert;
	margin-bottom: 6px;
}
.news-content .item-text blockquote {
	margin: 20px 0;
	padding: 12px 16px;
	border-left: 4px solid #f6b300;
	background: #fbf7ec;
}
/* Wide tables stay usable on phones */
@media (max-width: 767px) {
	.news-content .item-text table {
		display: block;
		overflow-x: auto;
	}
}