/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 09 2025 | 01:01:02 */
/* Post card */
.wpc-latest-posts {
	display: grid;
	gap: 24px;
}
.wpc-latest-posts a {
	text-decoration: none;
}
.wpc-latest-posts .content-wrap {
	text-align: center;
	font-family: var(--e-global-typography-text-font-family);
}
.wpc-latest-posts .post-date {
	font-size: var(--e-global-typography-text-font-size);
	font-weight: var(--e-global-typography-text-font-weight);
	color: var(--e-global-color-text);
	margin: 5px;
	padding-top: 10px;
}
.wpc-latest-posts .post-title {
	font-size: var(--e-global-typography-cc1686d-font-size);
	font-weight: var(--e-global-typography-cc1686d-font-weight);
	color: var(--e-global-color-507be05);
}
.wpc-latest-posts .read-more {
	border-top: 1px solid #666666;
	padding-top: 20px;
	margin-top: 20px;
	font-size: var(--e-global-typography-text-font-size);
	font-weight: var(--e-global-typography-text-font-weight);
	color: var(--e-global-color-text);
	text-decoration: underline;
}
.wpc-latest-posts .post-content {
	color: #666666;
}
@media (min-width:767px) {
	.wpc-latest-posts {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Single page */
.single-hero-section {
	background-color: var( --e-global-color-507be05 );
	padding-inline: 20px;
	padding-block: 80px;
	color: #fff;
}
.hero-inner {
	max-width: 1140px;
	margin-inline: auto;
	display: grid;
	gap: 40px;
	align-items: center;
}
.site-main {
	padding-block: 80px;
}
article .post-content h2,
article .post-content h3,
article .post-content h4 {
	margin-top: 40px;
}
.pagination a {
	color: var( --e-global-color-primary );
}
.single-hero-section img {
	border-radius: 12px;
}

/* Author box */
.author-box-section {
  border-top: 1px solid #ddd;
  margin-top: 40px;
  padding-top: 30px;
  display: flex;
}
.author-box-inner {
  display: flex;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  width: 100%;
	border: 1px solid #dddddd;
	border-radius: 12px;
	padding: 12px;
}
.author-avatar img {
  border-radius: 50%;
}
.author-info {
  flex: 1;
}
.author-name {
  font-size: 18px;
  font-weight: bold;
	text-transform: capitalize;
  margin: 0 0 5px;
}
.author-description {
  font-size: 14px;
  color: #666;
}
@media screen and ( min-width: 640px ) {
	.hero-inner {
		grid-template-columns: repeat(2,1fr);
	}
}