Feature/istwcms 4619 m26lebla theme blog news events listing pages

css/styles.css

@@ -2048,6 +2048,10 @@ svg:not(:root) {
   margin-bottom: 2.5rem;
   margin-top: 1.5rem;
   position: relative; }
+  .uw-term--layout .uw-content-grid-list__style_controls {
+    order: 1;
+    padding: 0;
+    width: 100%; }
   .uw-term--layout .l-section {
     margin: 0 !important;
     width: 100%; }
@@ -2059,7 +2063,7 @@ svg:not(:root) {
     width: 100%; }
     .uw-term--layout .uw-term--filters .uw-input {
       width: 100%; }
-  @media (min-width: 48.06rem) {
+  @media (min-width: 40.06rem) {
     .uw-term--layout {
       flex-direction: row;
       gap: 1.5rem; }
@@ -3455,11 +3459,19 @@ button {
   .card--show-hover:hover, .card--show-hover:focus-within {
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
 
+.card__header {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 1rem;
+  width: 100%; }
+
 .card__date {
-  font-size: 1rem; }
+  font-size: 1rem;
+  margin-bottom: 1rem; }
 
 .card__author {
-  font-size: 1rem; }
+  font-family: Typ1451-Medium,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", Droid Sans, sans-serif;
+  font-size: 14.22224px; }
   .card__author a {
     color: #000;
     text-decoration: underline; }
@@ -3471,16 +3483,19 @@ button {
     .card__author a:active {
       color: #757575; }
 
-.card__title a {
-  color: #000;
-  text-decoration: underline; }
-  .card__title a:visited {
-    color: #000; }
-  .card__title a:hover, .card__title a:focus {
-    color: #757575;
+.card__title {
+  margin: 0.5rem 0;
+  padding: 0; }
+  .card__title a {
+    color: #000;
     text-decoration: none; }
-  .card__title a:active {
-    color: #757575; }
+    .card__title a:visited {
+      color: #000; }
+    .card__title a:hover, .card__title a:focus {
+      color: #757575;
+      text-decoration: underline; }
+    .card__title a:active {
+      color: #757575; }
 
 .card__body {
   display: flex;
@@ -3701,30 +3716,50 @@ button {
   -webkit-flex-flow: row wrap;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
-  gap: 1.25rem !important; }
-  .uw-flex-grid .card {
-    -webkit-box: 1;
-    -moz-box: 1;
-    -webkit-flex: 1 0 auto;
-    -ms-flex: 1 0 auto;
-    flex: 1 0 auto;
-    -webkit-box-align: start;
-    -moz-box-align: start;
-    -ms-flex-align: start;
-    -webkit-align-items: flex-start;
-    align-items: flex-start;
-    width: 100%; }
-    @media (min-width: 40.06rem) {
-      .uw-flex-grid .card {
+  gap: 1.25rem !important;
+  max-width: 75rem; }
+  .uw-flex-grid .uw-content-grid-list__style_controls {
+    width: 100%;
+    -webkit-align-content: flex-end;
+    -ms-flex-line-pack: end;
+    align-content: flex-end;
+    order: 1;
+    width: 100% !important; }
+    .uw-flex-grid .uw-content-grid-list__style_controls .uw-layout--controls {
+      padding: 1rem 0;
+      text-align: right; }
+    @media (min-width: 63.1875rem) {
+      .uw-flex-grid .uw-content-grid-list__style_controls {
+        -webkit-box: 1;
+        -moz-box: 1;
+        -webkit-flex: 1 1 auto 0 auto;
+        -ms-flex: 1 1 auto 0 auto;
+        flex: 1 1 auto 0 auto;
         -webkit-box-flex: 1;
         -moz-box-flex: 1;
         -ms-flex: 1;
         -webkit-flex-grow: 1;
         flex-grow: 1;
         width: 45%; } }
+  .uw-flex-grid .card {
+    width: 100%;
+    order: 3; }
     @media (min-width: 63.1875rem) {
       .uw-flex-grid .card {
-        width: 30%; } }
+        -webkit-box: 1;
+        -moz-box: 1;
+        -webkit-flex: 1 1 auto 0 auto;
+        -ms-flex: 1 1 auto 0 auto;
+        flex: 1 1 auto 0 auto;
+        -webkit-box-flex: 1;
+        -moz-box-flex: 1;
+        -ms-flex: 1;
+        -webkit-flex-grow: 1;
+        flex-grow: 1;
+        width: 45%; } }
+    .uw-flex-grid .card:first-child {
+      order: 2;
+      width: 100% !important; }
 
 .uw-copy-text__wrapper.uw-contained-width {
   margin-left: auto;