/* 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 Cropper image preview */
/* for cropped image preview when creating a conference */
.u-cropped-img-preview {
    max-height: 100px;
}

/* for ZK cropper */
.u-cropper-wrapper {
    max-height:80vh;
    max-width:80vw;
    overflow:auto;
}

/* endregion */