/**
 * Timeline Founder Projects Customization
 * Specific styles for timeline elements with class timeline-founder-projects
 * Version: 1.0.3
 */

/* Custom styling for category text in founder projects timeline */
.timeline-founder-projects .pp-content-post-category {
    font-weight: 700;
    font-size: 28px;
    /* Apply gradient text effect */
    background-image: linear-gradient(270deg, #B31D2F 0.68%, #7D4A99 36%, #685AB4 51%, #2E75D8 66%, #94B0E8 82.5%, #50BBCA 98%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    /* Ensure gradient displays properly */
    display: inline-block;
    /* Add fallback for browsers that don't support background-clip */
    -webkit-text-fill-color: transparent;
}

/* Equal Height Post Items - End */

/* Hide separator arrows in timeline founder projects */
.timeline-founder-projects .pp-separator-arrow {
    display: none;
}
.timeline-founder-projects .pp-post-timeline-item {
    display: flex;
    flex-direction: column;
    height: 100%; /* Fill the available height */
}

/* Make the content wrapper fill available space */
.timeline-founder-projects .pp-post-timeline-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Set the image container to not grow/shrink */
.timeline-founder-projects .pp-post-timeline-image {
    flex: 0 0 auto;
}

/* Title wrapper should also not grow/shrink */
.timeline-founder-projects .pp-post-timeline-title-wrapper {
    flex: 0 0 auto;
}

/* Let the text wrapper expand to fill available space */
.timeline-founder-projects .pp-post-timeline-text-wrapper {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

/* Ensure the text content itself expands as needed */
.timeline-founder-projects .pp-post-timeline-text {
    flex: 1 1 auto;
}

/* Make .slick-track handle equal heights properly */
.timeline-founder-projects .slick-track {
    display: flex;
    align-items: stretch;
}

/* Make .slick-slide handle equal heights properly */
.timeline-founder-projects .slick-slide {
    height: auto;
    display: flex;
    align-items: stretch;
}
/* Equal Height Post Items - End */