.rpt-wrap .mobile-toggle {
	display: none;
}
.recent-posts-toggle .category-tabs { list-style: none; padding: 0; }
.recent-posts-toggle .category-tab { 
	cursor: pointer;
	padding: 10px 0 8px;
	border-bottom: 1px solid #e0c4b8;
	color: #C78E76;
	font-size: 14px;
	font-family: "Haboro Serif";
	letter-spacing: 0.7px;
	text-transform: uppercase;
	transition: all 0.5s;
	margin-top: -1px;
}
.recent-posts-toggle .category-tab.active { 
	color: black;
	border-bottom: 1px solid black;
	border-top: 1px solid black!important;
	padding-left: 0px;
	transition: all 0.5s;
	margin-top: -1px;
	transition: all 0.5s;
}
.recent-posts-toggle .category-tab:first-child {
	border-top: 1px solid #e0c4b8;
}
.recent-posts-toggle .category-tab.active:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border: 1px solid black;
	border-radius: 50%;
	margin: 0 48px 0 0;
	transition: all 0.5s;
}
.recent-posts-toggle .category-tab:before {
	content: "";
	display: inline-block;
	width: 0px;
	height: 0px;
	border: 0px solid black;
	border-radius: 50%;
	margin: 0 0px 0 0;
	transition: all 0.5s;
}
.recent-posts-toggle .category-post { display: none; }
.recent-posts-toggle .category-post.active { display: block; }

.recent-posts-toggle .images { display: flex; gap: 20px; }
.recent-posts-toggle .main-image, .recent-posts-toggle .second-image { width: 50%; }
.recent-posts-toggle .second-image {
	justify-content: flex-end;
	flex-wrap: wrap;
	display:flex;
}
.recent-posts-toggle .second-image .read-now {
	width: 127px;
	height: 24px;
	display: flex;
	justify-content: space-between;
	font-size: 11px;
	text-transform: uppercase;
	font-family: 'Haboro Serif Norm Demi';
	margin-top: 63px;
	padding: 4px 9px 0 9px;
	text-align: center;
	transition: all 0.5s;
}
.recent-posts-toggle .second-image .read-now:hover {
	background-color: #E4C9B1;
}
.recent-posts-toggle .second-image .read-now img {
	width: 31px;
	height: 15px;
	margin: 0;
}
.recent-posts-toggle .main-image img {
	width: 100%;
	height: 493px!important;
	object-fit: cover;
	object-position: center;
}
.recent-posts-toggle .second-image img.image-fit {
	width: 100%;
	height: 406px!important;
	object-fit: cover;
	object-position: center;
}
.recent-posts-toggle .image-reveal {
  position: relative;
  overflow: hidden;
}

.recent-posts-toggle .image-reveal img,
.recent-posts-toggle .image-reveal .wp-post-image {
  display: block;
  width: 100%;
  height: auto;
  clip-path: inset(0 100% 0 0); /* fully hidden from the right */
}
.recent-posts-toggle .rpt-wrap {
	max-width: 1310px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.recent-posts-toggle .rpt-wrap .category-posts {
	width: 832px;
}
.recent-posts-toggle .rpt-wrap .category-tabs {
	width: 425px;
	margin-top:180px;
}
.recent-posts-toggle {
	padding: 78px 0;
	border-bottom: 1px solid black;
}
.recent-posts-toggle .category-posts .gen-title {
	font-family: 'Haboro';
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.04rem;
	display: flex;
}
.recent-posts-toggle .category-posts .gen-title .dot {
	display: block;
	width: 9px;
	height: 9px;
	background: black;
	border-radius: 50%;
	margin: 6px 15px 0 0;
}
.recent-posts-toggle .category-post a {
	text-decoration: none;
}
.recent-posts-toggle .category-post h2 {
	margin: 15px 0 11px;
	line-height:1.15;
}

@media all and (max-width:1310px) {
	.recent-posts-toggle .rpt-wrap {
		max-width:1100px;
	}
	.recent-posts-toggle .rpt-wrap .category-tabs {
		width: 320px;
		margin-top: 180px;
	}
	.recent-posts-toggle .rpt-wrap .category-posts {
		width: 750px;
	}
}
@media all and (max-width:1110px) {
	.recent-posts-toggle .rpt-wrap {
		max-width: 1000px;
	}
	.recent-posts-toggle .rpt-wrap .category-posts {
		width: 641px;
	}
}
@media all and (max-width:1000px) {
	.recent-posts-toggle .rpt-wrap {
		max-width: 750px;
		display: block;
	}
	.recent-posts-toggle .rpt-wrap .category-posts {
		width: 100%;
	}
	.rpt-wrap .mobile-toggle-wrap {
		position: relative;
	}
	.recent-posts-toggle .rpt-wrap .category-tabs {
		width: 100%;
		margin-top: 0;
		background: #fffcfa;
		position: absolute;
		z-index: 2;
	}
	.rpt-wrap .mobile-toggle-wrap {
		display:block;
		position: relative;
		z-index: 8;
	}
	.rpt-wrap .category-tabs {
	  display: none;
	}
	
	/* shown state */
	.rpt-wrap .category-tabs.active {
	  display: block;
	}
	.rpt-wrap .mobile-toggle {
		display: block;
		font-size: 14px;
		font-family: "Haboro Serif";
		letter-spacing: 0.7px;
		text-transform: uppercase;
		text-align: center;
		padding: 10px;
		border-bottom: 1px solid black;
		margin-bottom: 0px;
	}
	.recent-posts-toggle .rpt-wrap .category-posts {
		margin-top:30px;
	}
	.recent-posts-toggle {
		padding: 30px 0 50px;
		border-bottom: 1px solid black;
	}
	.rpt-wrap .mobile-toggle:before {
		content: "";
		display: inline-block;
		width: 6px;
		height: 6px;
		border: 1px solid black;
		border-radius: 50%;
		margin: 0 48px 0 0;
		transition: all 0.5s;
	}
}
@media all and (max-width: 768px) {
	.recent-posts-toggle .rpt-wrap {
		max-width: 90%;
		display: block;
	}
	.recent-posts-toggle .category-post h2 {
		margin: 15px 0 11px;
		line-height: 1.15;
		font-size: 36px;
	}
	.recent-posts-toggle .second-image img.image-fit {
		height:300px!important;
	}
	.recent-posts-toggle .main-image img {
		height: 395px !important;
	}
}
@media all and (max-width:500px) {
	.recent-posts-toggle .second-image img.image-fit {
		height: 174px !important;
	}
	.recent-posts-toggle .main-image img {
		height: 260px !important;
	}
	.rpt-wrap .mobile-toggle:before {
		margin: 0 10px 0 0;
	}
}