/* LATEST STYLES */

.box-mode div[class*="latest-"] .article-item {
    margin-right:0 !important;
    margin-left:0 !important;
    }
    
.block-mode div[class*="latest-"] .article-item .item-title,
.block-mode div[class*="latest-"] .article-item .article-meta,
.block-mode div[class*="latest-"] .article-item .col-desc .desc-wrapper {
    padding:0;
    }

/***********/
/*  itmd0  */
/***********/
@media screen and (min-width: 568.02px) {
.latest-itmd0 .article-item {
    display: grid;
    grid-template-rows: 50% auto;
    margin-bottom:3rem;
    position:relative;
    }
    .latest-itmd0 .article-item:hover .item-image {
        filter: brightness(1.1);
        transition: all 0.5s;
        }
    
/* title */
.latest-itmd0 .article-item .col-title {
    display: inline-block;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    z-index: 1;
    position: absolute;
    bottom: 0;
    height: 60%;
    width: 100%;
    }
    .latest-itmd0 .article-item .col-title .title-wrapper {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
        
        height: 100%;
        padding-bottom: 6rem;
        display: inline-table;
        width: 100%;
        }
        .latest-itmd0 .article-item .col-title .title-wrapper .item-title {
            display: table-cell;
            vertical-align: bottom;
            font-size: 3rem;
            padding:0 2rem;
            font-weight: 400;
            line-height: 4rem;
            text-shadow: 1px 1px 1px rgba(0,0,0,0.33);
            }

/* image */    
.latest-itmd0 .article-item .col-image {
    display: inline-grid;
    margin-bottom: 0;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start:1;
    grid-column-end:1;
    width: 100%;
    z-index:0;
    }
    .latest-itmd0 .article-item .col-image .image-wrapper {
        padding:0
        }
        .latest-itmd0 .article-item .col-image .image-wrapper .item-image {
            padding-top: 60%;
            margin-bottom:0;
            }
            
/* meta */            
.latest-itmd0 .article-item .col-meta {
    display: inline-block;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    position: absolute;
    height: 6rem;
    bottom: 0;
    z-index: 1;
    width: 100%;
    }
    .latest-itmd0 .article-item .col-meta .meta-wrapper {
        margin-top: 1.5rem;
        padding:0 2rem;
        }
        .latest-itmd0 .article-item .col-meta .meta-wrapper .article-meta {
            padding: 0;
            }
    
/* desc */        
.latest-itmd0 .article-item .col-desc {
    display:inline-grid;
    }
    .latest-itmd0 .article-item .col-desc .desc-wrapper {
        padding:0;
        }
        .latest-itmd0 .article-item .col-desc .desc-wrapper .item-text {
            padding:2rem;
            }
    
/* others */
.latest-itmd0 .item-title a,
.latest-itmd0 .item-category a {
    color:#FFF;
    }
}    
 
@media screen and (max-width: 567.98px) {
.latest-itmd0 .article-item {
    display: grid;
    grid-template-rows: auto auto;
    margin-bottom:1.5rem;
    }
    
/* title */
.latest-itmd0 .article-item .col-title {
    display: inline-block;
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 1;
    }

/* image */    
.latest-itmd0 .article-item .col-image {
    display: inline-grid;
    margin-bottom: 0;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start:1;
    grid-column-end:1;
    width: 100%;
    }
    .latest-itmd0 .article-item .col-image .image-wrapper {
        padding:0
        }
        .latest-itmd0 .article-item .col-image .image-wrapper .item-image {
            margin-bottom:1rem;
            }
            
/* meta */            
.latest-itmd0 .article-item .col-meta {
    display: inline-block;
    grid-row-start: 3;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 1;
    }
    .latest-itmd0 .article-item .col-meta .meta-wrapper {
        padding:0;
        }
        .latest-itmd0 .article-item .col-meta .meta-wrapper .article-meta {
            padding: 0 1.5rem;
            }
    
/* desc */        
.latest-itmd0 .article-item .col-desc .desc-wrapper {
    padding:0;
    }
}

