#ranking-wp-display-posts > .h2 {
background: 0 0;
border: 0;
color: #000;
font-weight: bold;
padding: 1rem 0;
font-size: 125%;
margin: 0;
text-align: center;
}
#ranking-wp-display-posts #ranking-wp-display-posts-container {
display: grid;
grid-template-columns: repeat(3, calc((100% - 24px)/ 3));
grid-column-gap: 12px;
grid-row-gap: 1em;
row-gap: 1em;
justify-items: center;
align-items: stretch;
margin-bottom: 2em;
min-height: 180px;
}
@media screen and (min-width: 768px) {
#ranking-wp-display-posts #ranking-wp-display-posts-container {
row-gap: 1em;
grid-row-gap: 1em;
grid-auto-rows: 1fr;
font-size: 15px;
}
}
@media screen and (max-width: 600px) {
#ranking-wp-display-posts #ranking-wp-display-posts-container {
grid-template-columns: 1fr;
}
}
#ranking-wp-display-posts > #ranking-wp-display-posts-container > div {
position: relative;
width: 100%;
max-width: 350px;
line-height: 24px;
}
#ranking-wp-display-posts .ranking-wp-display-post-item .ranking-wp-display-pr {
font-size: 0.6rem;
}
#ranking-wp-display-posts .ranking-wp-display-post-item .h4 {
position: relative;
width: 100%;
font-size: 15px;
margin-top: 0;
font-weight: 400;
line-height: 24px;
text-align: center;
color: #aaa;
}
@media screen and (min-width: 768px) {
#ranking-wp-display-posts .ranking-wp-display-post-item .h4 {
overflow: hidden;
max-height: 72px;
}
}
#ranking-wp-display-posts .ranking-wp-display-post-item a, #ranking-wp-display-posts .ranking-wp-display-post-item a:hover {
text-decoration: none;
border: none;
box-shadow: none;
}
#ranking-wp-display-posts #ranking-wp-display-posts-container > .ranking-wp-display-post-item img {
width: 100%;
height: 200px;
margin: 0;
object-fit: cover;
}