/**
 * News & Events blog templates (home.php / single.php) only.
 *
 * These are the two Concrete CMS core stylesheets the original site loaded for
 * its news list (concrete/blocks/page_list/view.css and
 * concrete/css/frontend/pagination.css), copied unchanged: the rest of the
 * blog styling is already in the ported app.min.css.
 */

div.ccm-block-page-list-wrapper {
	position: relative;
}

div.ccm-block-page-list-page-entry-horizontal {
	display: table;
	width: 100%;
}

div.ccm-block-page-list-page-entry-horizontal,
div.ccm-block-page-list-page-entry {
	margin-bottom: 10px;
}

div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail {
	display: table-cell;
	vertical-align: top;
	width: 1px;
}

div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail img {
	width: 120px;
	max-width: none;
}

div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text {
	display: table-cell;
	padding-left: 20px;
	vertical-align: top;
}

div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title {
	font-weight: bold;
}

div.ccm-block-page-list-page-entry-read-more {
	margin-top: 20px;
}

.clear_float:before,
.clear_float:after {
	display: table;
	content: " ";
}

.clear_float:after {
	clear: both;
}

span.sr-only {
	display: none;
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 22px 0;
	border-radius: 2px;
}

.pagination > li {
	display: inline;
}

.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	padding: 8px 16px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #3f9edc;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #2076af;
	background-color: #eee;
	border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index: 2;
	color: #fff;
	background-color: #3f9edc;
	border-color: #3f9edc;
	cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #777;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed;
}

/* Hello Elementor's reset.css (loaded after Bootstrap) sets every heading to
   line-height 1.2; the original blog pages used Bootstrap's 1.1. */
#c5 h1,
#c5 h2,
#c5 h3,
#c5 h4,
#c5 h5,
#c5 h6 {
	line-height: 1.1;
}

/* The original page inherited these from Bootstrap's <body>; here the content
   sits in the #c5 wrapper instead. */
#c5 .blog-container,
#c5 .blog-list-container {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 1.42857143;
	color: #000;
}

#c5 .blog-sidebar h5 {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Share icons: Concrete's own spacing (no list-inline padding, 10px between icons). */
#c5 .ccm-block-share-this-page .list-inline {
	margin-left: 0;
}

#c5 .ccm-block-share-this-page .list-inline > li {
	padding-left: 0;
	padding-right: 0;
	margin-right: 10px;
}