/**
 * Homepage Carousel Title Font Size Fix
 * Increases title font sizes for homepage carousels to match dedicated pages
 */

/* Homepage Event Titles (Speaking Carousel) */
body.page-home .event-name,
body.page-home #speaking .event-name,
body #speaking .event-name {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

body.page-home .event-thumbnail:hover .event-name,
body.page-home #speaking .event-thumbnail:hover .event-name,
body #speaking .event-thumbnail:hover .event-name {
    font-size: 20px !important;
    line-height: 1.4 !important;
}

/* Homepage Video Titles (Videos Carousel) */
body.page-home .video-title,
body.page-home #videos .video-title,
body #videos .video-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

body.page-home .video-thumbnail:hover .video-title,
body.page-home #videos .video-thumbnail:hover .video-title,
body #videos .video-thumbnail:hover .video-title {
    font-size: 20px !important;
    line-height: 1.4 !important;
}

/* Homepage Article Titles (Articles Carousel) */
body.page-home .article-title,
body.page-home #articles .article-title,
body #articles .article-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

body.page-home .article-thumbnail:hover .article-title,
body.page-home #articles .article-thumbnail:hover .article-title,
body #articles .article-thumbnail:hover .article-title {
    font-size: 20px !important;
    line-height: 1.3 !important;
}

/* Ensure these styles override sg.css */
.speaking .event-name,
.videos .video-title,
.articles .article-title {
    font-size: 18px !important;
    font-weight: 600 !important;
}

.speaking .event-thumbnail:hover .event-name,
.videos .video-thumbnail:hover .video-title,
.articles .article-thumbnail:hover .article-title {
    font-size: 20px !important;
}

/* Extra specificity for carousel items */
.events-carousel .event-thumbnail .event-name,
.videos-carousel .video-thumbnail .video-title,
.articles-carousel .article-thumbnail .article-title {
    font-size: 18px !important;
    font-weight: 600 !important;
}

.events-carousel .event-thumbnail:hover .event-name,
.videos-carousel .video-thumbnail:hover .video-title,
.articles-carousel .article-thumbnail:hover .article-title {
    font-size: 20px !important;
}