.widget.widget_top_news {padding: 0;}

.sidebar-after-header .widget {
    padding: 0;
}
.widget_top_news .row > div {
    padding: 0;
}
.top-news-item-content > img {
    width: 100%;
}
.top-news-item .top-news-item-content {
    margin-right: 1px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    overflow: hidden;
}
.top-news-item:last-child .top-news-item-content {
    margin-right: 0;
    
}
.top-news-item-content {
    margin-top: 1px;
}
.top-news-item-content:first-child {
    margin-top: 0;
}
.top-news-high {
    height: 389px;
}
.top-news-low {
    height: 194px;
}
.top-news-high > a, .top-news-high > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 25;
    display: block;
    cursor: pointer;
}

.top-news-item-content--table {
    text-align: center;
    display: table;
    height: 100%;
    width: 100%;
}
.top-news-item-content--cell {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: top;
    line-height: 0; /* need to remove unnecessary spaces inline-block's */
    overflow: hidden;
}
.top-news-item-meta {
    position: relative;
}
@media screen and (max-width: 767px) {
    .top-news-item {
        margin-bottom: 1px;
    }
    .top-news-item-content.top-news-high {
        margin-top: 1px;
        margin-bottom: 1px;
    }
}
.top-news-item-content .overlay {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.top-news-high.top-news-item-content .overlay {
    height: 389px;
}
.top-news-low.top-news-item-content .overlay {
    height: 194px;
/*     border-right: 1px solid #fff; */
}
.top-news-item-content .overlay {background: rgba(50,50,50,0.01); /* #323232 */}
.top-news-item-content:hover .overlay {background: rgba(0,0,0,0.65);}
.top-news-item-content .overlay:before,
.top-news-item-content .overlay:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.top-news-item-content .overlay:after {
    background: -moz-linear-gradient(top,  rgba(50,50,50,0.01) 59%, rgba(50,50,50,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(59%,rgba(50,50,50,0.01)), color-stop(100%,rgba(50,50,50,0.8)));
    background: -webkit-linear-gradient(top,  rgba(50,50,50,0.01) 59%,rgba(50,50,50,0.8) 100%);
    background: -o-linear-gradient(top,  rgba(50,50,50,0.01) 59%,rgba(50,50,50,0.8) 100%);
    background: -ms-linear-gradient(top,  rgba(50,50,50,0.01) 59%,rgba(50,50,50,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(50,50,50,0.01) 59%,rgba(50,50,50,0.8) 100%);
}

/* Title */
.top-news-title {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.028em;
    padding: 8.7em 1.25em 0 1.25em;
    color: #ffffff;
    margin: 0;
}
.top-news-high .top-news-title {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 0 0.5833em 0.75em 0.5833em;
}
.top-news-high .top-news-title.with-post--meta {
    padding: 0 0.5833em 0.5833em 0.5833em;
}
@media screen and (min-width: 68.75em) {
    .top-news-high .top-news-title {
        font-size: 30px;
        font-size: 3.0rem;
        padding: 0 2.3889em 0.4334em;
    }
    .top-news-high .top-news-title.with-post--meta {
        padding: 0 0.3889em 0.3889em 0.3889em;
    }
}

.top-news-title a {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 20px;
}
.top-news-title a,
.top-news-title a:focus,
.top-news-title a:active {
    color: #ffffff;
}
.top-news-title a:hover {
    color: #d8203b;
}

/* Post meta */
.post--views,
.post--count,
.post--likes {
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    line-height: 1;
    padding: 0 0.5834em 1em 0.5834em;
    
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.top-news-item-content--cell:hover .post--views,
.top-news-item-content--cell:hover .post--count,
.top-news-item-content--cell:hover .post--likes {
    opacity: 1;
}
.post--views,
.post--count,
.post--likes,
.post--count,
.post--count a {
    color: #ffffff;
}
.post--views:before,
.post--count a:before,
.post--likes:before {
    content: '';
    font-family: 'rt-icons-2';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    
    font-size: 18px;
    font-size: 1.8rem;
    display: block;
    float: left;
    margin-top: -2px;
    margin-top: -.2rem;
    padding-right: 0.3571em;
    color: #c14240;
    
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.post--count a:hover:before {
    color: rgba(193, 66, 64, 0.5);
}

/* Animate/Transition */
.top-news-item-content .overlay,
.top-news-item-content:hover .overlay {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/* Change layout for different places */

/* Secondary / left/right sidebar */
.secondary .top-news-item {width: 100% !important;}
.secondary .top-news-item .top-news-item-content {margin: 0}
.secondary .top-news-item + .top-news-item .top-news-item-content {margin: 1px 0 0 0;}
.secondary .top-news-item .top-news-item-content + .top-news-item-content {margin: 1px 0 0 0;}
.secondary .high-position-3 .top-news-low {margin-right: 0;}
.secondary .high-position-3 .top-news-high {
    margin-top: 1px;
    margin-right: 0;
    margin-bottom: 1px;
}


/* Top News Counter */

.top-news--counter {
    color: #fff;
    /*background: rgba(0,0,0,0.65);*/
    font-family: 'Vidaloka', serif;
    text-align: center;
    height: 389px;
    line-height: 30px;
    padding-top: 134px;
}

.top-news--counter div,
.top-news--counter span {
    font-family: 'Vidaloka', serif;
}

.top-news--counter-date {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.top-news--counter-date-section {
    float: left;
}

.top-news--counter-date-section + .top-news--counter-date-section {
    margin-left: 20px;
}

.top-news--counter-date-label {
    text-transform: uppercase;
}

.top-news--counter-date-digit {
    color: #323232;
    background-color: #fff;
    font-size: 30px;
    font-size: 3.0rem;

    width: 60px;
    text-align: center;
    height: 60px;
    line-height: 58px;
    padding-top: 2px;

    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.top-news--counter-text {
    margin-top: 17px;
}

.top-news--counter-title {
    color: #fff;
    margin: 0;
}

.top-news--counter-sub-title {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 25px;
}

.top-news--counter-sub-title span {
    color: #d8203b;
}

.top-news--counter-footer {
    margin-top: 23px;
}

.top-news--counter-footer i {
    color: #b3b3b3;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}

.top-news--counter-footer i:before {
    color: #d8203b;

    margin-right: 8px;

    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.top-news--counter-footer i + i {
    margin-left: 18px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

    .top-news--counter-footer i {
        font-weight: 300;
    }

}


/* rtl */

body.rtl .top-news-item .top-news-item-content {
    margin-left: 1px;
    margin-right: auto;
}

body.rtl .top-news-item:last-child .top-news-item-content {
    margin-left: 0;
    margin-right: auto;
}

body.rtl .top-news-high > a, .top-news-high > a {
    right: 0;
    left: auto;
}

body.rtl .top-news-item-content .overlay {
    right: 0;
    left: auto;
}

body.rtl .top-news-item-content .overlay:before,
body.rtl .top-news-item-content .overlay:after {
    right: 0;
    left: 0;
}

body.rtl .top-news-item-content .overlay:after {
    background: -webkit-gradient(linear, right top, right bottom, color-stop(59%,rgba(50,50,50,0.01)), color-stop(100%,rgba(50,50,50,0.8)));
}

body.rtl .post--views:before,
body.rtl .post--count a:before,
body.rtl .post--likes:before {
    float: right;
    padding-left: 0.3571em;
    padding-right: 0;
}

body.rtl .secondary .high-position-3 .top-news-low {
    margin-left: 0;
    margin-right: auto;
}

body.rtl .secondary .high-position-3 .top-news-high {
    margin-left: 0;
    margin-right: auto;
}

/* Top News Counter */

body.rtl .top-news--counter-date-section {
    float: right;
}

body.rtl .top-news--counter-date-section + .top-news--counter-date-section {
    margin-right: 20px;
    margin-left: auto;
}

body.rtl .top-news--counter-footer i:before {
    margin-left: 8px;
    margin-right: auto;
}

body.rtl .top-news--counter-footer i + i {
    margin-right: 18px;
    margin-left: auto;
}