/* Joomla 6 core markup: keeps the look of the Hannah template (Bootstrap 2 based) for the markup of the J6 core layouts */

/* Separator between blog items / below an article (J3 override: <hr>) */
.blog-items .blog-item + .blog-item,
.blog-items + .blog-items,
.items-more,
.com-content-article {
	border-top: 0;
}
.com-content-category-blog__items .blog-item {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eeeeee;
}
.items-more {
	margin: 20px 0;
	padding-top: 20px;
	border-top: 1px solid #eeeeee;
}
.com-content-article {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eeeeee;
}

/* "More articles" list */
ol.com-content-blog__links {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	border: 1px solid #dddddd;
	border-bottom: 0;
	border-radius: 4px;
}
ol.com-content-blog__links li.com-content-blog__link {
	padding: 6px 10px;
	border-bottom: 1px solid #dddddd;
	background: #ffffff;
}

/* Pagination */
.com-content-category-blog__navigation::after {
	content: "";
	display: table;
	clear: both;
}
.com-content-category-blog__counter {
	float: right;
	margin: 0;
	padding-top: 14px;
	font-size: 0.9em;
}
nav.pagination__wrapper {
	margin: 20px 0;
}
ul.pagination {
	display: inline-flex;
	margin: 0;
	padding: 0;
	list-style: none;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
ul.pagination > li.page-item > a,
ul.pagination > li.page-item > span {
	display: block;
	padding: 4px 12px;
	line-height: 20px;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-left-width: 0;
}
ul.pagination > li.page-item:first-child > a,
ul.pagination > li.page-item:first-child > span {
	border-left-width: 1px;
	border-radius: 4px 0 0 4px;
}
ul.pagination > li.page-item:last-child > a,
ul.pagination > li.page-item:last-child > span {
	border-radius: 0 4px 4px 0;
}
ul.pagination > li.page-item > a:hover,
ul.pagination > li.page-item > a:focus,
ul.pagination > li.active > a,
ul.pagination > li.active > span {
	background-color: #f5f5f5;
}
ul.pagination > li.active > a,
ul.pagination > li.active > span {
	color: #999999;
	cursor: default;
}
ul.pagination > li.disabled > span,
ul.pagination > li.disabled > a {
	color: #999999;
	background-color: transparent;
	cursor: default;
}
/* the icons of the J6 core font are not used by this template: text instead of icons */
ul.pagination .icon-angle-double-left::before { content: "Start"; }
ul.pagination .icon-angle-left::before { content: "Prev"; }
ul.pagination .icon-angle-right::before { content: "Next"; }
ul.pagination .icon-angle-double-right::before { content: "End"; }
ul.pagination [class^="icon-"],
ul.pagination [class*=" icon-"] {
	display: inline;
	width: auto;
	height: auto;
	margin: 0;
	background: none;
	font-size: inherit;
	line-height: inherit;
	vertical-align: baseline;
}
ul.pagination [class^="icon-"]::before,
ul.pagination [class*=" icon-"]::before {
	font-family: inherit;
	font-style: normal;
	font-weight: inherit;
	speak: none;
}