/*
Theme Name: CoverNews
Theme URI: https://afthemes.com/products/covernews/
Author: AF themes
Author URI: https://www.afthemes.com/
Description: CoverNews is a clean and elegant free WordPress theme that is perfect for online blog and magazine. With the help of live customizer options and custom widgets, you can design your website as you like and preview the changes live. This theme is fully responsive that looks beautiful on all the screen sizes from small to large devices. As it includes many useful features that require to build an awesome looking website, you can implement the layout as a personal blog, modern news journals, fashion magazine, travel blogging & magazine, vibrant news sites and more. It is also compatible with the WooCommerce plugin that helps you to integrate an online business with your blog easily. The theme is well optimized that helps to rank your website in the top of search engines and users will get an outstanding support from the team if there will be any difficulties while using the theme. There are three demos available in this theme so choose the one you like and start to build a website. See our demos: https://demo.afthemes.com/covernews/, https://demo.afthemes.com/covernews/sport/, https://demo.afthemes.com/covernews/fashion/
Version: 1.1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: covernews
Tags: news, blog, entertainment, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, full-width-template, custom-header, translation-ready, theme-options, threaded-comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

CoverNews is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

CoverNews WordPress Theme, Copyright 2018 AF themes
CoverNews is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: 'Montserrat:400,700', sans-serif;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;

}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
    color: #2a2a2a;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    color: #000000;
    font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6,
.main-navigation a,
.font-family-1,
.site-description,
.trending-posts-line,
.exclusive-posts,
.widget-title,
.em-widget-subtitle,
.grid-item-metadata .item-metadata,
.af-navcontrols .slide-count,
.figure-categories .cat-links,
.nav-links a {
    font-family: 'Montserrat:400,700', sans-serif;
}

p {
    margin-bottom: 10px;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    font-style: italic;
    border: 0;
    position: relative;
    text-align: center;
    font-size: 1.5625em;
    line-height: 1.44;
    margin-top: 2.57143em;
    margin-bottom: 2.14286em;
    padding-top: 1.71429em;
    padding-bottom: 1.71429em;
}

blockquote blockquote {
    font-size: 1em;
    margin-bottom: 0;
    padding-bottom: 0;
}

blockquote blockquote:after {
    border-bottom: 0;
}

@media not screen and (min-width: 992px) {
    blockquote {
        font-size: 1.125em;
        line-height: 1.33333;
        margin-top: 2.66667em;
        margin-bottom: 2em;
        padding: 0.66667em;
        padding-top: 1.33333em;
        padding-bottom: 1.33333em;
    }
}

blockquote:before {
    content: "\201C";
    position: absolute;
    top: -0.75em;
    left: 50%;
    padding: 0 0.857em;
    color: black;
    background: white;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

blockquote:after {
    content: "";
    display: block;
    width: 9em;
    margin-left: -4.5em;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    border: 1px solid #e5e5e5;
    border-left: 0;
    border-right: 0;
}

blockquote cite {
    display: block;
    margin-top: 1.5em;
    font-size: 0.57143em;
    line-height: 1.5;
    font-style: normal;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code, kbd, tt, var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark, ins {
    /*background: #fff9c0;*/
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    background-color: #f5f5f5;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul, ol {
    margin-left: 0;
    padding-left: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dl {
    border: 2px solid #e8e8e8;
    padding: 2.5em;
}

dt {
    text-align: left;
    font-size: 130%;
    font-weight: bold;
}

dd {
    margin: 0;
    padding: 0 0 1em 0;
}

img {
    height: auto;
    max-width: 100%;
}

