/*
Theme Name: Yorkshire Boating
Theme URI: http://setsail.qodeinteractive.com
Description: A child theme of SetSail Theme
Author: Select Themes
Author URI: http://themeforest.net/user/select-themes
Version: 1.0.1
Text Domain: setsail
Template: setsail 
*/

.tribe_event_series-template-default {

}

    .tribe_event_series-template-default .qodef-title-holder {
        display: none;
    }

.tribe-related-events-thumbnail {
    display: none;
}

.tribe-related-event-info {
    padding: 16px !important;
}

.tribe-events-pro-summary__event-details {
    width: calc(var(--tec-grid-width-1-of-8) * 8) !important;
}

@media only screen and (max-width: 679px) {
    .single-tribe_event_series .qodef-container-inner, .qodef-grid, .qodef-row-grid-section {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }
    .single-tribe_event_series .tribe-events-l-container {
        padding: 0px !important;
    }
    .single-tribe_event_series .tribe-events-pro .tribe-events-pro-summary__event-date-tag-datetime,
    .single-tribe_event_series .tribe-events-pro .tribe-events-pro-summary__month-separator-text {
        text-align: left !important;
    }

    .single-tribe_event_series .tribe-events-pro-summary__event-row ul.tribe-events-pro-summary__event-wrapper li article.tribe-events-pro-summary__event {
        padding-bottom: 12px;
    }

}

.single-tribe_event_series .tribe-events-calendar-series-archive__container {
    display: none;
}


    /* Eventbrite-style event card styling */
    ul.yorkshire-boating-series {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 20px;
        list-style: none;
        padding: 20px;
        max-width: 1200px;
        margin: 40px auto;
    }

    a.yb-link {
        display: flex;
        flex-direction: column;
        text-decoration: none !important;
        background-color: #ffffff !important;
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        transition: box-shadow 0.3s ease, transform 0.2s ease;
        height: 100%;
        font-family: var(--tec-font-family-sans-serif) !important;
    }

    a.yb-link:hover {
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;
        transform: translateY(-2px);
        background-color: #ffffff !important;
    }

    .yb-image {
        width: 100%;
        height: 180px;
        overflow: hidden;
        flex-shrink: 0;
    }

    .yb-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;

    }

    .yb-details {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 16px !important;
        flex-grow: 1;
    }

    .yb-datetime-wrapper {
        display: flex;
        flex-direction: column;
        gap: 4px;
        font-size: 14px;
        color: #666;
    }

    .yb-datetime-wrapper div {
        display: flex;
        gap: 2px;
        align-items: flex-start;
    }

    .yb-details icon {
        height: 20px;
        flex-shrink: 0;
    }

    .yb-date-start {
        font-weight: 500;
        color: #666;
    }

    .yb-departs-from,
    .yb-destination {
        font-size: 13px;
        font-weight: 500;
        color: #666;
    }

    .yb-details h4 {
        font-size: 16px;
        font-weight: 600;
        color: #222;
        margin: 8px 0 0 0;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-top: 0px !important;
    }

    .yb-details .tribe-events-calendar-list__event-summary {
        font-size: 13px;
        color: #666;
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.4;
    }

    .yb-price {
        font-size: 14px;
        font-weight: 600;
        color: #222;
        margin-top: auto;
        padding-top: 8px;
        border-top: 1px solid #e5e5e5;
    }

    @media (max-width: 768px) {
        ul.yorkshire-boating-series {
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            gap: 10px;
            padding: 10px;
        }

        a.yb-link {
            padding: 0;
        }

        .yb-image {
            height: 140px;
        }

        .yb-details {
            padding: 12px;
            gap: 6px;
        }

        .yb-details h4 {
            font-size: 14px;
        }

        .yb-details .tribe-events-calendar-list__event-summary {
            font-size: 12px;
        }
    }