/*********************************************
 * Program Detail
**********************************************/
.twc-program-detail {--time-width:200px; --color-width:10px; --date-height:76px;}

/* item */
.twc-program-detail-item:nth-child(odd) {background:#f6f6f6;}
.twc-program-detail-item:not(:last-child) {margin-bottom:2px;}
.twc-program-detail-item__time {width:var(--time-width); position:relative; padding-left:var(--color-width);}
.twc-program-detail-item__content {width:calc(100% - var(--time-width)); padding:var(--twc-spacing-35) var(--twc-gap-container);}
.twc-program-detail-item__start {padding:52px 0; position:sticky; top:var(--date-height); transition:var(--twc-transition);}
.scroll-up .twc-program-detail-item__start {top:calc(var(--twc-header-height-sticky) + var(--date-height));}

/* color bar */
.twc-program-detail-item__color {
    position:absolute; top:0; left:0;
    width:var(--color-width); height:100%; font-size:0;
}

/* conference list */
.twc-conference-list {padding-top:var(--twc-spacing-30);}
.twc-conference-list.has-sep .twc-conference-list__inner {margin:calc(-1 * var(--twc-spacing-20)) calc(-1 * var(--twc-gap-container));}
.twc-conference-list.has-sep .twc-conference-item.has-long-title {width:500px;}
.twc-conference-list.has-sep .twc-conference-item {
    width:280px; position:relative;
    display:flex; flex-direction:column; justify-content:space-between;
}
.twc-conference-list.has-sep .twc-conference-item {padding:var(--twc-spacing-20) var(--twc-gap-container);}
.twc-conference-list.has-sep .twc-conference-item:not(:last-child):before {
    position:absolute; top:var(--twc-spacing-20); bottom:var(--twc-spacing-20); right:0; content:"";
    width:1px; background:var(--twc-color-primary);
}

/* popup */
.twc-conference-popup__info-item:not(:last-child),
.twc-conference-popup__buttons > a:not(:last-child) {margin-right:var(--twc-spacing-30);}

/*********************************************
 * Program Detail Responsive
**********************************************/
@media only screen and (max-width:1280px) {
    .twc-program-detail {--time-width:120px; --color-width:6px;}
    .twc-program-detail-item__start {padding:var(--twc-spacing-35) 0;}
}
@media only screen and (max-width:1023px) {
    .twc-conference-list.has-sep .twc-conference-item {width:50%; max-width:350px; display:block;}
    .twc-conference-list.has-sep .twc-conference-item:not(:last-child):before {display:none;}
}
@media only screen and (max-width:767px) {
    .twc-conference-list.has-sep .twc-conference-item {width:100%;}
    .twc-program-detail {
        --time-width:80px; --color-width:4px; --date-height:52px;
        margin-left:-20px; margin-right:-20px;
    }
}
@media only screen and (max-width:480px) {
    /* popup */
    .twc-conference-popup__info-item:not(:last-child),
    .twc-conference-popup__buttons > a:not(:last-child) {margin-bottom:8px; margin-right:0;}
    .twc-conference-popup__info-item {width:100%;}
    .twc-conference-popup__buttons > a {width:100%;}
    .twc-conference-popup__buttons {text-align:center;}
}