@media screen and (max-width: 400px) {
    .latest-itmd0 .article-item .col-meta .meta-wrapper .article-meta {
        padding:0;
        }
}

/*************/
/*  timd0+1  */
/*************/
.latest-timd0 .article-item,
.latest-timd1 .article-item {
    padding:1.5rem 2rem;
    margin-bottom:1.5rem;
    }
    
@media screen and (min-width: 568.02px) {
/* title */
.latest-timd0 .article-item .col-title .title-wrapper,
.latest-timd1 .article-item .col-title .title-wrapper {
    font-size: 3rem;
    line-height: 3.6rem;
    }
    .latest-timd0 .article-item .col-title .title-wrapper .item-title,
    .latest-timd1 .article-item .col-title .title-wrapper .item-title {
        font-size: 2.4rem;
        line-height: 3.2rem;
        }

/* image */    
.latest-timd0 .article-item .col-image {
    float: left;
    width: 61.5%;
    }
    .latest-timd0 .article-item .col-image .image-wrapper .item-image {
        margin-bottom: 1rem;
        width: calc(100% - 2rem);
        padding-top: 61.5%;
        }
    
/* desc */        
.latest-timd0 .article-item .col-desc .desc-wrapper,
.latest-timd1 .article-item .col-desc .desc-wrapper {
    padding: 0 1.5rem;
    }
    .latest-timd0 .article-item .col-desc .desc-wrapper .item-text,
    .latest-timd1 .article-item .col-desc .desc-wrapper .item-text {
        padding:0;
        }
} 

/* other */
.latest-timd0 .article-item .read-more,
.latest-timd1 .article-item .read-more {
    font-family:"Roboto Slab", sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 1.5rem 1.5rem 0;
    border-top: 1px solid rgba(0,0,0,0.15);
    margin-top: 1.5rem;
    }
    .latest-timd0 .article-item .read-more:after,
    .latest-timd1 .article-item .read-more:after {
        content:"\f138";
        font-family:"Font Awesome 5 Free";
        margin-left:1rem;
        display:inline-block;
        } 
 
@media screen and (max-width: 567.98px) {
/* desc */        
.latest-timd0 .article-item .col-desc .desc-wrapper,
.latest-timd1 .article-item .col-desc .desc-wrapper {
    padding:0;
    }
}


/***********/
/*  timd1  */
/***********/
@media screen and (min-width: 568.02px) {
/* image */    
.latest-timd1 .article-item .col-image {
    float: right;
    width:61.5%;
    }
    .latest-timd1 .article-item .col-image .image-wrapper .item-image {
        float:right;
        margin-bottom: 1rem;
        width: calc(100% - 2rem);
        padding-top: 61.5%;
        }
} 

/***********/
/*  tmid0  */
/***********/
@media screen and (min-width: 568.02px) {
.latest-tmid0 .article-item {
    margin-bottom:1rem;
    }
    .latest-tmid0 .article-item:hover .item-image {
        }
    
/* title */
.latest-tmid0 .article-item .col-title {
    float: left;
    width: calc(37.0% - 2rem);
    }
    .latest-tmid0 .article-item .col-title .title-wrapper {
        }
        .latest-tmid0 .article-item .col-title .title-wrapper .item-title {
            font-size: 3.0rem;
            margin: 0 0 1.5rem 0;
            padding: 0;
            line-height: 3.8rem;
            }

/* image */    
.latest-tmid0 .article-item .col-image {
    float: right;
    width: 63%;
    margin-left: 2rem;
    }
    .latest-tmid0 .article-item .col-image .image-wrapper {
        }
        .latest-tmid0 .article-item .col-image .image-wrapper .item-image {
            margin-bottom: 0.5rem;
            padding-top: 66%;
            }
            
/* meta */            
.latest-tmid0 .article-item .col-meta {
    float: left;
    width: calc(37% - 2rem);    
    }
    .latest-tmid0 .article-item .col-meta .meta-wrapper {
        }
        .latest-tmid0 .article-item .col-meta .meta-wrapper .article-meta {
            padding:0;
            margin: 0 0 1.5rem 0;
            }
    
/* desc */        
.latest-tmid0 .article-item .col-desc {
    }
    .latest-tmid0 .article-item .col-desc .desc-wrapper {
        }
        .latest-tmid0 .article-item .col-desc .desc-wrapper .item-text {
            padding:0;
            }
    
/* others */
.latest-tmid0 .item-title a,
.latest-tmid0 .item-category a {
    }
}    
 
