/*==================================================
PROGRESNEWS THEME
Single Module
Version : 1.0
==================================================*/

.single-post{
    background:#fff;
    padding:20px;
}

.entry-title{
    font-size:46px;
    line-height:1.2;
    margin-bottom:15px;
    color:#111;
}

.entry-meta{
    font-size:14px;
    color:#666;
    margin-bottom:20px;
}

.entry-content{
    max-width:850px;
    font-size:19px;
    line-height:1.95;
    color:#222;
}

.post-tags{
    margin:25px 0;
}

.post-tags a{
    display:inline-block;
    padding:6px 12px;
    margin:4px;
    background:#0f2f97;
    color:#fff;
    border-radius:20px;
    font-size:13px;
    text-decoration:none;
    transition:.3s;
}

.post-tags a:hover{
    background:#d60000;
}

/*==================================================
ARTICLE TYPOGRAPHY
==================================================*/

.entry-content p{

    margin:0 0 1.6em;

    line-height:1.95;

}

.entry-content h2,
.entry-content h3,
.entry-content h4{

    margin:1.8em 0 .8em;

    line-height:1.35;

    color:#111;

}

.entry-content ul,
.entry-content ol{

    margin:0 0 1.6em 1.5em;

}

.entry-content li{

    margin-bottom:.6em;

}

.entry-content blockquote{

    margin:2em 0;

    padding:18px 22px;

    border-left:4px solid var(--menu-hover-color);

    background:#f8f9fb;

    font-style:italic;

}

.entry-content img{

    max-width:100%;

    height:auto;

}

/*==================================================
FEATURED IMAGE
==================================================*/
.featured-image{
    margin:20px 0 30px;
}

.featured-image img{
    width:100%;
    max-height:600px;
    object-fit:cover;
    border-radius:8px;
}

/*==================================================
AFTER ARTICLE ADS
==================================================*/
.after-article-ads{
    margin:30px 0;
    text-align:center;
}

/*==================================================
RELATED POSTS
==================================================*/
.related-posts{
    margin-top:50px;
}

.related-posts h3{
    font-size:24px;
    margin-bottom:20px;
    border-left:5px solid #1544D9;
    padding-left:10px;
}

.related-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.related-item{
    background:#fff;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 2px 5px rgba(0,0,0,.08);
}

.related-item img{
    width:100%;
    height:170px;
    object-fit:cover;
}

.related-item h4{
    font-size:14px;
    line-height:1.5;
    padding:10px;
    color:#222;
}

/*==================================================
SOCIAL SHARE
==================================================*/
.progres-share{

    margin:35px 0;

    padding:18px;

    border:1px solid #e5e7eb;

    border-radius:10px;

    background:#fafafa;

}

.progres-share h3{

    margin:0 0 15px;

    font-size:16px;

}

.progres-share-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

}

.progres-share-buttons a,
.progres-share-buttons button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:36px;

    padding:0 14px;

    border:none;

    border-radius:6px;

    font-size:14px;

    font-weight:600;

    cursor:pointer;

    text-decoration:none;

    color:#fff;

    transition:.25s;

}

.share-facebook{

    background:#1877f2;

}

.share-x{

    background:#111;

}

.share-whatsapp{

    background:#25d366;

}

.share-telegram{

    background:#229ed9;

}

.share-copy{

    background:#666;

}

.progres-share-buttons a:hover,
.progres-share-buttons button:hover{

    transform:translateY(-2px);

    opacity:.9;

}

.share-copy.copied{

    background:#16a34a;

}

.progres-share-buttons a:hover,
.progres-share-buttons button:hover{

    transform:translateY(-2px);

    box-shadow:0 6px 16px rgba(0,0,0,.12);

}


/*==================================================
RESPONSIVE
==================================================*/

@media (max-width:768px){

    .entry-title,
    .single-title,
    .post-title,
    article h1{
        font-size:32px !important;
        line-height:1.25 !important;
        margin-bottom:15px;
    }

    .related-grid{
    grid-template-columns:repeat(2,1fr);
    }

}