/**
 * @name		Page Builder CK
 * @package		com_pagebuilderck
 * @copyright	Copyright (C) 2015. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 * @author		Cedric Keiflin - https://www.template-creator.com - https://www.joomlack.fr
 */

.blogck {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.blogck-item {
	/*width: calc(1/3*100% - (1 - 1/3)*10px);*/
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.block-link-bottom .blogck-text {
	flex: 1 1 auto;
}

.blogck-link {
	align-self: center;
}

.pagebuilderck .blogck-image img {
	display:block;
	margin: 0 auto;
	height: 100%;
	object-fit: cover;
}

.blogck [data-state="0"] {
	display: none;
}

.blogck-image figure.imageeffectck,
.blogck-image .imageeffectck_img {
	margin: 0;
	height: 100%;
}

/*--- for grid display ---*/
.blogck-grid .blogck-item {
	display: grid;
	grid-template-areas: "img title" "img tags" "img date" "img author" "img text" "img button";
	grid-template-columns: 50% 50%;
	grid-template-rows: auto auto;
}

.blogck-grid .blogck-image {
	grid-area: img;
}

.blogck-grid .blogck-title {
	grid-area: title;
}

.blogck-grid .blogck-text {
	grid-area: text;
}

.blogck-grid .blogck-date {
	grid-area: date;
}

.blogck-grid .blogck-link {
	grid-area: button;
}

.blogck-grid .blogck-author {
	grid-area: author;
}

.blogck-grid .blogck-tags {
	grid-area: tags;
}

/*--- pagination ---*/
.blogck-pagination {
	margin: 10px;
}

.blogck-pagination ul {
	display: inline-block;
	margin-left: 0;
	margin-bottom: 0;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.blogck-pagination ul > li {
	display: inline;
}

.blogck-pagination ul > li > a:hover, 
.blogck-pagination ul > li > a:focus, 
.blogck-pagination ul > .active > a, 
.blogck-pagination ul > .active > span {
	background-color: #f5f5f5;
}

.blogck-pagination ul > li > a, .blogck-pagination ul > li > span {
	float: left;
	padding: 4px 12px;
	line-height: 18px;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	border-left-width: 0;
}

.blogck-pagination ul > li:first-child > a, .blogck-pagination ul > li:first-child > span {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.blogck-pagination ul > li:first-child > a, .blogck-pagination ul > li:first-child > span {
	border-left-width: 1px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.blogck-pagination ul > li:last-child > a, .blogck-pagination ul > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.blogck-pagination ul > .active > a, .blogck-pagination ul > .active > span {
	color: #999;
	cursor: default;
}

.blogck-link[data-align="left"] {
	align-self: self-start;
}

.blogck-link[data-align="right"] {
	align-self: self-end;
}

.blogck-tags {
	text-align: center;
}

.blogck-tags ul {
	margin: 0;
}