@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Inter:wght@300;400&display=swap');

.elementor-element.elementor-element-e6feece.e-con-full.menu-all.e-flex.e-con.e-child {
    position: relative;
}

/* Hide Archives */
.blog .page-header .page-title,
.blog h1.page-title,
.blog .page-title{
    visibility:hidden !important;
    height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
    font-size:0 !important;
    line-height:0 !important;
}
/* Hide Archives permanently */
.blog .page-header h1.entry-title{
    display:none !important;
}
/* Remove Archives space completely */
.blog .page-header .page-title{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    clip:rect(0,0,0,0) !important;
    overflow:hidden !important;
}

/* THE BONOO JOURNAL label */
.blog .page-header::before{
    content:"THE BONOO JOURNAL";
    display:block;
    color:#c8a15b;
    letter-spacing:5px;
    font-size:11px;
    font-family:'Inter', sans-serif;
    margin-bottom:22px;
}

/* Journal title */
.blog .page-header::after{
    content:"Journal";
    display:block;
    color:#f4e7d3;
    font-family:'Cormorant Garamond', serif;
    font-size:72px;
    font-weight:400;
    letter-spacing:1px;
    margin-top:0;
}

/* Page background */
.blog .site,
.blog .site-content,
.blog #content,
.blog #primary,
.blog .site-main{
    background:#0d221d !important;
    max-width:100% !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
}

/* Page header */
.blog .page-header{
    background:#0d221d !important;
    text-align:center;
    padding:140px 30px 80px;
    border-bottom:1px solid rgba(244,231,211,0.12);
    width:100%;
}

/* Posts area */
.blog .site-main{
    display:block !important;
    background:#0d221d !important;
    padding:80px 6% 120px !important;
}

/* Post cards */
.blog .site-main > article,
.blog #main > article{
    display:inline-block;
    width:calc(33.33% - 28px);
    vertical-align:top;
    margin:0 14px 40px;
}

.blog article.post,
.blog article.hentry{
    background:#111814 !important;
    border:1px solid rgba(244,231,211,0.2) !important;
    transition:border-color 0.3s ease;
    overflow:hidden;
    box-shadow:none !important;
}

.blog article.post:hover,
.blog article.hentry:hover{
    border-color:rgba(244,231,211,0.6) !important;
}

/* Thumbnail */
.blog article .post-thumbnail img,
.blog article .wp-post-image{
    width:100% !important;
    height:220px !important;
    object-fit:cover !important;
    display:block;
    transition:transform 0.4s ease;
}

.blog article:hover .post-thumbnail img{
    transform:scale(1.04);
}

/* Category */
.blog article .cat-links a,
.blog article .entry-meta a{
    color:#c8a15b !important;
    font-family:'Inter', sans-serif !important;
    font-size:11px !important;
    letter-spacing:3px !important;
    text-decoration:none !important;
    text-transform:uppercase;
    display:block;
    margin-bottom:12px;
}

/* Post header + content padding */
.blog article .entry-header,
.blog article .entry-content,
.blog article .entry-summary{
    padding:28px 26px !important;
    background:transparent !important;
}

.blog article .entry-header{
    padding-bottom:0 !important;
}

/* Post title */
.blog article .entry-title a{
    color:#f4e7d3 !important;
    font-family:'Cormorant Garamond', serif !important;
    font-size:26px !important;
    font-weight:400 !important;
    line-height:1.3 !important;
    text-decoration:none !important;
}

/* Excerpt */
.blog article .entry-summary p,
.blog article .entry-content p{
    color:rgba(244,231,211,0.72) !important;
    font-family:'Inter', sans-serif !important;
    font-size:14px !important;
    line-height:1.8 !important;
    margin:0 !important;
}

/* Read more */
.blog article a.more-link{
    color:#c8a15b !important;
    font-family:'Inter', sans-serif !important;
    font-size:11px !important;
    letter-spacing:2px !important;
    text-decoration:none !important;
    text-transform:uppercase;
    display:inline-block;
    margin-top:14px;
}

/* Hide date/author */
.blog article .entry-meta .posted-on,
.blog article .entry-meta .byline,
.blog article .entry-footer,
.blog article .entry-meta .comments-link{
    display:none !important;
}

/* Single post */
.single-post .site,
.single-post .site-content,
.single-post #content,
.single-post #primary,
.single-post .site-main{
    background:#0d221d !important;
    max-width:100% !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
}

.single-post .post-thumbnail{
    width:100%;
    height:520px;
    overflow:hidden;
    position:relative;
    display:block;
}

.single-post .post-thumbnail::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.48);
}

.single-post .post-thumbnail img{
    width:100% !important;
    height:520px !important;
    object-fit:cover !important;
    display:block;
}

.single-post .entry-header{
    max-width:860px;
    margin:-100px auto 0;
    position:relative;
    z-index:2;
    text-align:center;
    padding:0 40px 50px;
    background:transparent !important;
}

.single-post .entry-title{
    color:#f4e7d3 !important;
    font-family:'Cormorant Garamond', serif !important;
    font-size:56px !important;
    font-weight:400 !important;
    line-height:1.1 !important;
    margin:0 !important;
}

.single-post .entry-content{
    max-width:760px !important;
    margin:0 auto !important;
    padding:60px 40px 120px !important;
    background:#0d221d !important;
}

.single-post .entry-content p{
    color:rgba(244,231,211,0.82) !important;
    font-family:'Inter', sans-serif !important;
    font-size:17px !important;
    line-height:2 !important;
    margin-bottom:28px !important;
}

.single-post .entry-content h2{
    color:#f4e7d3 !important;
    font-family:'Cormorant Garamond', serif !important;
    font-size:40px !important;
    font-weight:400 !important;
    margin:50px 0 20px !important;
    padding-top:20px;
    border-top:1px solid rgba(200,161,91,0.25);
}

.single-post .entry-content h3{
    color:#f4e7d3 !important;
    font-family:'Cormorant Garamond', serif !important;
    font-size:30px !important;
    font-weight:400 !important;
    margin:40px 0 16px !important;
}

.single-post .entry-content a{
    color:#c8a15b !important;
    text-decoration:underline !important;
}

.single-post .entry-meta,
.single-post .post-navigation,
.single-post .comments-area{
    display:none !important;
}

.blog body,
.single-post body{
    background:#0d221d !important;
}

/* Mobile */
@media(max-width:768px){

    .blog .page-header{
        padding:100px 22px 60px;
    }

    .blog .page-header::after{
        font-size:42px;
    }

    .blog .site-main{
        padding:50px 22px 80px !important;
    }

    .blog .site-main > article,
    .blog #main > article{
        width:100%;
        margin:0 0 28px;
        display:block;
    }

    .single-post .post-thumbnail,
    .single-post .post-thumbnail img{
        height:280px !important;
    }

    .single-post .entry-title{
        font-size:36px !important;
    }

    .single-post .entry-content{
        padding:40px 22px 80px !important;
    }

}