natenom-websites/scss/import/blog.scss

// :root

:root {
  --branding--title--text-transform: initial !important;
  --global--color-background: #{$white} !important;
  --global--color-dark-gray: #{$blog_body-bg} !important;
  //--global--color-primary: var(--global--color-white) !important;
  --global--font-size-page-title: 39px !important;
  --global--font-size-xl: 30px !important;
}

// general

body {
  #page {
    header#masthead {
      .site-branding {
        .site-description {
          font-style: italic;
        }
      }
      nav#site-navigation {
        .primary-menu-container {
          ul#primary-menu-list {
            .menu-item {
              a {
                text-decoration-style: solid;
                text-decoration: underline;
                &:hover {
                  text-decoration-style: dotted;
                }
                p.menu-item-description {
                  display: none;
                }
              }
            }
          }
        }
      }
    }
    footer {
      .site-info {
        display: none;
      }
    }
  }
}

// post preview

body {
  &.home, 
  &.tag, 
  &.category {
    #page {
      #content {
        #primary {
          #main {
            article.post {
              header.entry-header {
                h2.entry-title {
                  line-height: 42px;
                  margin-bottom: -20px;
                  max-width: var(--responsive--alignfull-width);
                  text-align: center;
                  width: var(--responsive--alignwide-width);
                  a {
                    font-size: 39px;
                  }
                }
              }
              .entry-content {
                h2 {
                  font-size: 30px;
                  line-height: 35px;
                }
                .more-link-container {
                  a.more-link {
                    background: var(--button--color-background);
                    border: var(--button--border-width) solid var(--button--color-background);
                    color: var(--button--color-text);
                    font-weight: var(--button--font-weight);
                    padding: 10px 40px;
                    text-decoration: none;
                    &:hover {
                      background: transparent;
                      color: var(--button--color-text-hover);
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

// tag / category header

body {
  &.tag,
  &.category {
    #page {
      #content {
        #primary {
          #main {
            header.page-header {
              h1 {
                font-weight: 400;
              }
            }
          }
        }
      }
    }
  }
}

// post

body {
  &.post-template-cover, 
  &.single-post {
    #page {
      #content {
        #primary {
          #main {
            article.post {
              header.entry-header {
                h1.entry-title {
                  font-size: 39px;
                  font-weight: 400;
                  line-height: 42px;
                  margin-bottom: -20px;
                  text-align: center;
                  text-decoration: none;
                }
              }
              .entry-content {
                .yarpp-related {
                  margin: 3em auto 0 auto !important;
                  ol {
                    color: rgb(155, 155, 170);
                    list-style: none;
                    margin: 0;
                    padding-left: 0;
                    li {
                      margin: 15px 0;
                      a {
                        font-weight: normal !important;
                        text-decoration: underline;
                        &:hover {
                          text-decoration-style: dotted;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}


// lightbox plugin

#slb_viewer_wrap {
  #slb_viewer_slb_default {
    .slb_viewer_layout {
      .slb_container {
        padding: 0 !important; // kein Rand
        box-shadow: none !important; // kein »glow« bzw. Schatten
        .slb_details {
          .inner {
            .slb_data {
              .slb_data_content {
                .slb_data_title {
                  font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
                  font-size: 16px;
                  font-weight: 500;
                  letter-spacing: 0;
                  margin: 10px 10px 0px 10px; // gleichmaessiger Rand
                }
              }
            }
          }
        }
      }
    }
  }
}