/* --- COMPONENT: TIMELINE CAROUSEL --- */

.timeline__carousel {
    position: relative;
}

.timeline__carousel::after,
.timeline__carousel::before {
    content: "" !important;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    height: 1px;
    display: block;
    background: #D9D9D9;
}

.timeline__carousel__item {
    position: relative;
}

.timeline__carousel__item::after {
    content: "" !important;
    position: absolute;
    inset-inline-start: 0;
    width: 15px;
    height: 15px;
    display: block;
    background: #D9D9D9;
    border-radius: 50%;
    border: 1px solid var(--cmuq-white, #ffffff);
}

/* Alternate positioning for Timeline dots */
.stk-block-carousel__slider .stk-column:nth-child(even) .timeline__carousel__item::after {
    inset-block-start: -15%;
}

.stk-block-carousel__slider .stk-column:nth-child(odd) .timeline__carousel__item::after {
    inset-block-start: initial;
    inset-block-end: -15%;
}

.timeline__carousel_year .stk-block-carousel__slider .stk-column:nth-child(even) .timeline__carousel__item::after {
    inset-block-start: -13%;
}

.timeline__carousel_year .stk-block-carousel__slider .stk-column:nth-child(odd) .timeline__carousel__item::after {
    inset-block-start: initial;
    inset-block-end: -13%;
}



/* --- ANIMATIONS & INTERACTION --- */

@media (prefers-reduced-motion: no-preference) {
    .home-banner .stk-column.stk-block-carousel__slide--active {
        animation: zoomin 5s linear forwards;
    }

    .home-banner .stk-column h2 {
        transform: translateY(100px);
        transition: transform 0.6s ease-in-out;
    }

    .home-banner .stk-column.stk-block-carousel__slide--active h2 {
        transform: translateY(0);
    }
}

@keyframes zoomin {
    0% { background-size: 100%; }
    100% { background-size: 110%; }
}

.crt-grid-post-content div {
    transition: transform var(--transition-smooth, 0.4s ease-in-out);
}

.crt-grid-post-content:hover div {
    transform: scale(1.2);
}



/* --- ACCESSIBILITY & RTL --- */

.userway-s6 .accessibility-block :is(.dean_panel_youtube, .people_image a.faculty_member, a.stk-link.stk-block-link) {
    opacity: 0 !important;
}

.userway-s6 .accessibility-block :is(h3, h4, h5, .has-text-color) {
    background-color: var(--cmuq-black);
    color: #ffff00 !important;
    text-decoration: underline;
}

.rtl .stk-8fa4075 {
    inset-inline-start: 0 !important;
    inset-inline-end: unset !important;
}
/* NEWS H3 Landing page */
div.text_only_list article.text_item div.text_content h3.headline_common,
div.text_only_list article.text_item div.text_content h3 {
    font-size: 1.25rem !important;
}




/* --- BANNER VIDEO --- */

.banner {
    position: relative;
    z-index: 0;
}

.banner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, black, transparent 50%);
    z-index: -1;
}

.banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
    z-index: -2;
}



/* --- EVENTS CALENDAR: REMOVE "VIEW CALENDAR" LINK (WIDGET) --- */

/* 1. Base State: Hide the parent container entirely */
.tribe-events-widget-events-month__view-more {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. UserWay Highlight Links Override: Prevent the script from forcing the link back into view */
.tribe-events-widget-events-month__view-more .tribe-events-widget-events-month__view-more-link,
body[data-uw-w-hl] .tribe-events-widget-events-month__view-more-link,
a[data-userway-s6-styled="true"].tribe-events-widget-events-month__view-more-link {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important; /* Prevents it from being clickable even if UserWay ghosts it */
}
/* ============================================
   DEAN'S PANEL v11 — PHP structure fix
   .lectures_content wrapper removed from HTML
   .lectures_content_list is now direct child
   of .lectures_item flex column
   ============================================ */



/* --- ARTICLE --- */
article.lectures_list {
    width: 100% !important;
    display: block !important;
    margin: 0 0 48px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}



/* --- ITEM: flex column, zero gap --- */
.lectures_item {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 0 !important;
    row-gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}