:root {
    --online-newspaper-global-preset-theme-color: #02DE9C;
    --social-icon-size: 19px;
    --sidebar-toggle-color: #777777;
    --footer-social-color: #878787;
    --online-newspaper-footer-menu-color: #878787;
    --online-newspaper-footer-menu-color-hover: #fff;

    --menu-family: 'DM Sans';
    --site-title-family: 'DM Sans';
    --single-meta-family: 'DM Sans';
    --custom-btn-family: 'DM Sans';
    --post-link-btn-family: 'DM Sans';

    --category-family: 'DM Sans';
    --category-size: 12px;
    --category-lineheight: 16px;

    --block-title-family: 'DM Sans';
    --block-title-weight: 700;
    --block-title-size: 20px;
    --block-title-lineheight: 23px;
    --block-title-texttransform: capitalize;
    --block-title-letterspacing: 0;

    --post-title-family: 'DM Sans';
    --post-title-weight: 700;
    --post-title-size: 20px;
    --post-title-lineheight: 23px;
    --post-title-texttransform: unset;
    --post-title-letterspacing: 0;

    --meta-family: 'DM Sans';
    --meta-weight: 400;

    --content-family: 'DM Sans';
    --single-title-family: 'DM Sans';
    --single-title-weight: 700;
}

@media (min-width: 1200px) {
    .online-newspaper-container {
        max-width: 1170px;
    }
}

.online-newspaper-web-stories .section-head,
.section-head {
    margin-bottom: 20px;
}

.online-newspaper-section,
.home.blog #theme-content,
.online-newspaper-web-stories {
    padding: 25px 0;
}

body #page.site .post-categories a,
.widget .post-categories a,
#theme-content .primary-content article figure .post-categories a {
    font-size: calc(var(--category-size) * 0.97);
    line-height: calc(var(--category-lineheight) * 1.64);
    padding: 0 12px;
    border-radius: 2px;
}

.site figure.post-thumb-wrap,
.single .post-thumbnail,
.page .post-thumbnail {
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0px 4px 9px -3px rgb(7 10 25 / 35%);
    -webkit-box-shadow: 0px 4px 9px -3px rgb(7 10 25 / 35%);
    -moz-box-shadow: 0px 4px 9px -3px rgb(7 10 25 / 35%);
}

#main-banner-section article .post-thumb,
.online-newspaper-web-stories .stories-wrap .preview .preview-thumb {
    border-radius: 4px;
    overflow: hidden;
}

/* Title effect three */
.online-newspaper-title-three .post-title a,
.online-newspaper-title-three .news-carousel .post-title a,
.online-newspaper-title-three .widget_block ul li:not(.wp-block-social-link) a,
.online-newspaper-title-three .widget_nav_menu ul li a,
.online-newspaper-title-three .online-newspaper-web-stories .stories-wrap .story-title .title-text,
.online-newspaper-title-three .online-newspaper-web-stories .inner-stories-wrap .content-wrap .title a {
    -webkit-transition: background-size .25s cubic-bezier(.32,.74,.57,1);
    transition: background-size .25s cubic-bezier(.32,.74,.57,1);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% 0%;
    background-image: linear-gradient(var(--online-newspaper-global-preset-theme-color), var(--online-newspaper-global-preset-theme-color));
}

.online-newspaper-title-three .post-title a:hover,
.online-newspaper-title-three .news-carousel .post-title a:hover,
.online-newspaper-title-three .widget_block ul li:not(.wp-block-social-link) a:hover,
.online-newspaper-title-three .widget_nav_menu ul li a:hover,
.online-newspaper-title-three .online-newspaper-web-stories .stories-wrap .story-title .title-text:hover,
.online-newspaper-title-three .online-newspaper-web-stories .inner-stories-wrap .content-wrap .title a:hover {
    background-size: 100% 16%;
}

