/* ==========================================================
   PUTUSHART — SINGLE BLOG POST
   ========================================================== */

.putushart-single-post{
    background:#fff;
}


/* ----------------------------------------------------------
   POST HEADER
   ---------------------------------------------------------- */

.putushart-single-post__header{
    padding:72px 20px 42px;
    text-align:center;
    background:linear-gradient(180deg,#faf7ff 0%,#ffffff 100%);
}

.putushart-single-post__container{
    width:min(1120px, calc(100% - 40px));
    margin:0 auto;
}

.putushart-single-post__meta{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:14px;

    margin-bottom:18px;

    font-size:13px;
}

.putushart-single-post__category{
    color:#8a4dcc;
    font-weight:700;
    letter-spacing:1.4px;
    text-transform:uppercase;
}

.putushart-single-post__date{
    color:#888;
}

.putushart-single-post__date::before{
    content:"•";
    margin-right:14px;
    color:#bbb;
}

.putushart-single-post__title{
    max-width:900px;
    margin:0 auto;

    color:#171717;

    font-size:48px;
    font-weight:700;
    line-height:1.12;
    letter-spacing:-1px;
}


/* ----------------------------------------------------------
   FEATURED IMAGE
   ---------------------------------------------------------- */

.putushart-single-post__featured{
    padding:0 20px 55px;
}

.putushart-single-post__featured .putushart-single-post__container{
    max-width:1000px;
}

.putushart-single-post__featured img{
    display:block;

    width:100%;
    height:auto;

    margin:0 auto;

    border-radius:20px;
}


/* ----------------------------------------------------------
   ARTICLE CONTENT
   ---------------------------------------------------------- */

.putushart-single-post__content{
    padding:0 20px;
}

.putushart-single-post__content-inner{
    max-width:760px;
    margin:0 auto;

    color:#444;

    font-size:18px;
    line-height:1.85;
}

.putushart-single-post__content-inner p{
    margin:0 0 24px;
}

.putushart-single-post__content-inner h2{
    margin:50px 0 20px;

    color:#171717;

    font-size:32px;
    line-height:1.25;
}

.putushart-single-post__content-inner h3{
    margin:38px 0 16px;

    color:#171717;

    font-size:25px;
    line-height:1.3;
}

.putushart-single-post__content-inner img{
    max-width:100%;
    height:auto;
    border-radius:14px;
}


/* ----------------------------------------------------------
   BACK TO JOURNAL
   ---------------------------------------------------------- */

.putushart-single-post__footer{
    max-width:760px;

    margin:45px auto 0;
    padding:30px 20px 70px;

    border-top:1px solid #eee;
}

.putushart-single-post__back{
    color:#8a4dcc;

    font-size:15px;
    font-weight:700;

    text-decoration:none;
}

.putushart-single-post__back:hover{
    text-decoration:underline;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (max-width:768px){

    .putushart-single-post__header{
        padding:55px 20px 35px;
    }

    .putushart-single-post__title{
        font-size:38px;
    }

    .putushart-single-post__featured{
        padding-bottom:40px;
    }

    .putushart-single-post__content-inner{
        font-size:17px;
    }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width:576px){

    .putushart-single-post__header{
        padding:42px 16px 30px;
    }

    .putushart-single-post__container{
        width:100%;
    }

    .putushart-single-post__meta{
        font-size:12px;
        gap:9px;
    }

    .putushart-single-post__date::before{
        margin-right:9px;
    }

    .putushart-single-post__title{
        font-size:32px;
        line-height:1.16;
    }

    .putushart-single-post__featured{
        padding:0 16px 34px;
    }

    .putushart-single-post__featured img{
        border-radius:14px;
    }

    .putushart-single-post__content{
        padding:0 20px;
    }

    .putushart-single-post__content-inner{
        font-size:16px;
        line-height:1.75;
    }

    .putushart-single-post__footer{
        margin-top:35px;
        padding-bottom:50px;
    }

}