/* Force the first section to sit directly under navigation */
/* Only apply to Group Rides page */
/* Most specific - only affects Group Rides page */
body.seInfoPage195 .sePageMain {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.seInfoPage195 .sePageMainWrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.seInfoPage195 .sePageSection:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Divider */

.row.divider1-1 .divider.solid {
 padding-top: 0px;
 padding-bottom: 3px !important;
 background: linear-gradient(45deg, #50D4F2, #61808C) !important;
 border: none !important;
 margin-top: 0 !important;
 margin-bottom: 0 !important;
}

/* Apply gradient borders to top and bottom */
.sePageSection .bordered-top-bottom-block2::before,
.sePageSection .bordered-top-bottom-block2::after {
 height: 3px !important;
 background: linear-gradient(45deg, #50D4F2, #61808C) !important;
 border: none !important;
 content: '' !important;
 position: absolute !important;
 left: 0 !important;
 right: 0 !important;
}

.sePageSection .bordered-top-bottom-block2::before {
 top: 0 !important;
}

.sePageSection .bordered-top-bottom-block2::after {
 bottom: 0 !important;
}

/* Apply gradient borders to top and bottom */
.bordered-top-bottom-block2 {
 position: relative !important;
 border: none !important;
 margin: 0 !important;
 padding: 20px 0 !important; /* Add some vertical spacing */
}

/* Top border with gradient */
.bordered-top-bottom-block2::before {
 content: '' !important;
 position: absolute !important;
 top: 0 !important;
 left: 0 !important;
 right: 0 !important;
 height: 3px !important;
 background: linear-gradient(45deg, #50D4F2, #61808C) !important;
 margin: 0 !important;
}

/* Bottom border with gradient */
.bordered-top-bottom-block2::after {
 content: '' !important;
 position: absolute !important;
 bottom: 0 !important;
 left: 0 !important;
 right: 0 !important;
 height: 3px !important;
 background: linear-gradient(45deg, #50D4F2, #61808C) !important;
 margin: 0 !important;
}

.sePageLayout .bordered-top-bottom-block2,
.container .bordered-top-bottom-block2 {
 border-width: 0 !important;
 border: none !important;
}

/* Page animations */

/* Fade-up animations for Group Rides page sections */
body.seInfoPage195 .sePageSection {
    opacity: 0;
    animation: fadeIn 1s ease-out both;
}

/* Staggered delays for each section */
body.seInfoPage195 .sePageSection:nth-child(1) { animation-delay: 0.2s; } /* Hero section */
body.seInfoPage195 .sePageSection:nth-child(2) { animation-delay: 0.4s; } /* Community text */
body.seInfoPage195 .sePageSection:nth-child(3) { animation-delay: 0.6s; } /* Bike Rides & Events heading */
body.seInfoPage195 .sePageSection:nth-child(4) { animation-delay: 0.8s; } /* Image + text section */
body.seInfoPage195 .sePageSection:nth-child(5) { animation-delay: 1s; }   /* Divider */
body.seInfoPage195 .sePageSection:nth-child(6) { animation-delay: 1.2s; } /* Get the Gear text */
body.seInfoPage195 .sePageSection:nth-child(7) { animation-delay: 1.4s; } /* Product carousel */

/* Animate hero text with slight delays */
body.seInfoPage195 .sePageSection:first-child .editContent h1 {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 1s ease-out 0.4s both;
}

/* Animate the divider separately */
body.seInfoPage195 .divider.solid {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.8s ease-out 1.2s both;
}

/* Animate product carousel items */
body.seInfoPage195 .seAdvancedItemCarousel {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 1s ease-out 1.6s both;
}

/* Animate individual text elements in sections */
body.seInfoPage195 .editContent h2 {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.8s ease-out both;
}

body.seInfoPage195 .editContent p,
body.seInfoPage195 .editContent ul {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.8s ease-out both;
}

/* Stagger text elements within sections */
body.seInfoPage195 .sePageSection:nth-child(2) .editContent h2 { animation-delay: 0.6s; }
body.seInfoPage195 .sePageSection:nth-child(2) .editContent p { animation-delay: 0.8s; }

body.seInfoPage195 .sePageSection:nth-child(4) .editContent h3 { animation-delay: 1s; }
body.seInfoPage195 .sePageSection:nth-child(4) .editContent p { animation-delay: 1.2s; }
body.seInfoPage195 .sePageSection:nth-child(4) .editContent ul { animation-delay: 1.4s; }

body.seInfoPage195 .sePageSection:nth-child(6) .editContent h2 { animation-delay: 1.4s; }
body.seInfoPage195 .sePageSection:nth-child(6) .editContent p { animation-delay: 1.6s; }

/* Keyframe definition */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(0px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    body.seInfoPage195 .sePageSection,
    body.seInfoPage195 .editContent *,
    body.seInfoPage195 .divider.solid,
    body.seInfoPage195 .seAdvancedItemCarousel {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}