/* Post content */

.post-content h2 {
  direction: ltr;
  font-family: var(--header-font);
  font-size: var(--h2-desktop-font-size);
  line-height: var(--h2-desktop-line-height);
  margin-top: 3.5rem;
  margin-bottom: 1.5rem;
}

.post-content h3 {
  direction: ltr;
  font-family: var(--header-font);
  font-size: var(--h3-desktop-font-size);
  line-height: var(--h3-desktop-line-height);
  margin-top: 3.5rem;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 767px) {
  .post-content h2 {
      font-size: var(--h2-mobile-font-size);
      line-height: var(--h2-mobile-line-height);
  }
  .post-content h3 {
      font-size: var(--h3-mobile-font-size);
      line-height: var(--h3-mobile-line-height);
  }
}

.post-content p,
.post-content ul {
  font-family: var(--body-text-font);
  color: var(--black);
  font-size: var(--body-text-huge-font-size);
  line-height: var(--body-text-huge-line-height);
  margin-bottom: 1.5rem;
}

.post-content blockquote {
  margin: 0 0 1.5rem 0;
}

.post-content blockquote cite {
  font-family: var(--body-text-font);
  color: var(--black);
  font-size: var(--body-text-huge-font-size);
  line-height: var(--body-text-huge-line-height);
}

.section-header-lead a, /* Error 404 homepage link */
.post-content p a {
  color: var(--black);
  border-bottom: 2px solid #000;
  text-decoration: none;
  transition: all .2s;
}

.post-content p a:hover {
  border-bottom-color: var(--border);
}

.post-content .wp-block-image,
.post-content .wp-block-gallery {
  margin-top: 56px;
  margin-bottom: 56px;
}

.post-content .wp-block-image figcaption {
  font-family: var(--body-text-font);
  font-size: var(--body-text-medium-font-size);
  line-height: var(--body-text-medium-line-height);
  margin-top: 8px;
  margin-bottom: 0;
  text-align: left;
}

/* Pagination */

.parafia-pagination a { /* label <div class="secondary-button-label">Starsze</div> */
  color: var(--black);
  font-size: var(--body-text-big-font-size);
  line-height: var(--body-text-big-line-height);
  text-align: center;
  font-weight: 600;
}

.parafia-pagination a:hover {
  color: var(--link-hover);
}

/* Gray word under the header */

.post-section,
.index-posts-section {
  position: relative;
  overflow-x: clip;
}

.index-post-item {
  /*mix-blend-mode: multiply;*/
  background-color: var(--white);
}

.post-section.post-bg:after,
.post-section.page-bg:after,
.index-posts-section.other-bg:after,
.index-posts-section.recent-bg:after,
.index-posts-section.announcements-bg:after {
  position: absolute;
  top: 0;
  left: 10%;
  font-size: 30rem;
  opacity: 0.05;
  font-family: "Cormorant Upright", sans-serif;
  font-weight: 700;
  z-index: -1;
}

@media screen and (max-width: 1680px) {

  .post-section.post-bg:after,
  .post-section.page-bg:after,
  .index-posts-section.other-bg:after,
  .index-posts-section.recent-bg:after,
  .index-posts-section.announcements-bg:after {
    left: -10%;
  }

}

.index-posts-section.recent-bg:after {
  content: "Notitia";
}

.index-posts-section.announcements-bg:after {
  content: "Pulpitum";
}

.index-posts-section.other-bg:after {
  content: "Sanctus";
}

.post-section.post-bg:after {
  content: "Benedictus";
}

.post-section.page-bg:after {
  content: "Sanctus";
}

@media screen and (max-width: 479px) {

  .post-section.post-bg:after,
  .post-section.page-bg:after,
  .index-posts-section.other-bg:after,
  .index-posts-section.recent-bg:after,
  .index-posts-section.announcements-bg:after {
    top: 3rem;
    font-size: 20rem;
  }

}