/* ============================
   Author Box
============================ */

.custom-author-box{

    display:flex;
    align-items:center;
    gap:30px;

    margin-top:60px;
    padding:35px;

    border-radius:18px;

    background:#ffffff;

    border:1px solid #e8e8e8;

    box-shadow:0 15px 35px rgba(0,0,0,.05);

    transition:.3s;
}

.custom-author-box:hover{

    box-shadow:0 20px 40px rgba(0,0,0,.08);

}

.author-image{

    flex-shrink:0;

}

.author-avatar-img{

    width:120px;
    height:120px;

    border-radius:50%;

    object-fit:cover;

    border:5px solid #fff;

    box-shadow:0 8px 20px rgba(0,0,0,.1);

}

.author-details{

    flex:1;

}

.author-label{

    display:inline-block;

    font-size:13px;

    color:#777;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:8px;

}

.author-name{

    margin:0 0 6px;

    font-size:28px;

    font-weight:700;

}

.author-name a{

    color:#111;

    text-decoration:none;

}

.author-name a:hover{

    color:#2a7de1;

}

.author-role{

    display:inline-block;

    background:#2a7de1;

    color:#fff;

    padding:6px 14px;

    border-radius:30px;

    font-size:13px;

    margin-bottom:18px;

}

.author-description{

    margin:0;

    color:#555;

    line-height:1.8;

    font-size:15px;

}

.author-meta{

    margin-top:18px;

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}

.author-meta span{

    background:#f5f5f5;

    padding:8px 14px;

    border-radius:25px;

    font-size:14px;

}

/* ============================
   Mobile
============================ */

@media(max-width:768px){

.custom-author-box{

    flex-direction:column;

    text-align:center;

    padding:25px;

    gap:20px;

}

.author-avatar-img{

    width:100px;
    height:100px;

}

.author-name{

    font-size:24px;

}

.author-meta{

    justify-content:center;

}

}