.wp-block-cbd-block-bloglatest h2 {
color: var(--wp--preset--color--mep-grey);
}
.cbd-block-bloglatest-inner {
padding: 3.25em 0 3em;
}
ul.blogposts-latest {
font-size: 1rem;
list-style: none;
}
.cbd-blog-latest a, .cbd-blog-latest a:hover {
color: var(--wp--preset--color--mep-grey);
}
.blogpost-image img {
width: 100%;
height: auto;
object-fit: cover;
}
ul.blogposts-latest .blogpost {
margin-bottom: 0;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
border: 1px solid #E6E6E6;
}
ul.blogpost-cats {
list-style: none;
padding: 0;
font-size: 0.9em;
}
ul.blogpost-cats li {
display: inline-block;
border-right: 1px solid #e6e6e6;
padding-right: 0.5em;
margin-right: 0.5em;
}
ul.blogpost-cats li:last-of-type {
border-right: none;
padding-right: 0;
}
ul.blogpost-cats li a {
color: var(--wp--preset--color--mep-red);
}
@media print, screen and (max-width: 599px) {
ul.blogposts-latest .blogpost {
margin-top: 1.75em;
}
}
@media print, screen and (min-width: 600px) {
ul.blogposts-latest {
display: flex;
justify-content: space-between;
gap: 1.2em;
margin: 0;
}
ul.blogposts-latest .blogpost {
flex: 0 0 calc(50% - .6em);
}
}
@media print, screen and (min-width: 600px) and (max-width: 1023px) {
ul.blogposts-latest .blogpost:nth-child(3) {
display: none;
}
}
@media print, screen and (min-width: 1024px) {
ul.blogposts-latest .blogpost {
flex: 0 0 calc(33% - .8em);
}
}
@media handheld, only screen and (max-width: 992px) {
.cbd-blog-latest ul.blogposts-latest {
padding-left: 0;
margin: 0 1em;
}
}