/* css for contributor profile page */
.col-8-profile{
    align-self: start;
}
.row-social-links{
    display: flex; 
    gap: 4px;
}
.profile-pic img{
        width: 200px;
        height: 200px;
        border-radius: 800px;
        max-width: 200px;
    }
.contributor-name-detail{
    font-family: 'Inter';
    font-size: 40px;
    font-weight: 700;
    line-height: 54px;
    color: #002251;
}
.location p, .designation p, .social_links p{
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #4D4D4E;
}
.location h6, .designation h6{
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #222222;
}

.contributor-info-detail .d-inline-flex {
    display: flex;
    align-items: center;
    padding: 8px 0px;
}


.contributor-info-detail p {
    margin: 0;
    margin-right: 8px;
    min-width: 100px;
}

.social_links .row {
    display: flex;
    align-items: center;
}


/* .social-icon {
    margin-left: 8px;
} */

.social-icon svg {
    vertical-align: middle; 
    display: block; 
    width: 24px; 
    height: 24px;
}

.social_links p {
    margin: 0;
    /* margin-right: 8px;  */
}
.social_links {
    display: flex;
    align-items: center;
    margin-bottom: 10px; 
}
.the_title{
    display: -webkit-box;         
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;       
    overflow: hidden;            
    text-overflow: ellipsis;  
    max-height:84px;
    min-height:84px;
    max-width: 452px;              
}
.cont-title p{
    font-family: 'Inter';
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    color: #02216A;
    margin-bottom: 0px !important;
}
.author-related-post-title{
    display: flex;
    /* gap: 8px; */
    flex-direction: column;
}
.the_title a{
    font-family: 'Inter';
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #222222;
}
.the_tags{
    font-family: 'Inter';
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #25415E;
    display: -webkit-box;         
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp: 1;       
    overflow: hidden;            
    text-overflow: ellipsis; */
}
.author-related-post-img img{
    height: 120px;
    width: 180px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
}
.contribution-row{
    /* padding: 40px 80px 80px 8px; */
    padding: 24px 64px 80px 8px !important;
}
.profile-row{
    /* padding: 40px 80px 40px 8px;    */
    padding: 16px 64px 16px 8px;
}
.col-6.related-post{
    padding: 16px 24px 16px 16px;
    border-radius: 16px;
}
.row.profile-row{
    /* margin: 0px; */
    display:flex;
    gap:56px;
}
.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33%;
}

.col-6 {
    width: 50%;
}

.col-9 {
    width: 75%;
}

.col-12 {
    width: 100%;
}
.author-container{
    width: 100%;
}
.author-detail-block{
    /* top:16%;
    position: relative; */
}
/* end css for contributor profile page */
/* new css */



#related-posts {
    display: flex;
    flex-wrap: wrap;
    gap: 24px; 
}

.related-post {
    flex: 1 1 calc(50% - 20px); 
    box-sizing: border-box;
}

.related-row {
    display: flex;
    gap: 24px; 
    /* padding: 16px 24px 16px 24px; */
    padding: 16px 24px 0px 16px;
}

.author-related-post-img {
    flex: 0 0 40%; 
}

.author-related-post-title {
    flex: 1; 
}
.contributor_breadcrum{
    padding: 32px 80px 0px 8px;
}
.custom-breadcrumb a{
    color: #777879;
}
.breadcrumb-last, .custom-breadcrumb a:hover{
    color: #4D88c4;
}
.related-row:hover{
    background-color: white;
    border-radius: 16px;
    cursor: pointer;
}
.the_title a:hover{
    color:#222222;
}

/* Responsive design: Stacking posts on smaller screens */
@media (max-width: 768px) {
    .related-row{
        padding: 8px 0px;
    }
   
    .cont-title{
        padding-left: 0px !important;
        padding-bottom:8px;
    }
    .author-related-post-img img{
        height: 66.67px;
        width: 100px;
    }
    .the_title{
        margin-bottom: 8px !important;
    }
    .contributor_breadcrum{
    padding: 0px;
    padding-top:8px;
    padding-bottom: 8px;
}
    .related-post {
        flex: 1 1 100%; 
    }
    .row.profile-row{
        flex-direction: column;
        /* padding: 0px; */
         gap:24px !important;
        align-items:center;
        padding: 16px 16px 40px 16px;
    }
    .contributor-name-detail{
        font-size: 32px;
        line-height: 40px;
    }
    .author-detail-block{
        top:0px;
        position: relative;
    }
    .contribution-row {
        padding: 16px !important;
    }
    .col-12{
        /* padding-bottom: 8px;
        padding-left:16px;
        padding-top:16px; */
        /* padding:0px; */
    }
    .cont-title p{
        margin-bottom: 0px !important;
    }
}

@media (max-width: 425px) {
    .designation h6{
        position: relative;
    }
   
}

@media ((min-width: 0px) and (max-width: 426px)) {
    .profile-pic img{
        /* margin-left: 50%; */
        width: 160px;
        height: 160px;
        border-radius: 800px;
        max-width: 160px;
    }
}

@media (min-width: 769px) {
    .related-post:last-child .related-row.odd-post {
        display: flex;
        flex-wrap: wrap;
        width:50%;
    }
   
}

@media (min-width:768px) and (max-width:1280px) 
{
    .author-container{
        padding-left:56px;
    }
}