/* post-content */
.post-content .post-post:hover .thumbnail{
    background-color: white;
    font-family: "Calibri light";
}

.post-content .post-post:hover .thumbnail > a > img{
    opacity: 1;
}

.post-content .post-post .row-description .right{
    font-size: 20px;
}

.post-content .post-post .row-description .right > i{
    color:#de5c51;
    font-size: 14px;
    display: block;
    margin-top:30px;
    opacity: 0.9;
}

.post-content .post-post .row-description .right > i:hover{
    opacity: 1;
}

.post-content .post-post .row-description .right > i >p{
    display: inline-block;
    color:  #7f7f7f;
    text-decoration: none;
}

.post-content .post-post .row-description .right > i >a{
    display: inline-block;
    color:  #7f7f7f;
    text-decoration: none;
}

.post-content .post-post .row-description .right > i a:hover{
    color: rgba(0,0,0,0.7);
}

.line-border{
    width:100%;
    margin:auto;
    border-top: 1px solid #ada9a9;
}

.row-description .right >i .need-share-button-default .custom-button{   /* css share newAward */
    color: #de5c51;
    font-size: 17px;
    font-weight: 900;
    background-color: #f9f5f2;
    border: none;
    padding:0;
}

.row-description .right >i .need-share-button-default .custom-button:hover{
    text-decoration: underline;
}

.row-description #article-content >div{
    text-align: center;
}

.row-description #article-content >div >i{
    font-size: 30px;
}

.row-description #article-content >div >i .need-share-button_button{
    color: #808080 ;
    font-size: 20px;
    border: none ;
    padding: 0;
}

/* post-related */

.post-related{
    margin:auto;
    border-top: none;
}

.post-related .right{
    width:100%;
    margin:auto;
}

.post-related .post-post{
    width:22%;
    padding: 0px;
    margin: 0px;
    display: inline-table; 
    margin:1%;
    margin-top:50px;
}

.post-related .right .post-post .row-description h4{
    font-size:20px;
}

.post-related .post-post .thumbnail img{
    width:100%;
    height:170px;
}

.post-related .left{
    float: left;
    width:50%;
}

.post-related .left h3{
    margin-top:30px;
    font-weight:300;
}

#article-content{
    font-size: 13px;
}

#article-content img{
    height: auto !important;
    width: 90% !important;
    margin: auto;
}

/* Reponsive */
@media screen and (max-width:1024px){
    .post-related .post-post{
        width:45%;
        margin: 15px 0;
        padding:25px 0;
        display: inline-table;
        margin: 2%;
    }
    #article-content img{
        height: auto !important;
        width: 90% !important;
        margin: auto;
    }
}

@media screen and (max-width:768px){
    .post-related .post-post:first-child{
    width:45%;
    margin: 15px 0;
    padding:25px 0;
    display: inline-table;
    margin: 2%;
    }
    #article-content img{
        height: 350px !important;
        width: 90% !important;
        margin: auto;
        object-fit: contain;
    }
}

@media screen and (max-width:600px){
    .post-related .post-post:first-child{
        width:45%;
        margin: 15px 0;
        padding:25px 0;
        display: inline-table;
        margin: 2%;
        }

        .post-related .post-post .thumbnail img{
            width:100%;
            height: auto;
            min-height: 80px;

        }
        #article-content img{
            height: 250px !important;
            width: 90% !important;
            margin: auto;
            object-fit: contain;
        }
}

@media screen and (max-width:500px){

    .post-related .post-post .row-description h4{
        font-size: 14px;
    }
    #article-content img{
        height: 200px !important;
        width: 95% !important;
        margin: auto;
        object-fit: contain;
    }
}