article{display:flex;justify-content:flex-start;padding:30px 0}@media only screen and (max-width:469px){article{display:inline-block;padding:20px 0}}@media only screen and (min-width:469px) and (max-width:699px){article{display:inline-block;padding:20px 0}}.image__container{width:20%}@media only screen and (max-width:469px){.image__container{width:100%}}@media only screen and (min-width:469px) and (max-width:699px){.image__container{width:100%}}.image__container .image-inner__container{overflow:hidden}.image__container:hover img{-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1)}.image__container img{transition:all ease 400ms}@media only screen and (max-width:469px){.image__container img{width:100%;height:auto}}@media only screen and (min-width:469px) and (max-width:699px){.image__container img{width:100%;height:auto}}.detail__container{width:80%;display:flex;flex-direction:column;justify-content:space-between;padding:10px 30px 10px 0}@media only screen and (max-width:469px){.detail__container{width:100%;padding:10px 0}}@media only screen and (min-width:469px) and (max-width:699px){.detail__container{width:100%;padding:10px 0}}.detail__container .detail-header{display:flex;justify-content:space-between;color:#767676;font-size:12px}.detail__container .detail-header .header-author{display:flex}.detail__container .detail-header .header-author span{padding-left:15px}.detail__container .detail-header .header-author span i{padding-left:5px;font-size:15px;vertical-align:middle}.detail__container .detail-header .header-likes{direction:ltr}@media only screen and (max-width:469px){.detail__container .detail-header .header-likes{text-align:left}}@media only screen and (min-width:469px) and (max-width:699px){.detail__container .detail-header .header-likes{text-align:left}}.detail__container .detail-header .header-likes span{padding-right:24px}@media only screen and (max-width:991px) and (min-width:500px){.detail__container .detail-header .header-likes span{padding-right:10px}}.detail__container .detail-header .header-likes span i{padding-right:10px;font-size:16px;vertical-align:middle}@media only screen and (max-width:469px){.detail__container .detail-header .header-likes span i{padding-right:8px}}@media only screen and (min-width:469px) and (max-width:699px){.detail__container .detail-header .header-likes span i{padding-right:8px}}@media only screen and (max-width:991px) and (min-width:500px){.detail__container .detail-header .header-likes span i{padding-right:5px}}@media only screen and (max-width:768px) and (min-width:500px){.detail__container .detail-body{height:120px;overflow:hidden}}.detail__container .detail-body h2{margin:20px 0 10px;font-size:13pt;font-weight:bold;line-height:1.5;text-align:justify}.detail__container .detail-body h2 span{color:#4e3fe4;vertical-align:middle;font-size:20px;padding-left:5px}.detail__container .detail-body h2 a{color:#333}.detail__container .detail-body p{overflow:hidden;line-height:1.9;color:#666;text-align:justify}@media only screen and (max-width:469px){.detail__container .detail-body p{margin-bottom:10px}}@media only screen and (min-width:469px) and (max-width:699px){.detail__container .detail-body p{margin-bottom:10px}}.detail__container .detail-footer{display:flex;justify-content:space-between;color:#767676;font-size:12px}.detail__container .detail-footer a{display:inline-block;padding:10px 12px;color:#fff;background-color:#4e3fe4;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.detail__container .detail-footer a:hover,.detail__container .detail-footer a:focus{text-decoration:none;filter:brightness(85%)}.detail__container .detail-footer .author{align-self:center}.detail__container .detail-footer .author i{padding-left:5px;font-size:15px;vertical-align:middle}.post-special--False{display:none}.post-special--True{display:inline-block;background-color:#ffdbd0;border:1px solid #ffc491;color:#f37100;padding:0 10px;text-align:center;border-radius:4px;margin-right:5px;font-size:14px;line-height:18px;font-weight:400;vertical-align:middle}body:not(.rtl) .detail__container{padding:10px 0 10px 30px}@media only screen and (max-width:469px){body:not(.rtl) .detail__container{padding:10px 0}}@media only screen and (min-width:469px) and (max-width:699px){body:not(.rtl) .detail__container{padding:10px 0}}body:not(.rtl) .detail__container .detail-header .header-author span{padding-left:unset;padding-right:15px}body:not(.rtl) .detail__container .detail-header .header-author span i{padding-left:unset;padding-right:5px}body:not(.rtl) .detail__container .detail-body h2 span{padding:0 5px 0 0}body:not(.rtl) .detail-footer .author i{padding-left:unset;padding-right:5px}