.related-posts .entry-meta {
margin: 0.5em 0 0;
background: none;
}
.related-posts .entry-meta .meta-date,
.related-posts .entry-meta .meta-author {
margin: 0 0.4em 0 0;
padding: 0;
background: none;
color: #222;
}
.related-posts .entry-meta .meta-date a:link, 
.related-posts .entry-meta .meta-date a:visited {
color: #222;
}
.related-posts .entry-meta span:before {
display: inline-block;
-webkit-font-smoothing: antialiased;
font: normal 16px 'Genericons';
vertical-align: middle;
color: #222;
}
.related-posts .entry-meta .meta-date:before{
content: '\f307';
margin-right: 0.3em;
}
.related-posts .entry-meta .meta-author:before{
content: '\f304';
} ul.related-posts-list {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
.related-posts-list li {
margin: 0 0 1em;
padding: 0;
list-style: none;
}
.related-posts-list li .entry-header {
margin-top: 0.2em;
}
.related-posts-list li .entry-title {
font-size: 1.3em;
}
.related-posts-list li .wp-post-image {
float: left;
margin: 0 1em 0 0;
padding: 0;
border: none;
max-width: 20%;
height: auto;
} .related-posts-grid {
margin: 1em 0 0;
}
.related-posts-columns {
margin-right: -1em;
}
.related-posts-columns .related-post-column {
float: left;
margin-bottom: 1em;
padding-right: 1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.related-posts-two-columns .related-post-column {
width: 50%;
}
.related-posts-three-columns .related-post-column {
width: 33.3333333333333%;
}
.related-posts-four-columns .related-post-column {
width: 25%;
}
.related-posts-two-columns .related-post-column:nth-child(2n + 1) {
clear: left;
}
.related-posts-three-columns .related-post-column:nth-child(3n + 1) {
clear: left;
}
.related-posts-four-columns .related-post-column:nth-child(4n + 1) {
clear: left;
}
.related-posts-two-columns .related-post-column .entry-title {
font-size: 1.5em;
}
.related-posts-three-columns .related-post-column .entry-title {
font-size: 1.15em;
}
.related-posts-four-columns .related-post-column .entry-title {
font-size: 1.05em;
}
.related-posts-four-columns .related-post-column .entry-meta .meta-date,
.related-posts-four-columns .related-post-column .entry-meta .meta-author  {
display: block;
}
.related-posts-columns .related-post-column .wp-post-image {
margin: 0 0 0.5em 0;
padding: 0;
border: none;
max-width: 100%;
} @media only screen and (max-width: 60em) { .related-posts-two-columns .related-post-column .entry-title {
font-size: 1.3em;
}
}
@media only screen and (max-width: 50em) { .related-posts-four-columns .related-post-column {
width: 50%;
}
.related-posts-four-columns .related-post-column:nth-child(2n + 1) {
clear: left;
}
.related-posts-two-columns .related-post-column .entry-title {
font-size: 1.15em;
} .related-posts-list li .wp-post-image {
max-width: 25%;
}
}
@media only screen and (max-width: 35em) { .related-posts-three-columns {
margin: 0;
}
.related-posts-three-columns .related-post-column {
float: none;
width: 100%;
padding-right: 0;
}
.related-posts-three-columns .related-post-column .entry-title {
font-size: 1.3em;
}
}
@media only screen and (max-width: 25em) { .related-posts-two-columns,
.related-posts-four-columns {
margin: 0;
}
.related-posts-two-columns .related-post-column,
.related-posts-four-columns .related-post-column {
float: none;
width: 100%;
padding-right: 0;
}
.related-posts-three-columns .related-post-column .entry-title {
font-size: 1.15em;
} .related-posts-list li .wp-post-image {
float: none;
margin: 0 0 0.5em 0;
max-width: 100%;
}
}
@media only screen and (max-width: 20em) {
.related-posts .entry-meta .meta-date,
.related-posts .entry-meta .meta-author  {
display: block;
border: none;
}
}