/**************************************************
* Horizontal Tabs > General
**************************************************/
.vii-h-tabs {
    --wt-width-content:361px;
    --wt-gap:clamp(var(--vii-gap-container),82px, var(--vii-gap-side));
    --wt-height-image:72px;
    padding-left:var(--vii-gap-side);
    padding-right:var(--vii-gap-side);
}

/* titles */
.vii-h-tabs__titles-button {
    width:calc(var(--wt-width-content) + var(--wt-gap));
    padding-right:var(--wt-gap);
}

.vii-h-tabs__tab-content {width:calc(100% - var(--wt-width-content) - var(--wt-gap));}
.vii-h-tabs__content-subtitle {letter-spacing:-0.025em}

/* Accordion */
.vii-h-tabs .vii-accordion__item:before {height:1px;}
.vii-h-tabs .vii-accordion__item {--ai-x-spacing:16px; padding-left:var(--ai-x-spacing); padding-right:var(--ai-x-spacing);}
.vii-h-tabs .vii-accordion__item-content-inner {padding-bottom:24px;}
.vii-h-tabs .vii-accordion__item:before {
    content:"";
    /* 40px is x spacing with 20px each side */
    width:calc(100% - var(--ai-x-spacing) * 2); height:1px; background:rgba(0, 0, 84, .15);
    position:absolute; left:50%; bottom:0; transform:translateX(-50%);
}
.vii-h-tabs.txt_color_white .vii-accordion__item:before {background:rgba(255, 255, 255, .3)}

/* title */
.vii-h-tabs__title:not(:last-child) {margin-bottom:7px;}
.vii-h-tabs__title-trigger {
    --tt-x-spacing:20px;
    min-height:64px; padding:5px 40px 5px var(--tt-x-spacing); background:#fff;
    color:var(--vii-color-blue); letter-spacing:-.01em; font-size:16px; line-height:1.1;
    border:2px solid rgba(1, 5, 83, .4); position:relative;
}
.vii-h-tabs__title-trigger:before {
    content:"\e92f";
    font-family:"icomoon", fantasy; font-size:14px;
    position:absolute; right:var(--tt-x-spacing); top:50%; transform:translateY(-50%);
    transition:transform .3s ease;
}
.vii-h-tabs__titles:not(:hover) .vii-h-tabs__title-trigger.active {
    background:var(--vii-color-blue); border-color:var(--vii-color-blue);
    color:var(--vii-color-on-primary);
}

/* hover */
@media (hover:hover) {
    .vii-h-tabs__titles:hover .vii-h-tabs__title-trigger:hover {
        background:var(--vii-color-blue); border-color:var(--vii-color-blue);
        color:var(--vii-color-on-primary);
    }
}

/* Times */
.vii-h-tabs__workshop-times {gap:4px;}
.vii-h-tabs__workshop-times span {
    color:var(--vii-color-on-primary); line-height:1.25;
    background:var(--vii-color-primary); padding:4px 10px;
}

.vii-h-tabs__workshop > .workshop-block:last-child {margin-bottom:0;}
.vii-h-tabs__workshop-image {height:var(--wt-height-image);}
.vii-h-tabs__workshop-image i {line-height:1; font-size:var(--wt-height-image); color:var(--vii-color-blue);}
.vii-h-tabs__workshop-image img {object-position:left;}
.vii-h-tabs__workshop-title {--vii-spacing-heading:8px;}
.vii-h-tabs__workshop-content {--vii-spacing-heading:8px;}

