.wp-block-cbd-block-cards {
margin: 2rem 0;
}
ul.cbd-block-cards-list {
list-style: none;
padding: 0;
margin: 0 auto !important;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 2em;
}
ul.cbd-block-cards-list.with-max-3-wide {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
ul.cbd-block-cards-list.with-max-2-wide {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
ul.cbd-block-cards-list > li { background-color: #fff;
margin: 0;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
border: 1px solid #E6E6E6;
}
ul.cbd-block-cards-list > li h2, ul.cbd-block-cards-list > li h3, ul.cbd-block-cards-list > li h5, ul.cbd-block-cards-list > li h6 {
margin-bottom: 0.2em;
}
ul.cbd-block-cards-list .card-group {
flex-direction: column;
}
.wp-block-cbd-block-cards > div > .block-editor-block-list__layout > div {
margin: 0;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
border: 1px solid #E6E6E6;
}
.wp-block-cbd-block-cards > div > .block-editor-block-list__layout > div img {
position: relative;
}
.wp-block-cbd-block-cards .wp-block-image img {
width: 100%;
}
.wp-block-cbd-block-cards .wp-block-image:before {
content: url(//mep-ltd.uk/wp-content/themes/minerva-elite/blocks/cards/image-tri.svg);
width: 42px;
height: 37px;
position: absolute;
right: 0.5rem;
bottom: 0.5rem;
z-index: 9;
}
.wp-block-cbd-block-cards .wp-block-image figcaption {
position: absolute;
right: 1rem;
top: 1rem;
margin: 0;
z-index: 10;
background: linear-gradient(90deg,rgba(109, 172, 31, 1) 0%, rgba(149, 198, 92, 1) 50%);
text-transform: uppercase;
color: #fff;
font-weight: 500;
padding: 0.5rem 0.8rem;
border: 1px solid #64A43A;
}
.wp-block-cbd-block-cards .wp-block-image figcaption a, .wp-block-cbd-block-cards .wp-block-image figcaption a:hover {
color: #fff;
}
@media screen and (max-width: 1439px) {
ul.cbd-block-cards-list {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
ul.cbd-block-cards-list.with-max-2-wide {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 1365px) {
ul.cbd-block-cards-list.with-max-3-wide {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 1023px) {
ul.cbd-block-cards-list {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media screen and (max-width: 720px) {
ul.cbd-block-cards-list {
gap: 1em;
}
ul.cbd-block-cards-list > li {
padding: 1.25em 1.25em 0.25em;
}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
ul.cbd-block-cards-list {
font-size: 0.9375em;
}
}
@media screen and (max-width: 767px) {
ul.cbd-block-cards-list.with-max-2-wide, ul.cbd-block-cards-list.with-max-3-wide {
grid-template-columns: minmax(0, 1fr) !important;
}
}
@media screen and (max-width: 599px) {
ul.cbd-block-cards-list {
grid-template-columns: minmax(0, 1fr) !important;
}
}