/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved by My WordPress Agent */
/* Previous / next navigation at the foot of an article (template 119).

   Elementor ships it as one 36px strip: label above title, both in the theme
   serif, the title rendering SMALLER than its own label, and the two sides
   split by a hairline. Typography and colour are widget settings now; this file
   only gives each side a box to sit in, because the widget has no padding
   control of its own.

   Quiet by intent: a hairline above the block, two white cards on the page's
   own background, and colour only on hover. */

.pd-postnav .elementor-post-navigation{
  display:grid;grid-template-columns:1fr 1fr;gap:16px;
  border-top:1px solid #E7E2D8;padding-top:26px;}

/* The vertical rule between the two sides is redundant once each side is a
   card, and it renders as a stray line when the cards stack on mobile. */
.pd-postnav .elementor-post-navigation__separator-wrapper{display:none;}

.pd-postnav .elementor-post-navigation__link{width:auto;}

.pd-postnav .elementor-post-navigation__link a{
  display:flex;align-items:center;gap:14px;
  padding:18px 20px;border:1px solid #EDE6D8;border-radius:12px;
  background:#ffffff;height:100%;
  transition:background .2s ease,border-color .2s ease;}

.pd-postnav .elementor-post-navigation__link a:hover{
  background:#F7FAF9;border-color:#DCE6E2;}

/* The markup order is text then arrow, so flex-end alone puts the next card's
   arrow on the outside edge. Reversing it would move the arrow away from the
   direction it points. */
.pd-postnav .elementor-post-navigation__next a{justify-content:flex-end;}

.pd-postnav .post-navigation__prev--label,
.pd-postnav .post-navigation__next--label{display:block;margin-bottom:5px;}

/* Elementor truncates the title to one line, which cut the last words off both
   sides. Two lines fit the card and keep the whole headline readable. */
.pd-postnav .post-navigation__prev--title,
.pd-postnav .post-navigation__next--title{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  white-space:normal;overflow:hidden;line-height:1.35;}

@media(max-width:767px){
  .pd-postnav .elementor-post-navigation{grid-template-columns:1fr;gap:12px;}
}