@media screen and (max-width: 567.98px) {
.latest-tmid0 .article-item {
    }
    
/* title */
.latest-tmid0 .article-item .col-title {
    }

/* image */    
.latest-tmid0 .article-item .col-image {
    }
    .latest-tmid0 .article-item .col-image .image-wrapper {
        }
        .latest-tmid0 .article-item .col-image .image-wrapper .item-image {
            }
            
/* meta */            
.latest-tmid0 .article-item .col-meta {
    }
    .latest-tmid0 .article-item .col-meta .meta-wrapper {
        }
        .latest-tmid0 .article-item .col-meta .meta-wrapper .article-meta {
            }
    
/* desc */        
.latest-tmid0 .article-item .col-desc .desc-wrapper {
    }
}

@media screen and (max-width: 400px) {
    .latest-tmid0 .article-item .col-meta .meta-wrapper .article-meta {
        }
}


/***********/
/*  timd2  */
/***********/
@media screen and (min-width: 568.02px) {

.box-mode .latest-timd2 .article-item {
    padding:2rem;
    }

.latest-timd2 .article-item {
    margin: 0rem 2rem 1rem 2rem;
    padding: 2rem 0;
    }
    .latest-timd2 .article-item:hover .item-image {
        }
    
/* title */
.latest-timd2 .article-item .col-title {
    }
    .latest-timd2 .article-item .col-title .title-wrapper {
        }
        .latest-timd2 .article-item .col-title .title-wrapper .item-title {
            font-size: 3.0rem;
            margin: 0 0 1.5rem 0;
            padding: 0;
            line-height: 3.8rem;
            }

/* image */    
.latest-timd2 .article-item .col-image {
    float: left;
    width: 63%;
    margin-right: 2rem;
    }
    .latest-timd2 .article-item .col-image .image-wrapper {
        }
        .latest-timd2 .article-item .col-image .image-wrapper .item-image {
            margin-bottom: 0;
            padding-top: 66%;
            }
            
/* meta */            
.latest-timd2 .article-item .col-meta {
    float: left;
    width: calc(37% - 2rem);    
    }
    .latest-timd2 .article-item .col-meta .meta-wrapper {
        }
        .latest-timd2 .article-item .col-meta .meta-wrapper .article-meta {
            padding:0;
            margin: 0 0 1rem 0;
            }
    
/* desc */        
.latest-timd2 .article-item .col-desc {
    }
    .latest-timd2 .article-item .col-desc .desc-wrapper {
        }
        .latest-timd2 .article-item .col-desc .desc-wrapper .item-text {
            padding:0;
            }
    
/* others */
.latest-timd2 .item-title a,
.latest-timd2 .item-category a {
    }
}    
 
@media screen and (max-width: 567.98px) {
.latest-timd2 .article-item {
    }
    
/* title */
.latest-timd2 .article-item .col-title {
    }

/* image */    
.latest-timd2 .article-item .col-image {
    }
    .latest-timd2 .article-item .col-image .image-wrapper {
        }
        .latest-timd2 .article-item .col-image .image-wrapper .item-image {
            }
            
/* meta */            
.latest-timd2 .article-item .col-meta {
    }
    .latest-timd2 .article-item .col-meta .meta-wrapper {
        }
        .latest-timd2 .article-item .col-meta .meta-wrapper .article-meta {
            }
    
/* desc */        
.latest-timd2 .article-item .col-desc .desc-wrapper {
    }
}

@media screen and (max-width: 400px) {
    .latest-timd2 .article-item .col-meta .meta-wrapper .article-meta {
        }
}

