/*********************************************
 * Module Blog
**********************************************/
/* Item */
.ifs-blog-item {
    --bi-border-color:var(--ifs-color-black); --bi-bg:#fff;
    --bg-gradient-from:#fff;
    --bg-gradient-to:rgba(255, 255, 255, 0);
}
.ifs-blog-item__inner {display:block; padding-right:15px; position:relative;}
.ifs-blog-item__wrap {position:relative; z-index:2;}

/* Item > Border */
.ifs-blog-item__border {
    position:absolute; top:10px; right:0; z-index:1;
    width:90%; padding-top:62%;
    border-top:1px solid var(--bi-border-color); border-right:1px solid var(--bi-border-color); border-radius:10px;
}
.ifs-blog-item__border:before {
    top:auto; height:100%; right:-2px;
    background:-webkit-linear-gradient(bottom, var(--bg-gradient-from) 0%, var(--bg-gradient-to) 100%);
    background:-o-linear-gradient(bottom, var(--bg-gradient-from) 0%, var(--bg-gradient-to) 100%);
    background:-ms-linear-gradient(bottom, var(--bg-gradient-from) 0%, var(--bg-gradient-to) 100%);
    background:-moz-linear-gradient(bottom, var(--bg-gradient-from) 0%, var(--bg-gradient-to) 100%);
    background:linear-gradient(to top, var(--bg-gradient-from) 0%, var(--bg-gradient-to) 100%);
}

/* Item > category */
.ifs-blog-item__date-category-inner {background:var(--bi-bg); padding-right:15px;}
.ifs-blog-item__date-category time {color:var(--bi-border-color); opacity:.6;}
.ifs-blog-item__separator {padding:0 7px; font-size:.8em;}

/* Item > thumbnail */
.ifs-blog-item__thumbnail {padding-top:59%; overflow:hidden; border-radius:5px;}

/* Item > hover */
.ifs-blog-item__thumbnail-bg {transition:all .7s ease;}
.ifs-blog-item__title {transition:var(--ifs-transition);}
a:hover .ifs-blog-item__thumbnail-bg {transform:scale(1.05);}
a:hover .ifs-blog-item__title {color:var(--ifs-color-primary) !important;}

@media only screen and (max-width:1024px) {
    .ifs-blog-item__inner {padding-right:13px;}
}

/* Item (white) */
.txt_color_white .ifs-blog-item {
    --bi-border-color:#fff;
    --bi-bg:var(--ifs-color-black);
    --bg-gradient-from:var(--ifs-color-black);
    --bg-gradient-to:rgba(0, 0, 0, 0);
}

/*********************************************
 * Module Blog (Grid layout)
**********************************************/
.ifs-blog-list__inner {margin:-25px -15px;}
.ifs-blog-list__inner .ifs-blog-item {width:33.33%; padding:25px 15px;}

@media only screen and (max-width:1023px) {
    .ifs-blog-list__inner {margin:-20px -10px;}
    .ifs-blog-list__inner .ifs-blog-item {width:50%; padding:20px 10px;}
}
@media only screen and (max-width:600px) {
    .ifs-blog-list__inner .ifs-blog-item {width:100%;}
}

/*********************************************
 * Module Blog (Slider layout)
**********************************************/
.ifs-blog-element__slider {margin:0 -15px; --min-width:345px;}
.ifs-blog-element__slider:not(.flickity-enabled) .ifs-blog-item:not(:first-child) {display:none;}
.ifs-blog-element__slider .ifs-blog-item {width:33.33%; padding:0 15px; min-width:var(--min-width);}

@media only screen and (max-width:1024px) {
    .ifs-blog-element__slider {margin:0 -20px;}
    .ifs-blog-element__slider .ifs-blog-item:first-child {padding-left:20px; min-width:calc(var(--min-width) + 5px);}
    .ifs-blog-element__slider .ifs-blog-item:last-child {padding-right:20px; min-width:calc(var(--min-width) + 5px);}
}
@media only screen and (max-width:480px) {
    .ifs-blog-element__slider {--min-width:330px;}
}