/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> .posts-grid, .easy-posts-grid .oxy-posts **/
.posts-grid, 
.easy-posts-grid .oxy-posts {
	display: grid !important;
	grid-gap: 50px 30px;
	gap: 50px 30px;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
}

/** General >> .recent-posts-section .posts-grid .posts-grid-item:first-child **/
.recent-posts-section .posts-grid .posts-grid-item:first-child {
	display: grid;
	grid-column-gap: 30px;
	column-gap: 30px;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
}
.recent-posts-section .posts-grid .posts-grid-item:first-child > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 3;
}

/** General >> .recent-posts-section .posts-grid **/
.recent-posts-section .posts-grid {
	display: grid;
}
.recent-posts-section .posts-grid > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 4;
}

/** General >> .recent-posts-section grid item media **/
.recent-posts-section .posts-grid .posts-grid-item:first-child .posts-grid-item-media {
	height: 410px;
}

/** General >> .recent-posts-section grid item content **/
.recent-posts-section .posts-grid .posts-grid-item:first-child .posts-grid-item-content {
	
}

/** General >> Posts grid item:first-child posts grid item title **/
.recent-posts-section .posts-grid .posts-grid-item:first-child .posts-grid-item-title {
	font-size: 36px;
	margin-top: 20px;
}

/** General >> Posts grid item:first-child posts grid item excerpt **/
.recent-posts-section .posts-grid .posts-grid-item:first-child .posts-grid-item-excerpt {
	color: rgb(131, 140, 154);
	font-size: 22px;
	margin-top: 10px;
}

/** General >> .recent-posts-section  .posts-grid .posts-grid-item:first-child .posts-grid-item-author **/
.recent-posts-section  .posts-grid .posts-grid-item:first-child .posts-grid-item-author {
	display: block;
}

/** General >> .recent-posts-section .posts-grid .posts-grid-item:first-child .posts-grid-item-meta-container **/
.recent-posts-section .posts-grid .posts-grid-item:first-child .posts-grid-item-meta-container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

/** General >> .recent-posts-section .posts-grid .posts-grid-item:first-child .posts-grid-item-category **/
.recent-posts-section .posts-grid .posts-grid-item:first-child .posts-grid-item-category {
	margin-top: 0;
}


/*( Desktop & Tablet (imp) )*/
@media (min-width: 768px) and (max-width: 991px) {

	/*= General =================== */

	/** General >> .recent-posts-section .posts-grid .posts-grid-item:first-child **/
	.recent-posts-section .posts-grid .posts-grid-item:first-child {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
}
.recent-posts-section .posts-grid .posts-grid-item:first-child > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 2;
}


}


/*( Tablet & Phone )*/
@media (max-width: 767px) {

	/*= General =================== */

	/** General >> .recent-posts-section .posts-grid **/
	.recent-posts-section .posts-grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
}
.recent-posts-section .posts-grid > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 2;
}
.recent-posts-section .posts-grid > :nth-child(4) {
	grid-area: 3 / 1 / 4 / 2;
}

	/** General >> .posts-grid, .easy-posts-grid .oxy-posts **/
	.posts-grid, 
.easy-posts-grid .oxy-posts {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
}

	/** General >> .recent-posts-section .posts-grid .posts-grid-item:first-child **/
	.recent-posts-section .posts-grid .posts-grid-item:first-child {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
}
.recent-posts-section .posts-grid .posts-grid-item:first-child > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 2;
}

	/** General >> .recent-posts-section .posts-grid .posts-grid-item:first-child .posts-grid-item-category **/
	.recent-posts-section .posts-grid .posts-grid-item:first-child .posts-grid-item-category {
	margin-top: 30px;
}


}


/*( Phone (imp) )*/
@media (max-width: 479px) {

	/*= General =================== */

	/** General >> .posts-grid, .easy-posts-grid .oxy-posts **/
	.posts-grid, 
.easy-posts-grid .oxy-posts {
	
}

	/** General >> .recent-posts-section .posts-grid **/
	.recent-posts-section .posts-grid {
	
}

	/** General >> .recent-posts-section grid item media **/
	.recent-posts-section .posts-grid .posts-grid-item:first-child .posts-grid-item-media {
	height: 200px;
}


}