html, body {
		scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
    height: 100%;
}

/* 2. Tell the individual Kadence rows where to align when a scroll is detected */
.snap-section {

    scroll-snap-align: start;
    scroll-snap-stop: always;
}

/* Excerpts line height 
Universal Kadence Posts Block Excerpt target */

.wp-block-kadence-posts p,
.kt-blocks-post-grid .entry-content,
.kt-blocks-post-grid .entry-summary p {
    line-height: 1.2 !important;
}

/* 1. Change Post Title Color */
.wp-block-kadence-posts .entry-title a, 
.kt-blocks-post-grid .entry-title a {
    color: #002366 !important; 
		font-weight: bold !important;
}

/* 2. Change Post Title Color on Hover */
.wp-block-kadence-posts .entry-title a:hover, 
.kt-blocks-post-grid .entry-title a:hover {
    color: #ffc700 !important; 

}

/* Globally hide plugin-generated related posts across all single posts */
.single-post .related-posts,
.single-post .kadence-related-posts,
.single-post #jp-relatedposts,
.single-post .yarpp-related-posts,
.single-post [id*="relatedposts"] {
    display: none !important;
}

/* Outer master track - sets scroll duration */
.horizontal-scroll-container {
    position: relative;
    height: 400vh; /* Total vertical scroll depth */
}

/* Pins the row to the screen during vertical scroll */
.horizontal-scroll-container > .kt-row-layout-inner {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* The long track holding all 6 cards sideways */
.horizontal-scroll-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    gap: 20px; /* Optional spacing between cards */
    padding-left: 5vw; /* Starting buffer so the first card isn't glued to the edge */
    width: max-content !important; /* Dynamically shrinks to fit the cards */
}

/* Custom dimensions for each of the 6 card columns */
.horizontal-scroll-inner > .wp-block-kadence-column {
    width: 36vw !important; /* 40vw minus a little bit to accommodate the 20px gap */
    flex-shrink: 0;
    height: 60vh; /* Adjust height of cards as desired */
    box-sizing: border-box;
}
/* Apply the sticky stacking effect ONLY on wide AND tall screens */
@media (min-width: 768px) and (min-height: 850px) {
  .stacking-card {
    position: sticky;
    top: 30px;
  }
}

/* Let them scroll naturally on mobile OR on short monitor screens */
@media (max-width: 767px), (max-height: 849px) {
  .stacking-card {
    position: relative;
    top: auto;
  }
}