/* 
MARK: Header Builder
*/

    body .site-header .row-two.full-width,
    body .site-header .row-two .full-width {
        padding: 44px 0;
    }

    .site-header .row-two.full-width,
    .site-header .row-two .full-width {
        padding: 30px 0;
    }

    .site-header .social-icons-wrap .online-newspaper-social-icon {
        gap: 9px;
    }

    .site-header .newsletter-element a {
        gap: 7px;
    }

    .site-header .newsletter-element a {
        --newsletter-color: #000;
        --newsletter-bk-color: #02DE9C;
        padding: 10px 14px;
        background: var(--newsletter-bk-color);
        text-transform: capitalize;
        letter-spacing: 0;
        border: none;
        border-radius: 3px;
    }

    .site-header .newsletter-element a:hover {
        --newsletter-color-hover: #000;
        --newsletter-bk-color-hover: #02DE9C;
        transform: translateY(-2px);
    }

    .site-header .social-icons-wrap .social-icon {
        color: #dddddd;
    }

    .site-header .social-icons-wrap .social-icon:hover {
        color: var(--online-newspaper-global-preset-theme-color);
    }

    body .bb-bldr-row .social-icons-wrap a i {
        background: #191919;
    }

    .top-date-time .top-date-time-inner {
        font-family: 'DM Sans';
    }

    .site-header .random-news-element a {
        font-family: 'DM Sans';
        text-transform: capitalize;
    }

    .site-header .newsletter-element a {
        font-family: 'DM Sans';
    }

    @media ( min-width: 48.1em ) {
        body header.site-header .top-nav-menu:not(.use-primary) ul li a {
            font-family: 'DM Sans';
        }

        .site-header .main-navigation .menu > li a:hover, 
        .site-header .main-navigation .nav-menu > li a:hover {
            color: var(--online-newspaper-global-preset-theme-color);
        }
    }

/* 
MARK: Main Banner
*/

    .banner-layout--six article.no-feat-img .post-thumb {
        background-color: var(--noimg-bk-color);
    }

    .banner-layout--six .row:first-child {
        display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        gap: 5px;
    }

    .banner-layout--six.layout--row .row:first-child {
        gap: 15px;
    }

    .card--on.banner-layout--six .row + .row {
        margin-top: 15px;
    }

    .banner-layout--six.layout--row .row .main-banner-trailing-posts .trailing-posts-wrap {
        gap: 15px;
    }

    .banner-layout--six.layout--row .trailing-posts-wrap-secondary {
        gap: 15px;
        margin-top: 15px;
    }

    .banner-layout--six.layout--row .row .main-banner-wrap {
        flex: 0 1 66.4%;
        max-width: 66.4%;
    }

    .banner-layout--six .main-banner-wrap .post-element .post-excerpt p {
        color: var(--white-text);
    }

    .banner-layout--six .row .main-banner-trailing-posts .trailing-posts-wrap {
        display: grid;
        gap: 5px;
    }

    .banner-layout--six.layout--row .row .main-banner-trailing-posts {
        flex: 0 1 33.6%;
    }

    .banner-layout--six .row .post-item {
        position: relative;
    }

    .banner-layout--six .main-banner-trailing-posts .post-title a {
        color: var(--white-text);
    }

    .banner-layout--six .post-meta span, 
    .banner-layout--six .post-meta time,
    .banner-layout--six .post-meta .author_name,
    .banner-layout--six .post-meta span.post-date:before,
    .banner-layout--six .post-meta .author_name:before {
        color: #f5f3f3;
    }

    .banner-layout--six .post-thumb:after {
        padding-bottom: 70%;
    }

    .banner-layout--six .banner-trailing-posts .post-categories a {
        font-size: calc(var(--category-size)*0.94);
    }

    .banner-layout--six .row .banner-trailing-posts .post-item .post-title {
        margin: 0 0 5px;
        font-size: calc(var(--post-title-size) * 0.98);
        line-height: calc(var(--post-title-lineheight) * 1.15);
    }

    /* column two */
    .banner-layout--six.layout--column .row .main-banner-trailing-posts .trailing-posts-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .banner-layout--six.layout--column .main-banner-trailing-posts .post-thumb:after {
        padding-bottom: 165.5%;
    }

    .banner-layout--six .trailing-posts-wrap-secondary {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 5px;
        margin-top: 5px;
    }

    .banner-layout--six .trailing-posts-wrap-secondary .post-title a {
        color: var(--white-text);
    }

    .banner-layout--six.layout--column .row .main-banner-wrap {
        flex: 0 1 53.72%;
        max-width: 53.72%;
    }

    .banner-layout--six.layout--column .row .main-banner-trailing-posts {
        flex: 0 1 46.28%;
    }

    #main-banner-section:not(.banner-layout--two) .post-element {
        border-radius: 0 0 4px 4px;
    }

    .banner-layout--five .main-banner-grid-posts article .post-thumb:after {
        padding-bottom: 54.5%;
    }

    .banner-layout--five .main-banner-wrap article .post-thumb:after {
        padding-bottom: 104.5%;
    }

    .card--on.banner-layout--five .main-banner-grid-posts article .post-thumb:after {
        padding-bottom: 58%;
    }

    .card--on.banner-layout--five .main-banner-wrap article .post-thumb:after {
        padding-bottom: 105%;
    }

    .main-banner-slider .post-categories li.cat-item {
        margin-bottom: -3px;
    }

    @media(max-width: 1025px){
        .banner-layout--six .row { 
            flex-direction: column;
        }

        #main-banner-section.banner-layout--six .row .main-banner-wrap {
            max-width: 100%;
            flex: 1;
            padding: 0;
        }

        .banner-layout--six.layout--column .main-banner-trailing-posts .post-thumb:before {
            padding-bottom: 60%;
        }

        .banner-layout--six .trailing-posts-wrap-secondary {
            grid-template-columns: repeat(2, 1fr);
        }
    }

