// .widget-upcoming-programs{
    
// }
.widget-upcoming-programs__body{
    & > .row{
        margin:0;
    }
}
.widget-upcoming-programs__list__col{
    padding:10px;
}
.widget-upcoming-programs__list--header{
    background-color: getColor('blue');
    color:getColor('white');
}
.widget-upcoming-programs__list__program{
    cursor: pointer;
}
.widget-upcoming-programs__list__date__addToCalendar{
    color:getColor('gray');
    font-size: 12px;
    font-weight: bold;
    .icon-fau{
        color:getColor('red');
        font-size: 20px;
        vertical-align: middle;
        margin-right: 10px;
    }
}
.widget-upcoming-programs__list__item{
    $borderStyle:1px solid getColor('gray');
    border-bottom:$borderStyle;

    .widget-upcoming-programs__list__preview {
        .widget-upcoming-programs__list__program{
            position:relative;
            padding-right: 40px;
            font-family: $baseFont+"-bold";
            &:before{
                font-family: 'fau' !important;
                content: $icon-arrow-down !important;
                position: absolute;
                width: 40px;
                height: 20px;
                line-height: 20px;
                text-align: center !important;
                right: 0;
                top: 0;
                color: getColor('red');
                padding:10px 0;
            }
        }
    }

    &.active{
        .widget-upcoming-programs__list__preview{
            border-bottom:$borderStyle;
            .widget-upcoming-programs__list__program{
                &:before{
                    content: $icon-arrow-up !important;
                }
            }
        }
        .widget-upcoming-programs__list__content{
            display: block;
        }
    }
}
.widget-upcoming-programs__list__content{
    display: none;
}