/****************************
 * Blog Element
*****************************/
/*heading*/
.vii-blog-element__header {position:relative; margin-bottom:50px;}
.vii-blog-element__title {padding-right:20px;}

/*button*/
.vii-blog-element__button .flickity-button {
    --flkt-btn-size:32px; --flkt-icon-size:10px;
    position:relative; transform:translateY(0); margin-left:4px;
    left:auto; right:auto; top:0;
}

/*slider*/
.vii-blog-element__slider-wrapper {
    width:var(--vii-100vw); margin-left:calc(-1 * var(--vii-gap-side));
    overflow:hidden;
}
.vii-blog-element__slider .vii-blog-item:not(:last-child):before {
    content:""; display:block;
    width:2px; height:100%; background:var(--vii-color-neutral-100);
    position:absolute; top:0; right:-1px;
}

/*button*/
.vii-blog-list__view-all {text-align:right;}

/*hybrid layout*/
.vii-blog-element__slider-wrapper.no-slider.flickity-extended-hybrid-layout .flickity-slider > :first-child {padding-left:0 !important;}
.vii-blog-element__slider-wrapper.flickity-extended-hybrid-layout .flickity-enabled {
    --extend-slide-width:calc(var(--vii-container) * 37 / 130);
}

/* avoid CLS */
.vii-blog-element__slider:not(.flickity-enabled) .vii-blog-item:not(:first-child) {display:none;}


/* RESPONSIVE */
@media only screen and (max-width:1180px) {
    /*hybrid layout*/
    .vii-blog-element__slider-wrapper.flickity-extended-hybrid-layout .flickity-enabled {
        --extend-slide-gap:var(--vii-gap-container);
        --extend-slide-width:40%;
    }
}
@media only screen and (max-width:1024px) {
    /*hybrid layout*/
    .vii-blog-element__slider-wrapper.flickity-extended-hybrid-layout .flickity-enabled {
        --extend-slide-width:45%;
    }

    /*move line*/
    .vii-blog-element__slider .vii-blog-item:not(:last-child):before {display:none;}
}
@media only screen and (max-width:768px) {
    /*hybrid layout*/
    .vii-blog-element__slider-wrapper.flickity-extended-hybrid-layout .flickity-enabled {
        --extend-slide-width:60%;
    }

    /*heading*/
    .vii-blog-element__title {padding-right:0;}
    .vii-blog-element__button {display:none;}


    /*button*/
    .vii-blog-list__view-all {text-align:left;}
}
@media only screen and (max-width:480px) {
    /*hybrid layout*/
    .vii-blog-element__slider-wrapper.flickity-extended-hybrid-layout .flickity-enabled {
        --extend-slide-width:80%;
        --extend-slide-gap:20px;
    }
    .vii-blog-element__slider-wrapper.flickity-extended-hybrid-layout .navigation-disabled {padding:0 10px;}
    .vii-blog-element__header {margin-bottom:var(--vii-spacing-25);}
}