/* 
MARK: Web Stories
*/

    .online-newspaper-web-stories .stories-wrap .preview .story-count {
        font-family: 'DM Sans';
    }

    .online-newspaper-web-stories .stories-wrap .story-title {
        font-family: 'DM Sans';
        font-weight: 700;
        font-size: 17px;
    }

    .online-newspaper-web-stories .inner-stories-wrap .content-wrap .title {
        font-family: 'DM Sans';
    }


/*
Mark: Main Menu
*/

    body .main-navigation #header-menu.menu li.current-menu-item > a,
    .main-navigation .nav.menu li.current-menu-item > a,
    .main-navigation .menu li.current_page_item > a,
    .main-navigation .nav.menu li.current_page_item > a {
        color: var(--online-newspaper-global-preset-theme-color);
    }

/* 
MARK: Sticky Posts
*/

    .online-newspaper-sticky-posts .label-wrapper .label,
    .online-newspaper-sticky-posts .post-list article .post-content .post-title {
        font-family: 'DM Sans';
    }

/* 
MARK: Footer Builder
*/

    footer.site-footer {
        border-width: 2px;
    }

    footer .bb-bldr-row {
        row-gap: 34px;
    }

    body .site footer .social-icons-wrap a i {
        font-size: 0.95rem;
    }

    footer.site-footer .bb-bldr-widget:not(.has-sidebar) .menu li a {
        font-family: 'DM Sans';
        font-size: 13px;
        text-transform: uppercase;
    }

    .site-footer .site-info {
        font-family: 'DM Sans';
    }

/* 
MARK: Widgets
*/

    .widget .post_thumb_image,
    .widget .widget-tabs-content .post-thumb,
    .widget .popular-posts-wrap article .post-thumb,
    .widget.widget_online_newspaper_news_filter_tabbed_widget .tabs-content-wrap .post-thumb,
    .widget .online-newspaper-widget-carousel-posts .post-thumb-wrap,
    .widget .online-newspaper-widget-carousel-posts.layout--two .slick-list,
    .author-wrap.layout-two .post-thumb,
    .widget_online_newspaper_category_collection_widget .categories-wrap .category-item {
        box-shadow: 0px 4px 9px -3px rgb(7 10 25 / 35%);
        -webkit-box-shadow: 0px 4px 9px -3px rgb(7 10 25 / 35%);
        -moz-box-shadow: 0px 4px 9px -3px rgb(7 10 25 / 35%);
        border-radius: 4px;
    }

    .widget .online-newspaper-widget-carousel-posts .post-thumb-wrap,
    .widget .online-newspaper-widget-carousel-posts.layout--two .slick-list {
        box-shadow: none;
    }


/* 
MARK: Responsive
*/

    @media ( max-width: 1025px ) {
        .banner-layout--six.layout--row .row .main-banner-trailing-posts .trailing-posts-wrap {
			grid-template-columns: repeat(2, 1fr);
		}

        .banner-layout--six.layout--column .main-banner-trailing-posts .post-thumb:after {
			padding-bottom: 70%;
		}
    }

    @media ( max-width: 940px ) {
        .banner-layout--six .row .banner-trailing-posts .post-item .post-title {
			font-size: calc(var(--post-title-size-tab) * 0.82);
			line-height: calc(var(--post-title-lineheight-tab) * 0.86);
		}
    }

    @media ( max-width: 610px ) {
        .banner-layout--six .row .banner-trailing-posts .post-item .post-title {
			font-size: calc(var(--post-title-size-mobile) * 0.92);
			line-height: calc(var(--post-title-lineheight-mobile) * 1.12);
			letter-spacing: var(--post-title-letterspacing-mobile);
		}

        #main-banner-section.banner-layout--six .row .main-banner-trailing-posts .trailing-posts-wrap,
		.banner-layout--six .trailing-posts-wrap-secondary {
			grid-template-columns: 100%;
		}

		body #main-banner-section.banner-layout--six .post-element .post-title {
			font-size: calc(var(--post-title-size-mobile) * 0.92);
			line-height: calc(var(--post-title-lineheight-mobile) * 1.14);
			width: 90%;
		}
    }