/***********/
/*  tmdi0  */
/***********/
@media screen and (min-width: 568.02px) {

.block-mode .latest-tmdi0 .article-item {
    border-top: 2px solid var(--primary-dark);
    background-color:var(--theme-default);
    border-right: 1px solid rgba(0,0,0,0.05);
    border-bottom:1px solid rgba(0,0,0,0.05);
    }

.latest-tmdi0 .article-item {
    padding: 0;
    margin: 0 -1.5rem 3rem -1.5rem;
    }
    .latest-tmdi0 .article-item:hover .item-image {
        }
    
/* title */
.latest-tmdi0 .article-item .col-title {
    width: calc(40% - 2rem);
    float: left;
    padding: 2rem 0 0 2rem;
    }
    .latest-tmdi0 .article-item .col-title .title-wrapper {
        }
        .latest-tmdi0 .article-item .col-title .title-wrapper .item-title {
            font-size: 3rem;
            margin: 0 0 1.5rem 0;
            padding: 0 1.5rem;
            line-height: 3.8rem;
            }

/* image */    
.latest-tmdi0 .article-item .col-image {
    float: right;
    width: 60%;
    margin-left:2rem;
    }
    .latest-tmdi0 .article-item .col-image .image-wrapper {
        }
        .latest-tmdi0 .article-item .col-image .image-wrapper .item-image {
            padding-top: 70.18%;
            margin-bottom:0;
            }
            
/* meta */            
.latest-tmdi0 .article-item .col-meta {
    padding:0 2rem;
    }
    .latest-tmdi0 .article-item .col-meta .meta-wrapper {
        }
        .latest-tmdi0 .article-item .col-meta .meta-wrapper .article-meta {
            padding:0 1.5rem;
            }
    
/* desc */        
.latest-tmdi0 .article-item .col-desc {
    padding:0 2rem 1rem 2rem;
    }
    .latest-tmdi0 .article-item .col-desc .desc-wrapper {
        }
        .latest-tmdi0 .article-item .col-desc .desc-wrapper .item-text {
            }
    
/* others */
.latest-tmdi0 .item-title a,
.latest-tmdi0 .item-category a {
    }
}    
 
@media screen and (max-width: 567.98px) {
.latest-tmdi0 .article-item {
    }
    
/* title */
.latest-tmdi0 .article-item .col-title {
    }

/* image */    
.latest-tmdi0 .article-item .col-image {
    }
    .latest-tmdi0 .article-item .col-image .image-wrapper {
        }
        .latest-tmdi0 .article-item .col-image .image-wrapper .item-image {
            }
            
/* meta */            
.latest-tmdi0 .article-item .col-meta {
    }
    .latest-tmdi0 .article-item .col-meta .meta-wrapper {
        }
        .latest-tmdi0 .article-item .col-meta .meta-wrapper .article-meta {
            }
    
/* desc */        
.latest-tmdi0 .article-item .col-desc .desc-wrapper {
    }
}

@media screen and (max-width: 400px) {
    .latest-tmdi0 .article-item .col-meta .meta-wrapper .article-meta {
        }
}

/***********/
/*  tmi0r  */
/***********/

.latest-tmi0r .article-item {
    padding: 0;
    margin: 0rem -1.5rem 3rem;
    border-top: none;
    background-color: var(--theme-default);
    position:relative;
    }
    .latest-tmi0r .article-item:hover .item-image {
        }

.box-mode .latest-tmi0r .article-item {
    margin-top:0;
    }

