Feature/istwcms 4619 m26lebla theme blog news events listing pages

css/styles.css

@@ -3503,7 +3503,6 @@ button {
   -ms-flex-direction: column;
   -webkit-flex-direction: column;
   flex-direction: column;
-  flex-grow: 1;
   width: 100%; }
   .views-row .card {
     height: 100%; }
@@ -3560,15 +3559,12 @@ button {
   flex-flow: row wrap;
   gap: 1.25rem;
   gap: inherit;
-  height: 100%;
   padding: 1rem;
   width: 100%; }
   .card__body p:last-child {
     margin-bottom: 0; }
 
 .card__content {
-  display: flex;
-  flex-direction: column;
   margin-bottom: 1.5rem;
   width: 100%; }
 
@@ -3577,25 +3573,33 @@ button {
   order: -1;
   width: 100%; }
   .card__media a {
-    display: block;
+    display: inline-block;
     height: 100%;
     width: 100%; }
+    .card__media a:focus img {
+      -webkit-filter: grayscale(100%);
+      filter: grayscale(100%);
+      transition: -webkit-filter 150ms cubic-bezier(0.4, 0, 1, 1);
+      transition: filter 150ms cubic-bezier(0.4, 0, 1, 1);
+      transition: filter 150ms cubic-bezier(0.4, 0, 1, 1), -webkit-filter 150ms cubic-bezier(0.4, 0, 1, 1); }
   .card__media img {
     -webkit-filter: grayscale(0);
     filter: grayscale(0);
-    transition: opacity 150ms cubic-bezier(0.4, 0, 1, 1), -webkit-filter;
-    transition: filter, opacity 150ms cubic-bezier(0.4, 0, 1, 1);
-    transition: filter, opacity 150ms cubic-bezier(0.4, 0, 1, 1), -webkit-filter;
+    transition: -webkit-filter 150ms cubic-bezier(0.4, 0, 1, 1);
+    transition: filter 150ms cubic-bezier(0.4, 0, 1, 1);
+    transition: filter 150ms cubic-bezier(0.4, 0, 1, 1), -webkit-filter 150ms cubic-bezier(0.4, 0, 1, 1);
     width: 100%; }
     .card__media img:hover {
       -webkit-filter: grayscale(100%);
       filter: grayscale(100%);
-      transition: opacity 150ms cubic-bezier(0.4, 0, 1, 1), -webkit-filter;
-      transition: filter, opacity 150ms cubic-bezier(0.4, 0, 1, 1);
-      transition: filter, opacity 150ms cubic-bezier(0.4, 0, 1, 1), -webkit-filter; }
+      transition: -webkit-filter 150ms cubic-bezier(0.4, 0, 1, 1);
+      transition: filter 150ms cubic-bezier(0.4, 0, 1, 1);
+      transition: filter 150ms cubic-bezier(0.4, 0, 1, 1), -webkit-filter 150ms cubic-bezier(0.4, 0, 1, 1); }
 
 .card__footer {
-  margin-top: auto; }
+  margin-top: auto;
+  padding: 1.5rem;
+  width: 100%; }
   .card__footer > div {
     margin-bottom: 1rem; }
     .card__footer > div:last-child {