/* ==========================================================
   BLOG
========================================================== */

.page-hero{
    padding:70px 0 50px;
    text-align:center;
}

.page-hero h1{
    font-size:48px;
    margin-bottom:20px;
}

.page-hero p{
    max-width:700px;
    margin:auto;
}

.blog-archive{
    padding:70px 0;
}

.blog-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
    gap:30px;
}

.blog-card{
    border-radius:18px;
    overflow:hidden;
    background:#101828;
    transition:.3s;
}

.blog-card:hover{
    transform:translateY(-5px);
}

.blog-card img{
    width:100%;
    height:230px;
    object-fit:cover;
}

.blog-content{
    padding:25px;
}

.blog-content h2{
    margin:15px 0;
    font-size:24px;
}

.blog-meta{
    font-size:14px;
    opacity:.7;
}

.blog-readmore{
    display:inline-block;
    margin-top:20px;
    font-weight:600;
}

.pagination{
    margin-top:60px;
    text-align:center;
}

.single-blog{
    padding:60px 0;
}

.single-blog .featured-image{
    margin-bottom:35px;
}

.single-blog img{
    width:100%;
    border-radius:20px;
}

.single-blog h1{
    margin:25px 0;
    font-size:48px;
    line-height: 1.3em;
}

.post-meta{
    display:flex;
    gap:10px;
    opacity:.7;
    margin-bottom:15px;
}

.post-content{
    line-height:1.9;
    font-size:18px;
}

.post-navigation{
    display:flex;
    justify-content:space-between;
    margin-top:60px;
    padding-top:30px;
    border-top:1px solid rgba(255,255,255,.08);
}

.wp-block-separator,
.service-content hr,
.blog-content hr{

    margin:70px auto;
    max-width:120px;
    border:none;
    border-top:1px solid rgba(255,255,255,.15);

}

.blog-content h1{
    font-size:3.2rem;
    margin-bottom:25px;
}

/*.blog-content h2{
    //font-size:2rem;
    //margin-top:60px;
}*/

.blog-content h3{
    font-size:1.6rem;
}
@media (max-width:991px){
    .blog-content h1{
        font-size:2.7rem;
    }
    .blog-content h2{
        font-size:1.8rem;
    }
    .blog-content h3{
        font-size:1.45rem;
    }
}
@media (max-width:767px){
    .page-hero{
        padding:70px 0 50px;
        text-align:center;
    }
    .single-blog h1{
        font-size:2rem;
        line-height:1.3;
    }
    .single-blog h2{
        font-size:1.55rem;
        margin-top:20px;
    }
    .single-blog h3{
        font-size:1.3rem;
    }
    .single-blog p{
        font-size:16px;
        line-height:1.9;
    }
}

/*
=========================================
BLOG FEATURED IMAGE
=========================================
*/

.blog-featured-image{
    margin:50px 0;
}

.blog-featured-image img{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
    object-position:center;
    display:block;
    border-radius:16px;
}

@media (max-width:991px){
    .blog-featured-image img{
        max-height:420px;
    }
}

@media (max-width:767px){
    .blog-featured-image{
        margin:35px 0;
    }

    .blog-featured-image img{
        max-height:280px;
        border-radius:12px;
    }
}

/*
=========================================
AFFILIATE CTA
=========================================
*/

.affiliate-card{
    margin:70px 0;
    padding:40px;
    border-radius:20px;
    background:#101826;
    border:1px solid rgba(255,255,255,.08);
    text-align:center;
}

.affiliate-card h3{
    margin-bottom:20px;
    font-size:2rem;
}

.affiliate-card p{
    max-width:700px;
    margin:0 auto 25px;
}

.affiliate-card ul{
    list-style:none;
    margin:0 0 35px;
    padding:0;
}

.affiliate-card li{
    margin-bottom:12px;
    color:var(--text-secondary);
}

.affiliate-card .btn{
    margin-bottom:25px;
}

.affiliate-card small{
    display:block;
    opacity:.7;
    font-size:.9rem;
}

@media(max-width:767px){
    .affiliate-card{
        padding:30px 25px;
    }
}