/* =========================================================
   AJITZONE BLOG SINGLE V1
   Scoped to .aj-blog-single-v1 only.
   ========================================================= */
.aj-blog-single-v1{
    --ajs-red:#e31d24;
    --ajs-red-dark:#bd1117;
    --ajs-orange:#e9822e;
    --ajs-ink:#231f1d;
    --ajs-text:#56504b;
    --ajs-muted:#817970;
    --ajs-line:#eadfd6;
    --ajs-cream:#fff8ef;
    --ajs-soft:#fffdf9;
    font-family:'Poppins',sans-serif;
    color:var(--ajs-text);
    background:#fff;
    overflow:hidden;
}
.aj-blog-single-v1 *{box-sizing:border-box}
.aj-blog-single-v1 .aj-wrap{
    width:min(var(--aj-max,1320px),calc(100% - 48px));
    margin-left:auto;
    margin-right:auto;
}
.aj-blog-single-v1 a{text-decoration:none;color:inherit}
.aj-blog-single-v1 img{display:block;max-width:100%}
.aj-blog-single-v1 h1,.aj-blog-single-v1 h2,.aj-blog-single-v1 h3,.aj-blog-single-v1 p{margin-top:0}
.aj-blog-single-svg{width:1em;height:1em;display:block}

/* breadcrumb */
.aj-blog-single-breadcrumb-wrap{
    background:#fff;
    border-top:1px solid #f0f0f0;
    border-bottom:1px solid #eee;
}
.aj-blog-single-breadcrumb{
    min-height:33px;
    display:flex;
    align-items:center;
    gap:9px;
    overflow:hidden;
    white-space:nowrap;
    color:#8c847d;
    font-size:14px;
}
.aj-blog-single-breadcrumb a{color:#625b55}
.aj-blog-single-breadcrumb span{color:#c5bbb2}
.aj-blog-single-breadcrumb strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#6d655e;
    font-weight:500;
}

/* article heading */
.aj-blog-single-head{
    position:relative;
    padding:25px 0 21px;
    overflow:hidden;
    text-align:center;
    background:linear-gradient(90deg,#fff9f2,#fff4e8 50%,#fff9f2);
    border-bottom:1px solid #f3e5d7;
}
.aj-blog-single-head:before,
.aj-blog-single-head:after{
    content:"";
    position:absolute;
    top:-70px;
    width:190px;
    height:190px;
    border:1px solid rgba(214,150,91,.14);
    border-radius:50%;
    box-shadow:0 0 0 15px rgba(214,150,91,.025),0 0 0 30px rgba(214,150,91,.017);
}
.aj-blog-single-head:before{left:-100px}
.aj-blog-single-head:after{right:-100px}
.aj-blog-single-head-inner{position:relative;z-index:1}
.aj-blog-single-kicker{
    display:block;
    margin-bottom:8px;
    color:var(--ajs-red);
    font-size:14px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.aj-blog-single-head h1{
    width:min(840px,100%);
    margin:0 auto;
    color:var(--ajs-ink);
    font-size:clamp(28px,3.7vw,48px);
    font-weight:600;
    line-height:1.18;
    letter-spacing:-.028em;
}
.aj-blog-single-ornament{
    width:98px;
    margin:10px auto 8px;
    display:flex;
    align-items:center;
    gap:7px;
    color:var(--ajs-orange);
}
.aj-blog-single-ornament i{height:1px;flex:1;background:currentColor}
.aj-blog-single-ornament b{font-size:14px;font-weight:400}
.aj-blog-single-subtitle{
    width:min(600px,100%);
    margin:0 auto;
    color:#625b55;
    font-size:14px;
    line-height:1.55;
}
.aj-blog-single-meta{
    margin-top:13px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    color:#5f5852;
    font-size:14px;
}
.aj-blog-single-meta>span{
    display:inline-flex;
    align-items:center;
    gap:6px;
}
.aj-blog-single-meta>.aj-blog-single-share-label{display:inline-flex}
.aj-blog-single-meta>i{
    width:1px;
    height:15px;
    background:#ddc9b8;
}
.aj-blog-single-meta .aj-blog-single-svg{
    width:15px;
    height:15px;
    color:#b56e34;
}
.aj-blog-single-share{display:flex;align-items:center;gap:6px}
.aj-blog-single-share a{
    width:23px;
    height:23px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#343434;
    color:#fff;
    font-size:14px;
    font-weight:700;
    text-transform:lowercase;
}

/* full article image */
.aj-blog-single-feature{
    width:100%;
    margin:0;
    height:clamp(300px,36vw,500px);
    overflow:hidden;
    background:#eee8e2;
}
.aj-blog-single-feature img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

/* body layout */
.aj-blog-single-body{padding:24px 0 22px}
.aj-blog-single-body-grid{
    width:min(1130px,calc(100% - 48px)) !important;
    display:grid;
    grid-template-columns:minmax(0,1fr) 286px;
    gap:46px;
    align-items:start;
}
.aj-blog-single-main{min-width:0}
.aj-blog-single-content{
    color:#4f4944;
    font-size:14px;
    line-height:1.7;
}
.aj-blog-single-content>p:first-of-type::first-letter{
    float:left;
    margin:2px 8px 0 0;
    color:var(--ajs-red);
    font-size:54px;
    font-weight:500;
    line-height:.78;
}
.aj-blog-single-content p{margin:0 0 12px}
.aj-blog-single-content h2{
    margin:18px 0 6px;
    color:#292522;
    font-size:18px;
    font-weight:600;
    line-height:1.35;
}
.aj-blog-single-content h3{
    margin:15px 0 6px;
    color:#292522;
    font-size:15px;
    font-weight:600;
    line-height:1.4;
}
.aj-blog-single-content ul,
.aj-blog-single-content ol{margin:8px 0 14px;padding-left:20px}
.aj-blog-single-content li{margin:4px 0}
.aj-blog-single-content blockquote,
.aj-blog-single-content .wp-block-quote{
    position:relative;
    margin:17px 0;
    padding:15px 52px;
    border:1px solid #ecccae;
    border-radius:8px;
    background:#fff8f0;
    color:#5b5048;
    text-align:center;
    font-size:16px;
    font-style:italic;
    line-height:1.45;
}
.aj-blog-single-content blockquote:before,
.aj-blog-single-content blockquote:after,
.aj-blog-single-content .wp-block-quote:before,
.aj-blog-single-content .wp-block-quote:after{
    position:absolute;
    top:5px;
    color:var(--ajs-orange);
    font-size:38px;
    font-style:normal;
    line-height:1;
}
.aj-blog-single-content blockquote:before,
.aj-blog-single-content .wp-block-quote:before{content:"“";left:18px}
.aj-blog-single-content blockquote:after,
.aj-blog-single-content .wp-block-quote:after{content:"”";right:18px;top:auto;bottom:-8px}
.aj-blog-single-content blockquote p{margin:0}
.aj-blog-single-content .wp-block-gallery{
    display:grid !important;
    grid-template-columns:repeat(3,1fr);
    gap:10px !important;
    margin:15px 0;
}
.aj-blog-single-content .wp-block-gallery figure{width:auto !important;margin:0 !important}
.aj-blog-single-content .wp-block-gallery img{
    width:100% !important;
    height:165px !important;
    object-fit:cover;
    border-radius:6px;
}
.aj-blog-single-content figure{margin:15px 0}
.aj-blog-single-content figure img{border-radius:6px}
.aj-blog-single-content .wp-caption-text,
.aj-blog-single-content figcaption{margin-top:5px;color:#8a8179;font-size:14px;text-align:center}

/* side bar */
.aj-blog-single-sidebar{
    display:grid;
    gap:16px;
    position:sticky;
    top:22px;
}
.aj-blog-single-side-card{
    overflow:hidden;
    border:1px solid #eadfd6;
    border-radius:9px;
    background:#fffdfb;
}
.aj-blog-single-side-card>h2{
    margin:0;
    padding:14px 15px 10px;
    color:#312b27;
    font-size:17px;
    font-weight:600;
}
.aj-blog-single-toc ol{
    list-style:none;
    margin:0;
    padding:0 14px 13px;
}
.aj-blog-single-toc li+li{border-top:1px solid #f1e8e0}
.aj-blog-single-toc a{
    min-height:31px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    color:#554e48;
    font-size:14px;
    line-height:1.35;
}
.aj-blog-single-toc a:after{
    content:"›";
    flex:0 0 auto;
    color:var(--ajs-orange);
    font-size:17px;
}
.aj-blog-single-toc li.is-sub a{padding-left:10px;color:#756d66}

.aj-blog-single-popular-list{padding:0 14px 8px}
.aj-blog-single-popular article{
    display:grid;
    grid-template-columns:78px 1fr;
    gap:10px;
    padding:10px 0;
    border-top:1px solid #f0e7df;
}
.aj-blog-single-popular article:first-child{border-top:0;padding-top:0}
.aj-blog-single-popular .media{
    height:68px;
    overflow:hidden;
    border-radius:6px;
}
.aj-blog-single-popular .media img{width:100%;height:100%;object-fit:cover}
.aj-blog-single-popular h3{
    margin:0 0 7px;
    color:#332e2a;
    font-size:14px;
    font-weight:500;
    line-height:1.3;
}
.aj-blog-single-popular .more{
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:var(--ajs-red);
    font-size:14px;
    font-weight:700;
}
.aj-blog-single-popular .more .aj-blog-single-svg{width:11px;height:11px}

/* red catalogue ad */
.aj-blog-single-catalogue-card{
    position:relative;
    min-height:255px;
    overflow:hidden;
    border-radius:9px;
    padding:17px;
    background:linear-gradient(145deg,#e21d24,#c30910);
    color:#fff;
}
.aj-blog-single-catalogue-card:before{
    content:"";
    position:absolute;
    right:-58px;
    top:-54px;
    width:155px;
    height:155px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:50%;
    box-shadow:0 0 0 13px rgba(255,255,255,.035),0 0 0 27px rgba(255,255,255,.022);
}
.aj-blog-single-catalogue-card .copy{position:relative;z-index:2;width:58%}
.aj-blog-single-catalogue-card h2{
    margin:0 0 7px;
    color:#fff;
    font-size:17px;
    font-weight:600;
    line-height:1.2;
}
.aj-blog-single-catalogue-card p{
    margin:0;
    color:rgba(255,255,255,.94);
    font-size:14px;
    line-height:1.5;
}
.aj-blog-single-catalogue-card .copy>a{
    margin-top:90px;
    min-height:30px;
    padding:0 10px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    border-radius:4px;
    background:#fff;
    color:var(--ajs-red);
    font-size:14px;
    font-weight:700;
}
.aj-blog-single-catalogue-card .copy>a .aj-blog-single-svg{width:11px;height:11px}
.aj-blog-single-catalogue-card .cover{
    position:absolute;
    z-index:1;
    right:-12px;
    bottom:-18px;
    width:132px;
    height:168px;
    padding:7px;
    transform:rotate(-13deg);
    border:4px solid #fff;
    background:#fff;
    box-shadow:0 10px 25px rgba(75,0,0,.22);
}
.aj-blog-single-catalogue-card .cover-label{
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--ajs-red);
    font-size:14px;
    font-weight:800;
}
.aj-blog-single-catalogue-card .cover img{
    width:100%;
    height:calc(100% - 22px);
    object-fit:cover;
}

/* takeaway */
.aj-blog-single-takeaway{
    margin-top:18px;
    padding:15px 17px;
    display:grid;
    grid-template-columns:62px 1fr;
    gap:15px;
    align-items:center;
    border:1px solid #eccbae;
    border-radius:8px;
    background:#fff8f0;
}
.aj-blog-single-takeaway-mark{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:50%;
    border:1px solid #e8bd91;
    color:var(--ajs-orange);
    font-size:26px;
    background:#fffdf9;
}
.aj-blog-single-takeaway h2{
    margin:0 0 5px;
    color:#342d29;
    font-size:16px;
    font-weight:600;
}
.aj-blog-single-takeaway p{
    margin:0;
    color:#655d56;
    font-size:14px;
    line-height:1.55;
}

/* author */
.aj-blog-single-author{
    margin-top:17px;
    padding:14px 16px;
    display:grid;
    grid-template-columns:110px 1fr;
    gap:18px;
    align-items:center;
    border:1px solid #e9ded5;
    border-radius:8px;
    background:#fff;
}
.aj-blog-single-author-avatar{
    width:96px;
    height:96px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:50%;
    border:1px solid #eddfd2;
    background:#fff9f1;
    color:var(--ajs-red);
}
.aj-blog-single-author-avatar img{width:100%;height:100%;object-fit:cover}
.aj-blog-single-author-avatar strong{font-size:14px;letter-spacing:.02em}
.aj-blog-single-author-avatar small{margin-top:3px;color:#9f6c48;font-size:12px}
.aj-blog-single-author h2{
    margin:0 0 5px;
    color:#312b27;
    font-size:17px;
    font-weight:600;
}
.aj-blog-single-author p{
    margin:0;
    color:#696159;
    font-size:14px;
    line-height:1.55;
}
.aj-blog-single-author-socials{
    margin-top:8px;
    display:flex;
    gap:7px;
}
.aj-blog-single-author-socials span{
    width:25px;
    height:25px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#3c3a38;
    color:#fff;
    font-size:14px;
    font-weight:700;
}
.aj-blog-single-tags{
    margin-top:13px;
    display:flex;
    align-items:flex-start;
    gap:12px;
    font-size:14px;
}
.aj-blog-single-tags>strong{padding-top:5px;color:#544d47}
.aj-blog-single-tags>div{display:flex;flex-wrap:wrap;gap:7px}
.aj-blog-single-tags a{
    min-height:25px;
    padding:0 10px;
    display:inline-flex;
    align-items:center;
    border:1px solid #e8ded6;
    border-radius:5px;
    background:#fff;
    color:#6b635c;
}

/* related */
.aj-blog-single-related{
    padding:20px 0 24px;
    border-top:1px solid #f0e2d5;
    background:linear-gradient(180deg,#fffaf4,#fff);
}
.aj-blog-single-related-heading{text-align:center;margin-bottom:13px}
.aj-blog-single-related-heading h2{
    margin:0;
    color:#2a2522;
    font-size:22px;
    font-weight:600;
}
.aj-blog-single-related-heading>span{
    position:relative;
    display:block;
    width:80px;
    height:7px;
    margin:5px auto 0;
    background:radial-gradient(circle at center,var(--ajs-orange) 0 2px,transparent 2.5px);
}
.aj-blog-single-related-heading>span:before,
.aj-blog-single-related-heading>span:after{
    content:"";
    position:absolute;
    top:3px;
    width:34px;
    height:1px;
    background:#e7ad76;
}
.aj-blog-single-related-heading>span:before{left:0}
.aj-blog-single-related-heading>span:after{right:0}
.aj-blog-single-related-grid{
    width:min(1150px,calc(100% - 36px));
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}
.aj-blog-single-related-card{
    overflow:hidden;
    border:1px solid #e9dfd6;
    border-radius:8px;
    background:#fff;
}
.aj-blog-single-related-card .media{
    display:block;
    aspect-ratio:16/8.6;
    overflow:hidden;
    background:#eee8e3;
}
.aj-blog-single-related-card .media img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease;
}
.aj-blog-single-related-card:hover .media img{transform:scale(1.025)}
.aj-blog-single-related-card .copy{padding:10px 12px 12px}
.aj-blog-single-related-card h3{
    margin:0 0 8px;
    color:#342f2b;
    font-size:14px;
    font-weight:500;
    line-height:1.35;
}
.aj-blog-single-related-card .more{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:var(--ajs-red);
    font-size:14px;
    font-weight:700;
}
.aj-blog-single-related-card .more .aj-blog-single-svg{width:12px;height:12px}

/* responsive */
@media(max-width:980px){
    .aj-blog-single-body-grid{
        width:min(100% - 38px,900px) !important;
        grid-template-columns:minmax(0,1fr) 250px;
        gap:28px;
    }
}
@media(max-width:780px){
    .aj-blog-single-v1 .aj-wrap{width:calc(100% - 30px)}
    .aj-blog-single-head h1{font-size:31px}
    .aj-blog-single-feature{height:auto;aspect-ratio:16/8.5}
    .aj-blog-single-body-grid{
        width:calc(100% - 30px) !important;
        grid-template-columns:1fr;
        gap:22px;
    }
    .aj-blog-single-sidebar{position:static;grid-template-columns:1fr 1fr}
    .aj-blog-single-catalogue-card{grid-column:1/-1;min-height:225px}
    .aj-blog-single-content .wp-block-gallery img{height:145px !important}
}
@media(max-width:560px){
    .aj-blog-single-breadcrumb{font-size:14px}
    .aj-blog-single-head{padding:21px 0 18px}
    .aj-blog-single-kicker{font-size:14px}
    .aj-blog-single-head h1{font-size:27px;line-height:1.2}
    .aj-blog-single-subtitle{font-size:14px}
    .aj-blog-single-meta{gap:7px;font-size:14px}
    .aj-blog-single-meta>i{display:none}
    .aj-blog-single-share-label{width:100%;justify-content:center;margin-top:2px}
    .aj-blog-single-feature{aspect-ratio:16/9}

    .aj-blog-single-content{font-size:12px}
    .aj-blog-single-content>p:first-of-type::first-letter{font-size:46px}
    .aj-blog-single-content h2{font-size:17px}
    .aj-blog-single-content .wp-block-gallery{grid-template-columns:1fr 1fr}
    .aj-blog-single-content .wp-block-gallery figure:last-child:nth-child(odd){grid-column:1/-1}
    .aj-blog-single-content .wp-block-gallery img{height:155px !important}
    .aj-blog-single-content blockquote,
    .aj-blog-single-content .wp-block-quote{padding:14px 38px;font-size:14px}

    .aj-blog-single-sidebar{grid-template-columns:1fr}
    .aj-blog-single-catalogue-card{grid-column:auto}
    .aj-blog-single-takeaway{grid-template-columns:48px 1fr;padding:13px}
    .aj-blog-single-takeaway-mark{width:44px;height:44px;font-size:20px}
    .aj-blog-single-author{grid-template-columns:72px 1fr;gap:13px}
    .aj-blog-single-author-avatar{width:68px;height:68px}
    .aj-blog-single-author-avatar strong{font-size:14px}
    .aj-blog-single-author h2{font-size:15px}

    .aj-blog-single-related-grid{
        width:100%;
        grid-template-columns:1fr;
        gap:11px;
    }
}


/* FINAL POPPINS + RESPONSIVE READABILITY */
.aj-blog-single-v1,
.aj-blog-single-v1 h1,.aj-blog-single-v1 h2,.aj-blog-single-v1 h3,
.aj-blog-single-v1 p,.aj-blog-single-v1 a,.aj-blog-single-v1 span,.aj-blog-single-v1 strong,
.aj-blog-single-v1 button,.aj-blog-single-v1 input,.aj-blog-single-v1 textarea,.aj-blog-single-v1 select{
    font-family:'Poppins',sans-serif!important;
}
.aj-blog-single-v1{font-size:15px!important;line-height:1.65!important}
.aj-blog-single-content,
.aj-blog-single-content p,
.aj-blog-single-takeaway p,
.aj-blog-single-author p,
.aj-blog-single-catalogue-card p{
    font-size:14px!important;
    line-height:1.7!important;
}
.aj-blog-single-subtitle{font-size:14px!important}
.aj-blog-single-meta,
.aj-blog-single-toc a,
.aj-blog-single-popular .more,
.aj-blog-single-related-card .more,
.aj-blog-single-tags{
    font-size:12.5px!important;
}
.aj-blog-single-popular h3{font-size:13px!important}
.aj-blog-single-author-avatar small{font-size:12px!important}
.aj-blog-single-related-card h3{font-size:16px!important}
@media(max-width:560px){
    .aj-blog-single-v1{font-size:14px!important}
    .aj-blog-single-content,
    .aj-blog-single-content p{font-size:14px!important}
    .aj-blog-single-meta{font-size:12px!important}
}

