/*--------------------------------------------------------------
>>> POSTS PAGE:
----------------------------------------------------------------*/
.archive-header-inner.section-inner.medium {
	max-width: 100%;
    margin: 0;
	width: 100%;
}

.archive-header h1.archive-title {
	color: #2d2d2d;
	text-align: left;
	font-size: 42px;
	text-transform: capitalize;
}

.archive-header .subcat-nav {
	text-align: left;
	margin: 40px 0 10px -5px;
}

.archive-header .subcat-nav a.subcat-link {
	border: 2px solid #2D2D2D;
	border-radius: 100px;
	padding: 8px 18px;
    margin: 0px 5px;
}

.archive-header .subcat-nav a.subcat-link:hover,
.archive-header .subcat-nav a.subcat-link.active {
	background: #B0C472;
}

.mm-archive-header-content .post-header-flex {
	display: grid;
    grid-template-columns: 1fr 200px;
    align-items: flex-start;
}

.mm-archive-header-content .post-header-flex .article-count {
	justify-self: flex-end;
}

.archive-header-inner {
	display: grid;
	grid-template-columns: 100px 1fr;
}

.archive-header-inner img {
	width: 70px;
}

.archive-header-inner.mm-search {
	grid-template-columns: 1fr;
}

.mm-archive-header-content {
	margin-left: 20px;
}

.mm-archive-header-content h1 {
	margin: 0 0 16px 0;
}

.mm-archive-header-content p {
	text-align: left;
}

.archive-header-top p.article-count {
	margin: 0;
}

@media (max-width: 1200px) {
	.archive-header-top {
		display: block!important;
    	text-align: left;
		width: 100%;
    	overflow: hidden;
	}
	.archive-header .subcat-nav {
		white-space: nowrap;
		overflow-x: scroll;
		display: flex;
		margin-right: 0;
	}
}

@media (max-width: 800px) {
	.archive-header h1.archive-title {
		font-size: 30px;
	}
	.archive-header-top .article-count {
		padding-top: 10px;
	}
	.archive-header-inner {
		grid-template-columns: 1fr!important;
	}
	.article-count {
		margin: 1em 0 0 20px;
		text-align: left;
	}
	.mm-archive-header-content .post-header-flex {
		display: block;
		padding-bottom: 20px
	}
	.mm-archive-header-content {
		margin-left: 0px;
	}
	.archive-header-inner img {
		margin-bottom: 20px;
	}
}