figure {
    margin: 0 auto;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    font-size: 16px;
    line-height: 1;
    outline: none;
    padding: 5px 25px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

.em-view-more {
    display: block;
    margin: 20px auto;
    padding: 20px 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
    outline: none;
}

input, select {
    height: 45px;
    line-height: 45px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}

.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

.no-gutter .no-gutter-col {
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (min-width: 768px) {
    .pad-0l {
        padding-left: 0 !important;
    }

    .pad-0r {
        padding-right: 0 !important;
    }

    .pad-0lr {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.table-block {
    display: table;
    width: 100%;
    height: 100%;
}

.table-block-child {
    display: table-cell;
}

.v-center {
    vertical-align: middle;
}

.v-top {
    vertical-align: top;
}

.v-bottom {
    vertical-align: bottom;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #404040;
    text-decoration: none;
}

a:visited {
    color: #404040;
}

a:hover, a:focus, a:active {
    color: #bb1919;
    outline: 0;
    text-decoration: none;
}

a:focus {
    outline: 0;
}

a:hover, a:active {
    outline: 0;
    text-decoration: none;
}

/*--------------------------------------------------------------
## bootstrap reset
--------------------------------------------------------------*/
.container{
    padding-left: 10px;
    padding-right: 10px;
}
[class*="col-"]{
    padding-left: 10px;
    padding-right: 10px;
}

.main-story-wrapper,
.af-main-banner-editors-picks,
.trending-story
{
    padding-left: 5px;
    padding-right: 5px;
}
.af-main-banner-editors-picks.layout-2 .odd-grid:nth-child(odd){
    padding-right: 0;
}

.kol-12{width: 100%; position: relative;}

.row {
    margin-right: -10px;
    margin-left: -10px;
}
.for-main-row{
    margin-right: -5px;
    margin-left: -5px;
}
.for-main-row:after{
    clear: both;
}
.col-sm-15{
    position: relative;
    min-height: 1px;
}



@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (max-width: 768px) {
    .col-sm-15{width: 33.33%;float: left;}
    .promotion-section {
        margin-top: 20px;
    }
}
@media (max-width: 426px) {
    .col-sm-15{width: 100%;}
}




/*--------------------------------------------------------------
## bootstrap reset
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
    border-top: 1px solid;
    border-bottom: 1px solid;
    text-align: center;
}
.main-navigation span.af-mobile-site-title-wrap {
    display: none;
}
.main-navigation.nav-down i.ham {
    margin-right: auto;
    margin-left: 10px;
}
.header-layout-2 .main-navigation i.ham {
    margin-left: auto;
    margin-right: 50px;
}

.aft-sticky-navigation {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    transition: top 0.2s ease-in-out;
}

.nav-up {
    top: -90px;
}
/*.sticky + .content {
  padding-top: 102px;
}*/


.navigation-container {
    border-left: 1px solid;
    border-right: 1px solid;
    position: relative;
}

.navigation-container .site-title,
.navigation-container ul li a,
.navigation-container .icon-search
{
    color: #fff;
}

.icon-search {

    border-left: 1px solid;
    text-align: right;
    right: 0;

}

.icon-search,
.offcanvas {
    cursor: pointer;
    position: absolute;
    line-height: 60px;
    height: 60px;
    width: 80px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

}

.offcanvas {
    font-size: 18px;
    display: table;
    text-align: center;
    border-right: 1px solid;
    left: 0;
}

.offcanvas-nav {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.offcanvas-menu {
    position: relative;
    overflow: hidden;
    width: 24px;
    height: 17px;
    margin-right: 100%;
}

.offcanvas-menu span {
    position: absolute;
    display: inline-block;
    width: 100%;
    left: 0;
    height: 3px;
    transition: .1s width linear;
}

@media only screen and (max-width: 75em) {
    .offcanvas-menu span {
        right: auto;
        left: 0;
    }
}

.offcanvas-menu span.mbtn-mid {
    top: 50%;
    width: 75%;
    margin-top: -1.5px;
}

.offcanvas-menu span.mbtn-bot {
    bottom: 0;
    width: 50%;
}

.offcanvas:hover .offcanvas-menu span,
.offcanvas:focus .offcanvas-menu span {
    width: 100%;
}

#af-search-wrap {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(255, 255, 255, .94);
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    width: 100%;
    height: 100%;
    z-index: 999999;
    -webkit-transition: -webkit-transform 0.25s ease;
    -moz-transition: -moz-transform 0.25s ease;
    -ms-transition: -ms-transform 0.25s ease;
    -o-transition: -o-transform 0.25s ease;
    transition: transform 0.25s ease;
}

.af-search-toggle {
    opacity: 1 !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    -moz-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    -o-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

.af-search-close span {
    display: block;
    position: absolute;
    left: 0;
    width: 60px;
    top: 27px;
    background: #444;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    height: 3px;
}

.af-search-close {
    cursor: pointer;
    position: absolute;
    height: 60px;
    top: 60px;
    right: 80px;
    width: 60px;
}

.af-search-close span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.af-search-close span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.main-navigation .toggle-menu {
    height: 55px;
    cursor: pointer;
    display: none;
}

.ham {
    width: 23px;
    height: 2px;
    top: 27px;
    display: block;
    margin-right: auto;
    margin-left: 10px;
    background-color: #fff;
    position: relative;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}


.ham:before,
.ham:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    left: 0;
    background-color: #fff;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.ham:before {
    top: -8px;
}

.ham:after {
    top: 8px;
}

.ham.exit {
    background-color: transparent;
}

.ham.exit:before {
    -webkit-transform: translateY(8px) rotateZ(-45deg);
    -moz-transform: translateY(8px) rotateZ(-45deg);
    -ms-transform: translateY(8px) rotateZ(-45deg);
    -o-transform: translateY(8px) rotateZ(-45deg);
    transform: translateY(8px) rotateZ(-45deg);
}

.ham.exit:after {
    -webkit-transform: translateY(-8px) rotateZ(45deg);
    -moz-transform: translateY(-8px) rotateZ(45deg);
    -ms-transform: translateY(-8px) rotateZ(45deg);
    -o-transform: translateY(-8px) rotateZ(45deg);
    transform: translateY(-8px) rotateZ(45deg);
}

.main-navigation .menu > ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: top;

}

.main-navigation .menu ul li {
    position: relative;
    display: block;
    float: left;
}

.main-navigation .menu ul li a {
    text-rendering: optimizeLegibility;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
}

.main-navigation .menu ul li i {
    padding: 0 10px;
    display: inline-block;
    line-height: 1px;
}

.main-navigation .menu ul.menu-desktop > li > a {
    display: block;
    padding: 20px 30px;
    padding-left: 0px;
}



@media only screen and (min-width: 992px) {
    .main-navigation .menu ul ul li {
        width: 260px;
    }

    .main-navigation .menu ul ul a {
        border-top: 1px solid rgba(0, 0, 0, .1);
        display: block;
        padding: 12px 15px;
        line-height: inherit;
        position: relative;
    }



    .main-navigation .menu ul ul a:before {
        margin-right: 10px;
        position: absolute;
        left: 15px;
        top: 16px;
        display: inline-block;
        content: "\f105";
        font-weight: 600;
        display: none;
    }

    .main-navigation .menu ul ul {
        background: #353535;
        position: absolute;
        text-align: left;
        visibility: hidden;
        filter: alpha(opacity=0);
        opacity: 0;
        margin: 0 auto;
        padding: 0;
        z-index: 9;
        -webkit-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
        -moz-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
        -ms-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
        -o-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
        transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
        -webkit-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15);
        -ms-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15);
        -o-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15);
        box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15);
    }

    .main-navigation .menu li:hover > ul,
    .main-navigation .menu li:focus > ul {
        visibility: visible;
        filter: alpha(opacity=1);
        opacity: 1;
        z-index: 999;
        top: 100%;
        -webkit-transition: opacity 0.4s, top 0.4s;
        -moz-transition: opacity 0.4s, top 0.4s;
        -ms-transition: opacity 0.4s, top 0.4s;
        -o-transition: opacity 0.4s, top 0.4s;
        transition: opacity 0.4s, top 0.4s;
    }

    .main-navigation .menu > ul > li > ul {
        top: 120%;
        left: 0;
    }

    .main-navigation .menu > ul > li:last-child > ul {
        left: auto;
        right: 0;
    }

    .main-navigation .menu ul ul ul {
        top: -20px;
        left: 100%;
    }

    .main-navigation .menu ul ul li:hover ul {
        top: 0;
    }

}

.main-navigation .menu .menu-mobile {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
    text-align: left;
    position: relative;
    z-index: 9999;
    display: none;
    padding-top: 6px;
    width: 100%;
}

.main-navigation .menu .menu-mobile li {
    display: block;
    border-top: 1px solid;
    float: none;
}

.main-navigation .menu .menu-mobile li a {
    line-height: 50px;
    display: block;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.main-navigation .menu .menu-mobile li a:hover {
    filter: alpha(opacity=70);
    opacity: