/*********************************************
 * Featured Blog
**********************************************/

.vii-featured-blog {
    --spacing-right:35px;
    width:var(--vii-100vw); margin-left:calc(-1 * var(--vii-gap-side));
    padding:var(--vii-spacing-90) var(--vii-gap-side);
    background:var(--vii-color-neutral-100);
}

/*items*/
.vii-featured-blog .vii-blog-item {width:100%;}
.vii-featured-blog .vii-blog-item__inner {flex-direction:row;}
.vii-featured-blog .vii-blog-item__info {
    width:42%; padding-right:var(--spacing-right);
    margin-bottom:0 !important;
}
.vii-featured-blog .vii-blog-item__thumbnail {width:58%; padding-top:36.25%; margin-bottom:0;}
.vii-blog-item__highlight {
    padding-left:20px; margin-bottom:5px; position:relative;
    --size-icon:12px;
}
.vii-blog-item__highlight:before {
    font-family:var(--vii-font-icomoon); content:"\e95b"; font-size:var(--size-icon);
    line-height:1; color:var(--vii-color-primary);
    position:absolute; left:0; top:50%; transform:translateY(-50%);
}

/*arrow*/
.vii-featured-blog__main .flickity-prev-next-button {position:absolute; top:auto; transform:translateY(0); bottom:0;}
.vii-featured-blog__main .flickity-prev-next-button.previous {left:0;}
.vii-featured-blog__main .flickity-prev-next-button.next {right:auto; left:calc(var(--flkt-btn-size) + 10px);}

/*nav*/
ul.vii-featured-blog__nav {
    list-style:none;
    width:calc(100% + 20px); margin:0 0 0 -10px;
}
ul.vii-featured-blog__nav li {padding:0 10px;}
ul.vii-featured-blog__nav .flickity-slider {
    display:flex; flex-wrap:wrap;
}
ul.vii-featured-blog__nav li span {
    padding-top:15px; display:block;
    transition:var(--vii-transition);
}
ul.vii-featured-blog__nav li.is-nav-selected span {
    border-color:var(--vii-color-primary);
}

/*column*/
.vii-featured-blog.column-4-items ul.vii-featured-blog__nav li {width:25%;}
.vii-featured-blog.column-3-items ul.vii-featured-blog__nav li {width:33.33%;}
.vii-featured-blog.column-2-items ul.vii-featured-blog__nav li {width:50%;}
.vii-featured-blog.column-1-items ul.vii-featured-blog__nav li {width:100%;}

/*custom for 1 items - no slider*/
.vii-featured-blog.column-1-items ul.vii-featured-blog__nav li {padding:0;}

/*********************************************
 * Featured Blog Responsive
**********************************************/
@media only screen and (max-width:1180px) {
    /*slider*/
    .vii-featured-blog__main .flickity-viewport {margin-bottom:30px;}

    /*button arrow*/
    .vii-featured-blog__main .flickity-prev-next-button {position:relative;}
    .vii-featured-blog__main .flickity-prev-next-button.next {left:10px;}
}
@media only screen and (max-width:1024px) {
    .vii-featured-blog {--spacing-right:20px;}
    .vii-featured-blog .vii-blog-item__info {width:50%;}
    .vii-featured-blog .vii-blog-item__thumbnail {width:50%;}
}
@media only screen and (max-width:768px) {
    .vii-featured-blog__main {margin-bottom:0 !important;}
    .vii-featured-blog__main .flickity-viewport {margin-bottom:0;}
    .vii-featured-blog .vii-blog-item__inner {flex-direction:column-reverse;}
    .vii-featured-blog .vii-blog-item__info {width:100%;}
    .vii-featured-blog .vii-blog-item__thumbnail {width:100%; margin-bottom:25px; padding-top:50%;}

    /*column*/
    .vii-featured-blog.column-4-items ul.vii-featured-blog__nav li,
    .vii-featured-blog.column-3-items ul.vii-featured-blog__nav li {width:40%;}

    /*hide nav*/
    ul.vii-featured-blog__nav {display:none;}
}
@media only screen and (max-width:480px) {
    /*slider*/
    .vii-featured-blog__main .flickity-viewport {margin-bottom:0;}
    ul.vii-featured-blog__nav li span {padding-top:10px;}
    .vii-featured-blog .vii-blog-item__thumbnail {padding-top:70%;}

    /*column*/
    ul.vii-featured-blog__nav li {width:90% !important;}
}