Feature/istwcms 4619 m26lebla theme blog news events listing pages

css/styles.css

@@ -2044,12 +2044,10 @@ svg:not(:root) {
 .uw-term--layout {
   display: flex;
   flex-direction: column;
-  justify-content: center;
   margin-bottom: 2.5rem;
   margin-top: 1.5rem;
   position: relative; }
-  .uw-term--layout .uw-content-grid-list__style_controls {
-    order: 1;
+  .uw-term--layout .uw-content--grid-list__style_controls {
     padding: 0;
     width: 100%; }
   .uw-term--layout .l-section {
@@ -2060,27 +2058,41 @@ svg:not(:root) {
   .uw-term--layout .uw-term--results {
     width: 100%; }
   .uw-term--layout .uw-term--filters {
+    display: none;
     width: 100%; }
     .uw-term--layout .uw-term--filters .uw-input {
+      width: 100% !important; }
+    .uw-term--layout .uw-term--filters .l-section__content {
+      margin: 0;
+      max-width: inherit;
+      padding: 0;
       width: 100%; }
-  @media (min-width: 40.06rem) {
+  @media (min-width: 48.06rem) {
     .uw-term--layout {
+      display: flex;
       flex-direction: row;
-      gap: 1.5rem; }
+      gap: 1.5rem;
+      justify-content: center; }
       .uw-term--layout .uw-term--results {
         width: clamp(320px, 900px, calc(100vw - 333px)); }
       .uw-term--layout .uw-term--filters {
+        display: inherit;
         margin: 0;
-        width: 18.75rem; } }
-
-.path-dashboard .layout__region {
-  margin-bottom: 1rem;
-  margin-right: 1rem; }
-
-.path-dashboard .layout__region--wrapper {
-  border: 1px solid #bfbfba;
-  box-shadow: none;
-  padding: 1rem; }
+        width: 18.75rem; }
+        .grid .uw-term--layout .uw-term--filters,
+        .list .uw-term--layout .uw-term--filters {
+          margin-top: 4rem !important; }
+        .uw-term--layout .uw-term--filters .uw-input,
+        .uw-term--layout .uw-term--filters .form-text {
+          width: 100% !important; }
+        .uw-term--layout .uw-term--filters .views-exposed-form {
+          margin: 0 !important;
+          padding: 0 !important; } }
+
+.views-filter {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 20px; }
 
 .layout--uw-1-col {
   display: grid;
@@ -3711,41 +3723,17 @@ button {
   .uw-footer-address .uw-footer-phone a:hover {
     text-decoration: underline; }
 
-.uw-flex-grid {
+.uw-content--grid-list__layout {
   display: flex;
   -webkit-flex-flow: row wrap;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
-  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 {
+  gap: 1.25rem !important; }
+  .uw-content--grid-list__layout .card {
     width: 100%;
     order: 3; }
-    @media (min-width: 63.1875rem) {
-      .uw-flex-grid .card {
+    @media (min-width: 40.06rem) {
+      .uw-content--grid-list__layout .card {
         -webkit-box: 1;
         -moz-box: 1;
         -webkit-flex: 1 1 auto 0 auto;
@@ -3757,9 +3745,60 @@ button {
         -webkit-flex-grow: 1;
         flex-grow: 1;
         width: 45%; } }
-    .uw-flex-grid .card:first-child {
+    @media (min-width: 63.1875rem) {
+      .uw-content--grid-list__layout .card {
+        width: 30%; } }
+    .uw-content--grid-list__layout .card:first-of-type {
+      width: 100%;
       order: 2;
       width: 100% !important; }
+      @media (min-width: 40.06rem) {
+        .uw-content--grid-list__layout .card:first-of-type {
+          -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%; } }
+      @media (min-width: 63.1875rem) {
+        .uw-content--grid-list__layout .card:first-of-type {
+          width: 30%; } }
+
+.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; }
+  @media (min-width: 40.06rem) {
+    .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%; } }
+  @media (min-width: 63.1875rem) {
+    .uw-content--grid-list__style_controls {
+      width: 30%; } }
+  .uw-content--grid-list__style_controls .uw-layout--controls {
+    background: #719930;
+    margin: 0;
+    max-width: inherit;
+    padding: 1rem 0;
+    text-align: right;
+    width: 100%; }
 
 .uw-copy-text__wrapper.uw-contained-width {
   margin-left: auto;
@@ -4684,6 +4723,54 @@ fieldset,
 .fieldset__legend {
   position: relative; }
 
+/**
+ * @file
+ * Collapsible details.
+ *
+ * @see collapse.js
+ */
+.views-exposed-form {
+  margin: 0 !important;
+  padding: 0 !important; }
+  .views-exposed-form .form-actions {
+    display: flex;
+    gap: 1rem; }
+    .views-exposed-form .form-actions .button.js-form-submit.form-submit:first-of-type {
+      background-color: #4d8f46;
+      color: #fff; }
+      .views-exposed-form .form-actions .button.js-form-submit.form-submit:first-of-type:hover, .views-exposed-form .form-actions .button.js-form-submit.form-submit:first-of-type:focus {
+        background-color: #0a6700;
+        color: #fff; }
+
+.seven-details {
+  background-color: #fcfcfa;
+  border-bottom: 1px solid #000;
+  border-radius: inherit;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  margin-bottom: 1rem;
+  margin-top: 1rem;
+  transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); }
+  .seven-details:first-child {
+    margin-top: 0; }
+
+.seven-details__summary {
+  color: #000;
+  cursor: pointer;
+  padding: 1rem;
+  text-shadow: 0 1px 0 #fff; }
+
+.seven-details__summary:hover,
+.seven-details__summary:focus,
+.seven-details[open] > .seven-details__summary {
+  background-color: #eee;
+  color: #000; }
+
+.seven-details__wrapper {
+  padding: 1rem; }
+  .seven-details__wrapper .uw-input,
+  .seven-details__wrapper .form-text {
+    width: 100% !important; }
+
 .form-item {
   margin: 0 0 1rem; }
 
@@ -7348,7 +7435,10 @@ picture {
 
 .uw-tabcontent[role="tabpanel"] {
   display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
   flex-flow: row wrap;
+  gap: 1.25rem !important;
   padding-top: 24px; }
   .uw-tabcontent[role="tabpanel"][hidden] {
     display: none; }
@@ -7357,17 +7447,33 @@ html:not(.js) .uw-tabcontent[role="tabpanel"][hidden] {
   display: flex; }
 
 .uw-tabcontent[role="tabpanel"] .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-tabcontent[role="tabpanel"] .card {
+      -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%; } }
   @media (min-width: 63.1875rem) {
     .uw-tabcontent[role="tabpanel"] .card {
-      width: 32%; } }
-
-.uw-tabcontent[role="tabpanel"] .card.teaser--blog .card__title {
-  margin-top: 0; }
+      width: 30%; } }
 
 .block-local-tasks-block nav nav ul li a {
   font-family: Typ1451-Medium,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", Droid Sans, sans-serif; }
@@ -7491,66 +7597,6 @@ html:not(.js) .uw-tabcontent[role="tabpanel"][hidden] {
     background-color: #ffa5aa;
     color: #b71233; }
 
-.card--teaser .card__body {
-  display: flex;
-  flex-direction: column; }
-
-.card--teaser .card__header {
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 1rem;
-  width: 100%; }
-
-.card--teaser .card__date {
-  margin-bottom: 1rem;
-  order: 2; }
-
-.card--teaser .card__author {
-  font-family: Typ1451-Medium,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", Droid Sans, sans-serif;
-  font-size: 14.22224px;
-  order: 3; }
-  .card--teaser .card__author a {
-    color: #000;
-    text-decoration: underline; }
-    .card--teaser .card__author a:visited {
-      color: #000; }
-    .card--teaser .card__author a:hover, .card--teaser .card__author a:focus {
-      color: #757575;
-      text-decoration: none; }
-    .card--teaser .card__author a:active {
-      color: #757575; }
-
-.card--teaser .card__title {
-  margin: 0.5rem 0;
-  order: 1;
-  padding: 0; }
-  .card--teaser .card__title a {
-    color: #000;
-    text-decoration: none; }
-    .card--teaser .card__title a:visited {
-      color: #000; }
-    .card--teaser .card__title a:hover, .card--teaser .card__title a:focus {
-      color: #757575;
-      text-decoration: none; }
-    .card--teaser .card__title a:active {
-      color: #757575; }
-
-.teaser--event .card__date {
-  margin-bottom: 0.5rem;
-  order: 1; }
-
-.teaser--event .card__title {
-  margin: 0;
-  order: 2; }
-
-.teaser--news .card__date {
-  margin-bottom: 0.5rem;
-  order: 1; }
-
-.teaser--news .card__title {
-  margin: 0;
-  order: 2; }
-
 .uw-bg--black {
   background-color: #000; }