.jm-blog-archive {
padding-block: var(--space-section-sm);
}
.jm-blog-archive__header {
margin-bottom: var(--space-8);
text-align: center;
}
.jm-blog-archive__title {
margin: 0;
font-family: var(--font-heading);
font-size: var(--fs-h1);
font-weight: var(--font-weight-regular);
line-height: var(--lh-heading);
}
.jm-blog-archive__description {
max-width: var(--container-narrow);
margin: var(--space-4) auto 0;
font-size: var(--fs-base);
line-height: var(--lh-base);
color: var(--color-text-muted);
}
.jm-blog-archive__description p:last-child {
margin-bottom: 0;
}
.jm-blog-archive__empty {
padding-block: var(--space-12);
text-align: center;
color: var(--color-text-muted);
} .jm-post-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--space-2);
margin: 0;
padding: 0;
list-style: none;
}
.jm-post-grid__item {
display: flex;
min-width: 0;
}
@media (min-width: 600px) {
.jm-post-grid {
gap: var(--space-3);
}
}
@media (min-width: 1024px) {
.jm-post-grid {
grid-template-columns: repeat(4, 1fr);
gap: var(--space-4);
}
} .jm-post-card {
display: flex;
width: 100%;
flex-direction: column;
}
.jm-post-card__link {
display: flex;
flex-direction: column;
gap: var(--space-3);
color: inherit;
text-decoration: none;
}
.jm-post-card__media {
position: relative;
overflow: hidden;
aspect-ratio: 3 / 4;
background-color: var(--color-bg-muted);
border-radius: var(--radius-md);
}
.jm-post-card__image,
.jm-post-card__placeholder {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
transition: var(--transition-transform);
}
.jm-post-card__placeholder {
display: block;
background-color: var(--color-bg-muted);
}
.jm-post-card__link:hover .jm-post-card__image,
.jm-post-card__link:focus-visible .jm-post-card__image {
transform: scale(1.04);
}
.jm-post-card__badges {
position: absolute;
top: var(--space-2);
left: var(--space-2);
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--space-1);
max-width: calc(100% - var(--space-4));
}
.jm-post-card__badge {
display: inline-block;
padding: 0.2em 0.6em;
font-size: var(--fs-xs);
font-weight: var(--font-weight-semibold);
line-height: var(--lh-snug);
border-radius: var(--radius-full);
background-color: var(--color-surface);
color: var(--color-text);
border: var(--border-width) solid var(--color-border-strong);
}
.jm-post-card__title {
margin: 0;
padding-inline: var(--space-2);
font-family: var(--font-base);
font-size: var(--fs-base);
font-weight: var(--font-weight-medium);
line-height: var(--lh-snug);
}
@media (min-width: 1024px) {
.jm-post-card__title {
padding-inline: var(--space-3);
}
} .jm-blog-archive .pagination-wrapper {
margin-top: var(--space-10);
}
.entry-categories-inner{
display:none;
} .post-meta-wrapper {
width: 100%;
max-width: var(--container-narrow);
margin-top: var(--space-8);
margin-inline: auto;
}
.post-meta {
display: flex;
flex-wrap: wrap;
margin: calc(-1 * var(--space-4)) 0 0 calc(-1 * var(--space-6));
padding: 0;
list-style: none;
font-size: var(--fs-sm);
font-weight: var(--font-weight-medium);
color: var(--color-text-muted);
}
.post-meta li {
flex-shrink: 0;
max-width: calc(100% - var(--space-6));
margin: var(--space-4) 0 0 var(--space-6);
}
.post-meta a {
color: inherit;
text-decoration: none;
}
.post-meta a:hover,
.post-meta a:focus-visible {
text-decoration: underline;
}
.post-meta .meta-wrapper {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.post-meta .meta-icon {
flex-shrink: 0;
margin-right: var(--space-4);
}
.post-meta svg * {
fill: currentColor;
}
.post-meta-single-top .post-meta {
justify-content: center;
}
body.single-post .featured-media-inner img{
margin:0 auto;
}
@media (min-width: 700px) {
.post-meta-wrapper {
margin-top: var(--space-10);
}
.post-meta {
margin: calc(-1 * var(--space-5)) 0 0 calc(-1 * var(--space-8));
font-size: var(--fs-base);
}
.post-meta li {
margin: var(--space-5) 0 0 var(--space-8);
max-width: calc(100% - var(--space-8));
}
} .single-post .post-meta-single-top .post-date .meta-icon {
display: none;
}
.type-post .comments-wrapper.section-inner{
display:none;
}