@media screen and (min-width: 568.02px) {
    
/* title */
.latest-tmi0r .article-item .col-title {
    padding: 2rem 2rem 0 2rem;
    float: left;
    width: 40%;
    }
    .latest-tmi0r .article-item .col-title .title-wrapper {
        }
        .latest-tmi0r .article-item .col-title .title-wrapper .item-title {
            margin: 0 0 1.5rem 0;
            padding: 0 1.5rem;
            }

/* image */    
.latest-tmi0r .article-item .col-image {
    float: right;
    width: 60%;
    }
    .latest-tmi0r .article-item .col-image .image-wrapper {
        }
        .latest-tmi0r .article-item .col-image .image-wrapper .item-image {
            padding-top: 70.18%;
            margin-bottom:0;
            }
            
/* meta */            
.latest-tmi0r .article-item .col-meta {
    padding:0 2rem;
    }
    .latest-tmi0r .article-item .col-meta .meta-wrapper {
        }
        .latest-tmi0r .article-item .col-meta .meta-wrapper .article-meta {
            padding: 0 1.5rem;
            }
    
/* desc */        
.latest-tmi0r .article-item .col-desc {
    padding:0 2rem 1rem 2rem;
    position: absolute;
    bottom: 0;
    right: 0;
    }
    .latest-tmi0r .article-item .col-desc .desc-wrapper {
        }
        .latest-tmi0r .article-item .col-desc .desc-wrapper .item-text span {
            display:none;
            }
        .latest-tmi0r .article-item .col-desc .desc-wrapper .item-text .read-more {
            color: #FFF;
            background-color: var(--secondary-default);
            padding:1rem 1.75rem 1rem 2rem;
            border-radius: 0.5rem;
            box-shadow: 1px 2px 10px rgba(0,0,0,0.15);
            font-family: var(--tertiary-font);
            display:inline-block;
            }
            .latest-tmi0r .article-item .col-desc .desc-wrapper .item-text .read-more:after {
                content:"\f138";
                font-family:"Font Awesome 5 Free";
                margin-left:1rem;
                font-weight:900;
                display:inline-block;
                }
                .latest-tmi0r .article-item .col-desc .desc-wrapper .item-text .read-more:hover:after {
                    text-decoration:none;
                    }
    
/* others */
.latest-tmi0r .item-title a,
.latest-tmi0r .item-category a {
    }
}    
 
@media screen and (max-width: 567.98px) {
.latest-tmi0r .article-item {
    }
    
/* title */
.latest-tmi0r .article-item .col-title .title-wrapper .item-title {
    margin: 1rem 0 1.5rem 0;
    }

/* image */    
.latest-tmi0r .article-item .col-image {
    }
    .latest-tmi0r .article-item .col-image .image-wrapper {
        }
        .latest-tmi0r .article-item .col-image .image-wrapper .item-image {
            }
            
/* meta */            
.latest-tmi0r .article-item .col-meta {
    }
    .latest-tmi0r .article-item .col-meta .meta-wrapper {
        }
        .latest-tmi0r .article-item .col-meta .meta-wrapper .article-meta {
            }
    
/* desc */        
.latest-tmi0r .article-item .col-desc .desc-wrapper {
    }
}

@media screen and (min-width: 991.02px) {
.latest-tmi0r .article-item {
    padding: 0;
    margin: 1rem -1.5rem 3rem -1.5rem;
    border-top: 2px solid var(--primary-dark);
    background-color: var(--theme-default);
    position:relative;
    }
    .latest-tmi0r .article-item:hover .item-image {
        } 

/* title */
.latest-tmi0r .article-item .col-title {
    padding: 2rem 2rem 0 2rem;
    float: left;
    width: 40%;
    }
    .latest-tmi0r .article-item .col-title .title-wrapper {
        }
        .latest-tmi0r .article-item .col-title .title-wrapper .item-title {
            font-size: 3rem;
            margin: 0 0 1.5rem 0;
            padding: 0 1.5rem;
            line-height: 3.8rem;
            }
}

@media screen and (max-width: 400px) {
.block-mode .latest-tmi0r .article-item .col-title,
.block-mode .latest-tmi0r .article-item .col-meta,
.block-mode .latest-tmi0r .article-item .col-desc  {
    padding: 0 3.5rem;
    } 
    .block-mode .latest-tmi0r .article-item .col-desc {
        padding-bottom:2rem;
        } 

    .latest-tmi0r .article-item .col-title,
    .latest-tmi0r .article-item .col-meta,
    .latest-tmi0r .article-item .col-desc  {
        padding: 0 2rem;
        } 
        .latest-tmi0r .article-item .col-desc {
            padding-bottom:2rem;
            }         
}