/* =============================================================================
   FD Related Posts
   =============================================================================
   Styling for the next/prev navigation and related-posts grid that appear
   at the bottom of single post pages, before the footer.
   ============================================================================= */


/* =============================================================================
   1. Next / previous post buttons
   ============================================================================= */

body.single-post .blog_next_prev_buttons {
  background-color: var(--fd-bg) !important;
}

body.single-post .blog_next_prev_buttons .bg-overlay {
  background: rgba(0, 0, 0, 0.48) !important;
}

body.single-post .blog_next_prev_buttons h3,
body.single-post .blog_next_prev_buttons a {
  color: var(--fd-text-strong) !important;
}


/* =============================================================================
   2. Related posts section heading
   ============================================================================= */

body.single-post .nectar-blog-single-section-title,
body.single-post .related-title {
  color: var(--fd-accent) !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}


/* =============================================================================
   3. Related posts grid
   ============================================================================= */

body.single-post .related-post-wrap {
  background: var(--fd-bg) !important;
}

body.single-post .related-post-wrap .nectar-post-grid-item .post-heading {
  color: var(--fd-text-strong) !important;
}