/*********************************************
 * Agenda Item
**********************************************/
.vii-agenda-item {
    --thumb-size:75px;
}

.vii-agenda-item__thumbnail {
    width:var(--thumb-size);
    background:#fff;
    border:3px solid #fff;
}

.vii-agenda-item__info {
    width:calc(100% - var(--thumb-size));
    padding-left:10px;
}

.vii-agenda-item__date {
    text-transform:lowercase;
}

.vii-agenda-item__date:first-letter {
    text-transform:uppercase;
}

/*********************************************
 * Agenda Item Compact
**********************************************/
.vii-agenda-list-compact {
    gap:16px 27px;
}

.item-layout-compact .vii-agenda-item__date {
    padding:2px 8px 0;
}

/*********************************************
 * Agenda Item List Full
**********************************************/
.vii-agenda-item.item-layout-full {
    --thumb-size:90px;
}

.vii-agenda-item.item-layout-full .vii-agenda-item__info {
    padding-left:16px;
    margin-top:-.35em;
}

.vii-agenda-item.item-layout-full .vii-agenda-item__title {
    --vii-spacing-heading:4px;
}

.vii-agenda-item.item-layout-full .vii-agenda-item__date {
    padding-left:24px;
}

.vii-agenda-item.item-layout-full .vii-agenda-item__date:before {
    font-family:var(--vii-font-icomoon);
    content:"\e91f";
    line-height:1;
    font-size:15px;
    position:absolute;
    top:4px;
    left:0;
}

/* list */
.vii-agenda-list-full .vii-agenda-item:not(:last-child) {
    margin-bottom:30px;
}

/* Responsive */
@media only screen and (max-width:480px) {
    .vii-agenda-item.item-layout-full .vii-agenda-item__title {
        --vii-size-h4:24px;
    }

    .vii-agenda-item.item-layout-full .vii-agenda-item__inner {
        flex-wrap:wrap;
        font-size:15px;
    }

    .vii-agenda-item.item-layout-full .vii-agenda-item__inner .vii-agenda-item__thumbnail {
        width:64px;
        margin-bottom:16px;
    }

    .vii-agenda-item.item-layout-full .vii-agenda-item__inner .vii-agenda-item__info {
        width:100%;
        padding-left:0;
    }

    .vii-agenda-item.item-layout-full .vii-agenda-item__inner .vii-agenda-item__title {
        --vii-size-h4:18px;
    }
}

/*********************************************
 * Agenda Item Simple (2025)
**********************************************/
.vii-agenda-list-simple {
    gap:16px 40px;
}

.vii-agenda-item-simple {
    gap:4px;
}

.vii-agenda-item-simple time {
    font-size:32px;
    background:var(--vii-color-blue);
    line-height:1;
    padding:3px 8px;
    margin-bottom:2px;
}

.vii-agenda-item-simple .vii-agenda-item__title {
    font-weight:400;
}