/**
* Theme Name: EPub HelloBiz Custom
* Template:   hello-biz
*/

.epub-blog-categories {
	list-style-type: none;
	margin: 0 0 60px 0;
	padding: 0;
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.epub-blog-categories li {
	float: left;
	font-size: 1.125rem;
	padding: 4px 8px;
	border-radius: 5px;
	transition: 0.25s all ease-in-out;	
}

.epub-blog-categories li:not(.active) a {
	color: #C7C7C7;
}

.epub-blog-categories li.active, .epub-blog-categories li:hover {
	background-color: #CBE3FA;
}

.epub-blog-categories li.active a, .epub-blog-categories li:hover a {
	color: #000000;
}

.epub-blog-categories li:not(:first-of-type) {
	margin-left: 10px;
}

.epub-blog-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

@media only screen and (min-width: 577px) and (max-width: 991px) {
	.epub-blog {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (max-width: 576px) {
	.epub-blog {
		grid-template-columns: repeat(1, 1fr);
	}
}

.epub-blog .epub-blog-card {
	min-height: 410px;
	font-family: var(--e-global-typography-primary-font-family);
}

.epub-blog .epub-blog-card .epub-blog-card__thumb-wrapper {
	height: 184px;
	width: 100%;
	background-color: #ECF4FD;
	border-radius: 8px;
	margin-bottom: 20px;
}

.epub-blog .epub-blog-card .epub-blog-card__thumb {
	max-width: 610px;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.epub-blog .epub-blog-card .epub-blog-card__name {
	font-size: 1.125rem;
	font-weight: 700;
	color: #3C4858;
}

.epub-blog .epub-blog-card .epub-blog-card__excerpt {
	color: #3C4858;
}

.page-numbers {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-content: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.page-numbers li a, .page-numbers li > span {
	padding: 4px 8px;
	border-radius: 5px;
	font-weight: 600;
	font-size: 1.125rem;
}

.page-numbers li a:not(.current) {
	color: #C7C7C7;
}

.page-numbers li span.current, .page-numbers li:hover a {
	color: #000000;
	background-color: #CBE3FA;
}

.page-numbers li, .page-numbers li a {
	font-family: var(--e-global-typography-primary-font-family);
}

.page-numbers li:not(:first-of-type):not(:last-of-type) {
	margin-left: 5px;
	margin-right: 5px;
}