/*--------------------------------------------------------------
# Category Section
--------------------------------------------------------------*/
.category .title-wrap {
  padding-bottom: 30px;
}

.category .content-subtitle {
font-size: 15px;
margin-bottom: 10px;
display: block;
color: var(--default-color);
}

.category .content-title {
color: var(--heading-color);
font-size: 22px;
margin-bottom: 30px;
}

.category .post-entry .thumb {
margin-bottom: 20px;
}

.category .post-entry .thumb img {
transition: 0.3s all ease;
border-radius: var(--img-border-radius);
opacity: 0.8;
aspect-ratio: 16/9;
}

.category .post-entry .thumb:hover img {
opacity: 0.6;
}

.category .post-entry .meta {
font-size: 12px;
margin-bottom: 20px;
}

.category .post-entry .meta .cat {
text-transform: uppercase;
font-weight: normal;
color: var(--heading-color);
}

.category .post-entry .meta .date {
color: color-mix(in srgb, var(--default-color), transparent 25%);
}

.category .post-entry .post-content {
padding-left: 30px;
padding-right: 30px;
}

.category .post-entry .post-content h3 {
font-size: 18px;
line-height: 1.2;
}

.category .post-entry .post-content h3 a {
color: var(--accent-color);
}

.category .post-entry .post-content p {
text-align: justify;
}

.category .post-entry .post-content h3 a:hover {
color: color-mix(in srgb, var(--accent-color), transparent 20%);
}

.category .author .pic {
flex: 0 0 50px;
margin-right: 20px;
}

.category .author .author-name {
line-height: 1.3;
}

.category .author .author-name strong {
color: var(--heading-color);
font-weight: normal;
}

.category .author .author-name span {
font-size: 14px;
color: color-mix(in srgb, var(--default-color), transparent 25%);
}