/* Custom styles specific to this application */
/* custom-base.css must be included along with this file, as it defines root variables */

/* region Public event list */

.u-event-list .card time {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
}

.u-event-list > .col:nth-child(6n) .card time {
    background-color: #8CE0ff;
    color: rgb(10 31 48);
}

.u-event-list > .col:nth-child(6n+1) .card time {
    background-color: #FFCE99;
    color: rgb(10 31 48);
}

.u-event-list > .col:nth-child(6n+2) .card time {
    background-color: #FF6600;
}

.u-event-list > .col:nth-child(6n+3) .card time {
    background-color: #941B00;
}

.u-event-list > .col:nth-child(6n+4) .card time {
    background-color: #002664;
}

.u-event-list > .col:nth-child(6n+5) .card time {
    background-color: #0066ff;
}

.u-event-list .card time > .day {
    display: block;
    font-size: 56pt;
    font-weight: 100;
    line-height: 1;
}

.u-event-list .card time > .month {
    display: block;
    font-size: 24pt;
    font-weight: 900;
    line-height: 1;
}

.u-event-list .card time > .year {
    display: block;
    font-size: 16pt;
    font-weight: 600;
    line-height: 1.6;
}

/* endregion */

/* region Listbox rows non clickable */
/* when using nonselectableTags="*" on listbox, rows are selectable only using checkboxes, so adapt cursors */
.u-listbox-no-select .z-listitem-checkable,
.u-listbox-no-select .z-listgroup-checkable {
    cursor: pointer;
}

.u-listbox-no-select .z-listitem .z-listcell {
    cursor: auto;
}

/* endregion */