/* Riverside Riders navigation: left spacing */
#id_H8b9tTl .menuInner ul.firstLevel > li:first-child > .item > a {
    padding-left: 20px;
}
/* Riverside Riders: mobile banner spacing */
@media screen and (max-width: 600px) {
    #id_gksU9Hj {
        margin-left: -10px !important;
        margin-right: 0 !important;
        width: calc(100% + 12px);
    }
}
/* Riverside Riders: navy mobile top bar */
@media screen and (max-width: 616px) {
    .WaGadgetMobilePanel .mobilePanel {
        background: #061F4B !important;
    }
}
/* RR mobile navigation and login dropdowns */
@media screen and (max-width: 616px) {
    .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel,
    .WaGadgetMobilePanel .mobilePanel .loginInner {
        background: #061F4B !important;
    }
}
/* Riverside Riders - Highlight current navigation page */

/* Hide the active-page dot */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a > span:after {
    display: none !important;
}

/* Highlight the current page */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a > span {
    color: #52B5F5 !important;
    font-weight: bold !important;
}


/* Riverside Riders slideshow only */

/* Hide the navigation dots */
#id_rNBRuAT .camera_pag {
    display: none !important;
}

/* Hide thumbnail navigation */
#id_rNBRuAT .camera_thumbs_cont {
    display: none !important;
}

/* Remove extra space reserved below slideshow */
#id_rNBRuAT .camera_wrap {
    margin-bottom: 0 !important;
}


/* Keep original arrows visible at all times */
#id_rNBRuAT .camera_prev,
#id_rNBRuAT .camera_next {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 1003 !important;
}

/* Keep arrows visible on mobile */
@media (max-width: 616px) {
    #id_rNBRuAT .camera_prev,
    #id_rNBRuAT .camera_next {
        opacity: 1 !important;
        visibility: visible !important;
    }
}


/* Riverside Riders homepage photo tiles */

/* Desktop and iPad: three photos side by side */
.rr-photo-tiles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
}

.rr-photo-tiles img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 6px;
}

/* Mobile: horizontal swipeable photo gallery */
@media (max-width: 767px) {
    .rr-photo-tiles {
        display: flex;
        overflow-x: auto;
        gap: 10px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 6px;
    }

    .rr-photo-tiles img {
        flex: 0 0 85%;
        width: 85%;
        height: auto;
        scroll-snap-align: center;
    }
}


/* Riverside Riders slideshow galleries */

/* Hide navigation dots and thumbnails */
.rr-slideshow .camera_pag,
.rr-slideshow .camera_thumbs_cont {
    display: none !important;
}

/* Remove extra white space below images */
.rr-slideshow .camera_wrap {
    margin-bottom: 0 !important;
}

/* Keep slideshow arrows visible */
.rr-slideshow .camera_prev,
.rr-slideshow .camera_next {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 1003 !important;
}


/* Riverside Riders Riding Etiquette page */
.rr-etiquette p {
    line-height: 22px;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

.rr-etiquette h2 {
    margin-top: 10px !important;
    margin-bottom: 4px !important;
}

.rr-etiquette h2:first-child {
    margin-top: 0 !important;
}
