.post-related-posts {
display: table;
max-width: 1366px;
margin: 0 auto;
margin-bottom: 35px;
}
@media all and (max-width: 980px) {
.post-related-posts {
width: 80%;
}
}
#left-area .post-related-posts ul {
list-style: none;
margin-left: -15px;
}
.post-related-post-taxonomy a {
color: #333333 !important;
}
.post-related-post-author, .post-related-post-date, post-related-post-time {
float: left;
}
.post-related-project-meta {
list-style-type: none !important;
margin: 0;
padding: 0 !important;
} .post-related-post-first {
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
margin-bottom: 35px;
}
@media all and (min-width: 980px) {
.post-related-post-first-left {
margin-bottom: 50px;
padding-right: 10px;
}
.post-related-post-first-left, .post-related-post-first-image {
width: 50%;
}
.post-related-post-first-image a img {
width: 100%;
height: 330px;
object-fit: cover;
}
}
@media all and (max-width: 980px) {
.post-related-post-first-image {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.post-related-post-first {
display: grid;
}
} .post-related-post-more {
float: left;
}
.post-related-post-more-image {
margin-bottom: 10px;
}
@media all and (min-width: 980px) {
.post-related-post-more {
width: 30% !important;
}
.post-related-post-more-container {
display: flex;
}
.post-related-post-more-image a img {
width: 100%;
height: 200px;
object-fit: cover;
}
}
@media all and (max-width: 980px) {
.post-related-post-more {
width: 100%;
}
}
.margin-right-pm {
margin-right: 5% !important;
}