mostly single updates

sass/base.scss

@@ -405,9 +405,9 @@ $v-unit-6: 24rem;
     }
     // .events-link {
     //   display: block;
-      // @media #{$smalldesktop} {
-      //   display: block;
-      // }
+    // @media #{$smalldesktop} {
+    //   display: block;
+    // }
     // }
 
     .menubutton {
@@ -436,7 +436,8 @@ $v-unit-6: 24rem;
       }
     }
 
-    .social-link, .events-link {
+    .social-link,
+    .events-link {
       margin: 0 2rem 0 0;
       &.hidden {
         display: none !important;
@@ -1306,10 +1307,9 @@ body.category.category-esemeny {
     }
   }
 
+  $padd: 2rem;
   /* ---------------------------- single on mobile ---------------------------- */
   article {
-    $padd: 2rem;
-
     // & > *,
     // h1.single-title {
     //   padding: $padd;
@@ -1449,11 +1449,11 @@ body.category.category-esemeny {
         padding-right: $h-unit-2;
       }
 
-      h4{
-        @include single-h4()
+      h4 {
+        @include single-h4();
       }
 
-      a:hover{
+      a:hover {
         text-decoration: underline;
       }
 
@@ -1488,32 +1488,52 @@ body.category.category-esemeny {
           padding: 3px 0;
           // @include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f);
         }
-        cite{
+        cite {
           position: relative;
           font-size: 80%;
           top: 2rem;
-          
-          
         }
       }
 
       .wp-block-image {
-        padding: $padd 0;
+        // padding: $padd 0;
+        margin: $padd 0;
         @media #{$smalldesktop} {
-          padding: $padd $h-unit-1;
+          padding: 0 $h-unit-1;
         }
-        figure {
-          position: relative;
-          figcaption {
-            bottom: 0 !important;
+        position: relative !important;
+        figcaption {
+          bottom: 0 !important;
+          // width: calc(100% - #{$h-unit-1});
 
+          &::after {
+            @include trianglecorner(topright, #{$h-unit-1});
+          }
+        }
+      }
+
+      .wp-block-gallery {
+        padding: 0;
+        margin: $padd 0;
+        li {
+          margin-right: 0;
+          @media #{$smalldesktop} {
+            margin-bottom: $v-unit-1;
+          }
+          &:nth-child(odd) figcaption::after {
+            @include trianglecorner(topright, #{$h-unit-1});
+          }
+          &:nth-child(even) figcaption {
+            right: 0;
+            top: 0;
             &::after {
-              @include trianglecorner(topright, #{$h-unit-1});
+              @include trianglecorner(bottomleft, #{$h-unit-1});
             }
           }
         }
       }
 
+      //figcaptions:
       .wp-block-image figcaption,
       .wp-block-gallery .blocks-gallery-image figcaption,
       .wp-block-gallery .blocks-gallery-item figcaption {
@@ -1534,20 +1554,14 @@ body.category.category-esemeny {
         z-index: 1;
       }
 
-      .wp-block-gallery {
-        padding: $padd 0;
-        li {
-          margin-right: 0;
-          &:nth-child(odd) figcaption::after {
-            @include trianglecorner(topright, #{$h-unit-1});
-          }
-          &:nth-child(even) figcaption {
-            right: 0;
-            top: 0;
-            &::after {
-              @include trianglecorner(bottomleft, #{$h-unit-1});
-            }
-          }
+      //aligned:
+      .wp-block-gallery,
+      .wp-block-image {
+        .alignleft,
+        .alignright {
+          //no align on mobile
+          float: unset;
+          margin: 0;
         }
       }
     }
@@ -1573,8 +1587,7 @@ body.category.category-esemeny {
       #cboxTitle {
         padding: 1rem;
         @include captiontext();
-        -webkit-text-stroke: #fff 1px;
-        color: transparent;
+        color: #fff;
         width: 100%;
         text-align: center;
       }
@@ -1589,7 +1602,7 @@ body.category.category-esemeny {
 
         &#cboxPrevious,
         &#cboxNext {
-          background-image: url(../img/curvy_arrow.svg);
+          background-image: url(../img/solid_arrow_right.svg);
           width: 2rem;
           height: 4rem;
           bottom: -5rem;
@@ -1613,6 +1626,64 @@ body.category.category-esemeny {
         }
       }
     }
+  } //#colorbox end
+
+  /* ------------------------------ related posts ----------------------------- */
+  #related_posts {
+    & > h3 {
+      display: none;
+    }
+    ul {
+      padding: 0;
+      li {
+        display: block;
+
+        .relatedthumb {
+          img {
+            height: 50vw;
+            width: 100vw;
+            object-fit: cover;
+          }
+        }
+        .relatedcontent {
+          height: 50vw;
+          padding: $padd;
+          h3 {
+            @include related-title();
+          }
+        }
+      }
+    }
+
+    /* ------------------------ related posts on desktop ------------------------ */
+    @media #{$smalldesktop} {
+      padding-right: $h-unit-2;
+
+
+      & > h3 {
+        display: block;
+      }
+      ul {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: nowrap;
+        li {
+          flex: 1 1 33%;
+          .relatedthumb {
+            img {
+              width: 100%;
+              height: calc((100vw - #{$v-unit-4}) / 3);
+            }
+          }
+          .relatedcontent {
+            position: absolute;
+            height: unset;
+            bottom: 0;
+            width: calc((100vw - #{$v-unit-4}) / 3);
+          }
+        }
+      }
+    }
   }
 } //body.single end
 
@@ -1644,7 +1715,7 @@ body.category.category-esemeny {
   }
 
   figcaption {
-    -webkit-text-stroke-color: $color !important;
+    color: $color !important;
   }
 
   @media #{$smalldesktop} {
@@ -1723,8 +1794,8 @@ body.category.category-esemeny {
       }
     }
   }
-  .single-content{
-    a{
+  .single-content {
+    a {
       color: $color;
     }
   }