:root{
--im-text:#28304A;
--im-soft:#F8F3F3;
--im-border:#EAEAEA;
--im-accent:#F7E8E8;
--im-accent-hover:#F0DCDC;
}

/* =========================================
ARCHIVE SYSTEM
========================================= */

.mlaku-archive-wrap{
background:var(--im-soft);
padding:50px 0 80px;
}

.mlaku-archive-wrap .mlaku-archive-container{
display:block;
}

.mlaku-archive-wrap #primary.site-main{
width:100%!important;
max-width:100%!important;
float:none!important;
margin:0!important;
}

.mlaku-archive-wrap #secondary,
.mlaku-archive-wrap .widget-area{
display:none!important;
}

/* =========================================
HERO
========================================= */

.mlaku-archive-wrap .mlaku-archive-hero{
background:#fff;


border:1px solid var(--im-border);

border-radius:24px;

padding:40px;

margin-bottom:40px;

box-shadow:none;


}

.mlaku-archive-wrap .mlaku-archive-label{
display:inline-flex;


align-items:center;

padding:8px 14px;

background:var(--im-accent);

border-radius:999px;

color:var(--im-text);

font-size:13px;

font-weight:600;

letter-spacing:0;

text-transform:none;

margin-bottom:16px;


}

.mlaku-archive-wrap .mlaku-archive-title{
margin:0 0 16px;


font-size:42px;

line-height:1.2;

font-weight:700;

color:var(--im-text);


}

.mlaku-archive-wrap .mlaku-archive-desc{
max-width:800px;


color:#667085;

font-size:16px;

line-height:1.8;


}

/* =========================================
AUTHOR
========================================= */

.mlaku-archive-wrap .mlaku-author-hero{
display:grid;


grid-template-columns:120px 1fr;

gap:28px;

align-items:center;


}

.mlaku-archive-wrap .mlaku-author-avatar{
width:120px;
height:120px;


border-radius:50%;

overflow:hidden;

border:1px solid var(--im-border);


}

/* =========================================
CATEGORY PILLS
========================================= */

.mlaku-archive-wrap .mlaku-archive-pills{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:24px;
}

.mlaku-archive-wrap .mlaku-archive-pills a{
display:inline-flex;


align-items:center;

min-height:44px;

padding:0 18px;

background:#fff;

border:1px solid var(--im-border);

border-radius:999px;

color:var(--im-text);

text-decoration:none;

transition:.25s ease;


}

.mlaku-archive-wrap .mlaku-archive-pills a:hover{
background:var(--im-accent);


border-color:var(--im-accent-hover);

transform:translateY(-2px);


}

/* =========================================
SECTION HEADING
========================================= */

.mlaku-posts-heading{
margin-bottom:30px;
}

.mlaku-posts-heading span{
display:inline-flex;


padding:8px 14px;

background:var(--im-accent);

border-radius:999px;

color:var(--im-text);

font-size:13px;

font-weight:600;

margin-bottom:12px;


}

.mlaku-posts-heading h2{
margin:0;


color:var(--im-text);

font-size:32px;

line-height:1.3;


}

/* =========================================
GRID
========================================= */

.mlaku-archive-wrap .archive-blog.column-2{
display:grid!important;


grid-template-columns:repeat(3,1fr);

gap:30px;


}

.mlaku-archive-wrap .archive-blog article{
width:auto!important;
float:none!important;
margin:0!important;
padding:0!important;
}

/* =========================================
CARD
========================================= */

.mlaku-archive-wrap .archive-blog article .post-wrapper{


height:100%;

background:#fff;

border:1px solid var(--im-border);

border-radius:20px;

overflow:hidden;

box-shadow:none;

transition:
transform .35s ease,
box-shadow .35s ease,
border-color .35s ease;


}

.mlaku-archive-wrap .archive-blog article:hover .post-wrapper{


transform:translateY(-6px);

border-color:#DCDCDC;

box-shadow:
0 20px 40px rgba(0,0,0,.08);


}

.mlaku-archive-wrap .featured-image{
height:240px;


overflow:hidden;


}

.mlaku-archive-wrap .featured-image img{
width:100%!important;
height:100%!important;


object-fit:cover;

transition:transform .8s ease;


}

.mlaku-archive-wrap article:hover .featured-image img{
transform:scale(1.03);
}

.mlaku-archive-wrap .entry-container{
padding:24px;
}

.mlaku-archive-wrap .entry-title{
font-size:24px!important;


line-height:1.4;

margin-bottom:12px;


}

.mlaku-archive-wrap .entry-title a{
color:var(--im-text)!important;
}

.mlaku-archive-wrap .entry-content p{
color:#667085;


line-height:1.8;


}

.mlaku-archive-wrap .entry-meta{
border-top:1px solid var(--im-border);


padding-top:14px;

margin-top:16px;


}

/* =========================================
PAGINATION
========================================= */

.mlaku-archive-wrap .navigation.pagination{
margin-top:60px;
}

.mlaku-archive-wrap .nav-links{
display:flex;


justify-content:center;

flex-wrap:wrap;

gap:10px;


}

.mlaku-archive-wrap .page-numbers{


min-width:48px;
height:48px;

display:flex;

align-items:center;
justify-content:center;

padding:0 18px;

border-radius:999px;

border:1px solid var(--im-border);

background:#fff;

color:var(--im-text);

text-decoration:none;

transition:.25s ease;


}

.mlaku-archive-wrap .page-numbers:hover{
background:var(--im-accent);
}

.mlaku-archive-wrap .page-numbers.current{
background:var(--im-text);


color:#fff;

border-color:var(--im-text);


}

/* =========================================
MOBILE
========================================= */

@media(max-width:991px){


.mlaku-archive-wrap .archive-blog.column-2{
    grid-template-columns:repeat(2,1fr);
}


}

@media(max-width:768px){


.mlaku-archive-wrap{
    padding:40px 0 60px;
}

.mlaku-archive-wrap .mlaku-archive-hero{
    padding:28px;
}

.mlaku-archive-wrap .mlaku-archive-title{
    font-size:32px;
}

.mlaku-archive-wrap .archive-blog.column-2{
    grid-template-columns:1fr;
}

.mlaku-archive-wrap .mlaku-author-hero{
    grid-template-columns:1fr;
}


}