/* =========================================
LEVIGATO BLOG FANCY
========================================= */

.lv-blog-fancy{

    position:relative;
    overflow:hidden;

    margin-bottom:60px;

    border-radius:32px;

    background:#111;

    border:1px solid rgba(255,255,255,0.06);

    transition:.45s ease;

    box-shadow:
    0 10px 40px rgba(0,0,0,0.35);

}

.lv-blog-fancy:hover{

    transform:translateY(-10px);

    border-color:rgba(212,175,55,0.35);

    box-shadow:
    0 25px 60px rgba(0,0,0,0.5);

}

/* IMAGE */

.lv-blog-image-wrap{

    position:relative;

    overflow:hidden;

    border-radius:32px 32px 0 0;

}

.lv-blog-image{

    height:520px;

    object-fit:cover;

    transition:1s ease;

}

.lv-blog-fancy:hover .lv-blog-image{

    transform:scale(1.06);

}

/* OVERLAY */

.lv-blog-image-wrap::after{

    content:'';

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(0,0,0,0.85),
        rgba(0,0,0,0.1)
    );

    pointer-events:none;

}

.lv-blog-category{

    position:absolute;

    top:24px;
    left:24px;

    z-index:20;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:12px 22px;

    border-radius:100px;

    background:linear-gradient(
        135deg,
        #d4af37 0%,
        #f5d76e 50%,
        #b8860b 100%
    );

    border:1px solid rgba(255,255,255,0.18);

    box-shadow:
    0 10px 25px rgba(212,175,55,0.35);

    color:#111;

    font-size:12px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:1.5px;

    line-height:1;

    backdrop-filter:blur(10px);

}

.lv-blog-category::before{

    content:'';

    position:absolute;

    inset:1px;

    border-radius:100px;

    background:linear-gradient(
        to bottom,
        rgba(255,255,255,0.35),
        rgba(255,255,255,0)
    );

    pointer-events:none;

}

/* CONTENT */

.lv-blog-content{

    padding:40px;

}

/* META */

.lv-blog-meta{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

}

.lv-blog-meta ul{

    display:flex;

    gap:25px;

    flex-wrap:wrap;

    margin:0;
    padding:0;

    list-style:none;

}

.lv-blog-meta li{

    color:#999;

    font-size:14px;

    letter-spacing:.5px;

}

.lv-blog-meta li i{

    color:#d4af37;

    margin-right:8px;

}

/* TITLE */

.lv-blog-title{

    margin-bottom:22px;

    line-height:1.3;

}

.lv-blog-title a{

    color:#fff;

    font-size:34px;

    font-weight:700;

    transition:.3s ease;

}

.lv-blog-title a:hover{

    color:#d4af37;

}

/* TEXT */

.lv-blog-text{

    color:#bdbdbd;

    font-size:16px;

    line-height:1.9;

    margin-bottom:30px;

}

/* BUTTON */

.lv-blog-readmore{

    display:inline-flex;

    align-items:center;

    gap:12px;

    color:#fff;

    font-weight:600;

    letter-spacing:.5px;

    transition:.3s ease;

}

.lv-blog-readmore i{

    transition:.3s ease;

}

.lv-blog-readmore:hover{

    color:#d4af37;

}

.lv-blog-readmore:hover i{

    transform:translateX(6px);

}

/* ARROW */

.lv-blog-arrow{

    width:60px;
    height:60px;

    border-radius:50%;

    display:flex;

    align-items:center;
    justify-content:center;

    background:#1b1b1b;

    border:1px solid rgba(255,255,255,0.08);

    color:#fff;

    transition:.35s ease;

}

.lv-blog-arrow:hover{

    background:#d4af37;

    color:#000;

    transform:rotate(45deg);

}

/* MOBILE */

@media(max-width:768px){

    .lv-blog-image{

        height:320px;

    }

    .lv-blog-content{

        padding:28px;

    }

    .lv-blog-title a{

        font-size:24px;

    }

    .lv-blog-meta{

        flex-direction:column;

        align-items:flex-start;

    }

}

.sidebar-rel-bx{
    position:relative;
    overflow:hidden;
    border-radius:20px;
}

.sidebar-rel-bx img{
    display:block;
    width:100%;
    height:auto;
}

/* DARK OVERLAY */

.sidebar-rel-bx::before{
    content:'';
    position:absolute;
    inset:0;

    background:linear-gradient(
        to top,
        rgba(0,0,0,0.88) 0%,
        rgba(0,0,0,0.55) 45%,
        rgba(0,0,0,0.15) 100%
    );

    z-index:1;
}

/* CONTENT */

.sidebar-rel-overlay{
    position:absolute;
    left:0;
    bottom:0;

    width:100%;
    padding:25px;

    z-index:2;

    color:#fff;
}

.sidebar-rel-overlay h6,
.sidebar-rel-overlay p,
.sidebar-rel-overlay a{
    color:#fff;
}

.sidebar-rel-overlay h6{
    font-size:20px;
    line-height:1.4;
    font-weight:700;
}

.sidebar-rel-overlay p{
    opacity:.9;
    margin-bottom:15px;
}

.sidebar-rel-admin a{
    display:inline-flex;
    align-items:center;
    gap:8px;

    color:#d4af37;
    font-weight:600;
}