/* Speaker */
.vii-h-tabs__workshop-speaker {gap:20px;}
.vii-h-tabs__workshop-speaker-image {width:48px; min-width:48px; border:1px solid #fff;}
.vii-h-tabs__workshop-speaker-name-position {padding-left:20px;}
.vii-h-tabs__workshop-speaker-position {font-size:12px;}

/* Avoid CLS */
.vii-h-tabs:not(.easy-tab-accordion-enabled) .vii-h-tabs__tab-content-item:not(:first-child),
.vii-h-tabs__tab-content-item.mobile {display:none;}


/* responsive */
@media only screen and (max-width:1024px) {
    .vii-h-tabs {--wt-width-content:320px;}
    .vii-h-tabs__title-trigger {padding-right:20px;}
    .vii-h-tabs__title-trigger:before {right:10px; transform:translateY(-50%) rotate(90deg);}
}

@media only screen and (max-width:1023px) {
    .vii-h-tabs {--wt-height-image:56px;}
    .vii-h-tabs__titles-button {width:100%; padding-right:0;}

    /* content */
    .vii-h-tabs__description {font-size:18px;}

    /* accordion */
    .vii-h-tabs__tab-content-item-inner {padding-left:0; padding-right:0;}
    .vii-h-tabs__title-trigger {border-width:2px;}
    .vii-h-tabs__title-trigger.active {
        background:var(--vii-color-blue); border-color:var(--vii-color-blue);
        color:var(--vii-color-on-primary);
    }
    .vii-h-tabs .vii-accordion__item-content-inner .vii-h-tabs__workshop-image {margin-bottom:8px;}
    .vii-h-tabs .vii-accordion__item-content-inner .vii-h-tabs__workshop-image:not(:first-child) {
        --wt-height-image:0px;
        margin-bottom:25px; opacity:0; pointer-events:none;
    }
    .vii-accordion__item-title__inner {font-weight:500;}
    .vii-h-tabs__workshop-times {padding-top:8px;}
    .vii-accordion__item-content.vii-h-tabs__workshop-content {display:none;}

    /* Sticky item */
    .vii-h-tabs__title-trigger.active {top:0; position:sticky; z-index:2; transition:top .3s ease;}
    body.scroll-up .vii-h-tabs__title-trigger.active {top:var(--vii-header-height-sticky);}
}
@media only screen and (max-width:768px) {
    .vii-h-tabs__title-trigger {
        --tt-x-spacing:12px;
    }
    .vii-h-tabs__workshop-content [class*="heading"] {font-size:14px; letter-spacing:-0.01em}

}

/**************************************************
* Horizontal Tabs > Workshop Tabs
**************************************************/
.layout-default .vii-h-tabs__tab-content {
    background:#f3f3f7;
    padding:32px;
}
.layout-default .vii-h-tabs__tab-content-item-inner {
    --grid-col:2;
    --grid-gap-x:clamp(var(--vii-gap-container), 48px, var(--vii-gap-side));
    --grid-gap-y:var(--vii-spacing-48);
}
.layout-default .vii-h-tabs__workshop-inner {max-width:365px;}

/* turn off sticky */
.vii-h-tabs__titles-sticky  {top:calc(var(--vii-header-height-sticky) + 20px);}

/* decoration */
.layout-default .site-h-tabs__decor.arrow-4 {right:15px; top:8%; width:110px;}
.layout-default .site-h-tabs__decor.arrow-5 {left:calc(100% + 40px); top:8%; width:101px;}

/* responsive */
@media only screen and (min-width:1024px) {
    .layout-default .vii-h-tabs__tab-content {margin-top:15px;}
    .layout-default .vii-h-tabs__content {
        width:calc(var(--wt-width-content) + var(--wt-gap));
        padding-right:calc(var(--wt-gap) + 120px);
    }
}
@media only screen and (max-width:1024px) {
    .layout-default .site-h-tabs__decor.arrow-4 {right:4px; top:-3%; width:100px;}
}
@media only screen and (max-width:1023px) {
    .layout-default {padding-right:var(--vii-gap-side);}

    /* decoration */
    .layout-default .site-h-tabs__decor.arrow-4 {top:9.5%; width:90px;}
    .layout-default .vii-h-tabs__content {width:fit-content; max-width:calc(100% - 101px - 40px);}

    /* workshop */
    .layout-default .vii-h-tabs__tab-content-item-inner {
        --grid-col:1;
        --grid-gap-y:0px;
        padding-top:16px; padding-bottom:25px;
    }
    .layout-default .vii-h-tabs__workshop-content {
        --vii-size-h5:18px;
        --vii-spacing-heading:8px;
    }
}

/**************************************************
* Horizontal Tabs > Information session
**************************************************/
.layout-fullwidth {
    --wt-gap:clamp(var(--vii-gap-container),74px, var(--vii-gap-side));
    padding:var(--vii-spacing-72) var(--vii-gap-side) var(--vii-spacing-90);
}
.layout-fullwidth .vii-h-tabs__tab {position:relative; z-index:2;}

/* decoration */
.layout-fullwidth .site-h-tabs__decor.heart-2 {right:12px; top:-37px; width:47px; aspect-ratio:47/56;}


/* Title */
.layout-fullwidth .vii-h-tabs__title-trigger {border-color:rgba(255, 255, 255, .3); background:var(--vii-color-blue); color:#fff;}
.layout-fullwidth .vii-h-tabs__titles:hover .vii-h-tabs__title-trigger:hover,
.layout-fullwidth .vii-h-tabs__titles:not(:hover) .vii-h-tabs__title-trigger.active {
    background:#fff; border-color:#fff; color:var(--vii-color-blue);
}

/* content */
.layout-fullwidth .vii-h-tabs__tab-content-item-inner {
    --grid-col:1;
    --grid-gap-y:var(--vii-spacing-25);
}
.layout-fullwidth .vii-h-tabs__workshop-title {
    --vii-size-h3:var(--vii-size-24);
    --vii-spacing-heading:12px;
    --vii-font-secondary:var(--vii-font-primary);
}
.layout-fullwidth .vii-h-tabs__workshop-content {color:rgba(255, 255, 255, .7);}

/* Responsive */
@media only screen and (min-width:1025px) {
    .layout-fullwidth.vii-h-tabs {--wt-width-content:369px;}
}
@media only screen and (min-width:1024px) {
    .layout-fullwidth .vii-h-tabs__tab-content {margin-top:5px;}
    .layout-fullwidth .vii-h-tabs__workshop:not(:last-child) {
        padding-bottom:var(--vii-spacing-25); border-bottom:2px solid rgba(255, 255, 255, .3);
    }

    /* Layer */
    .layout-fullwidth:before, .layout-fullwidth:after {
        content:"";
        height:100%; background:linear-gradient(to right, #E71D2B -48%, var(--vii-color-blue) 55%);
        position:absolute; top:0; pointer-events:none;
    }
    .layout-fullwidth:before {width:47.85%; left:0;}
    .layout-fullwidth:after {width:31.6%; right:0; opacity:0.9;}
}
@media only screen and (max-width:1023px) {
    .layout-fullwidth {padding-top:48px;}
    .layout-fullwidth .vii-h-tabs__tab-content-item-inner {
        --grid-gap-y:0px;
        padding-top:25px; padding-bottom:18px;
    }

    .layout-fullwidth .vii-h-tabs__title-trigger.active {
        background:#fff; border-color:#fff;
        color:var(--vii-color-blue);
    }
    .layout-fullwidth .vii-h-tabs__titles-sticky {position:static;}

    /* 2 layout workshop tabs */
    .vii-h-tabs.layout-default.no-margin-bottom + .vii-h-tabs.layout-fullwidth {margin-top:50px;}
}