/***************************************
* Location
***************************************/
.site-banner__locations__txt {margin-bottom:8px;}
.site-banner__locations__list-inner .vii-agenda-item {min-width:281px; padding:12px 12px;}
.site-banner__locations__dropdown select {min-height:58px;}

/* agenda */
.vii-agenda-item.item-layout-compact {
    --thumb-size:64px;
    align-items:center; gap:16px;
    background:var(--vii-color-gray);
}
.vii-agenda-item.item-layout-compact .vii-agenda-item__title {
    --vii-spacing-heading:0px;
    --vii-color-heading:var(--vii-color-blue);
    transition:color .3s ease;
}
.vii-agenda-item.item-layout-compact .vii-agenda-item__info {width:auto;}
.vii-agenda-item.item-layout-compact.active {
    background:var(--vii-color-primary); border-color:var(--vii-color-primary);
}
.vii-agenda-item.item-layout-compact:not(.active):hover {
    border-color:var(--vii-color-red);
    box-shadow:-1px 1px 10px 0 rgba(0, 0, 0, .18);
}
.vii-agenda-item.item-layout-compact:not(.active):hover .vii-agenda-item__title {
    --vii-color-heading:var(--vii-color-primary);
}

.vii-agenda-item.item-layout-compact.active .vii-agenda-item__date {
    background:var(--vii-color-white);
    color:var(--vii-color-blue);
}
.vii-agenda-item.item-layout-compact.active .vii-agenda-item__title {
    --vii-color-heading:#fff;
}

.site-banner__locations .vii-agenda-item.item-layout-compact .vii-agenda-item__date {padding-left:8px; padding-right:8px;}
.site-banner__locations .vii-agenda-item.item-layout-compact:not(.active) .vii-agenda-item__date {background:var(--vii-color-blue); color:var(--vii-color-white);}
.site-banner__locations .vii-agenda-item.item-layout-compact .vii-agenda-item__info {padding-left:0;}

/* decoration */
.site-banner__locations__list-inner {width:fit-content; margin-left:auto; margin-right:auto;}
.site-banner__locations-decoration {width:34px; bottom:calc(100% + 3px); left:-24px;}

/***************************************
* Location - Responsive
***************************************/
@media only screen and (min-width:1024px) {
    .site-banner__locations {position:relative; padding-bottom:20px;}
}
@media only screen and (max-width:1023px) {
    .site-banner__locations {margin-top:calc(-1 * var(--vii-spacing-default)); margin-bottom:var(--vii-spacing-default);}
    .site-banner__locations__dropdown label {display:flex; width:100%;}
}
@media only screen and (max-width:480px) {
    .site-banner__locations {margin-top:calc(-1 * var(--vii-spacing-default)); margin-bottom:32px !important;}
}