/*
Theme Name: Newsmatic Child
Template: newsmatic
Version: 1.0
*/
/* ==========================
   Footer
========================== */

.cb-footer{
    background:#111827;
    color:#fff;
    margin-top:60px;
}

.cb-footer-container{
    max-width:1200px;
    margin:auto;
    padding:50px 20px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}

.cb-footer h3{
    margin-bottom:15px;
    font-size:20px;
}

.cb-footer p{
    line-height:1.8;
    color:#cbd5e1;
}

.cb-footer ul{
    list-style:none;
    margin:0;
    padding:0;
}

.cb-footer li{
    margin-bottom:10px;
}

.cb-footer a{
    color:#cbd5e1;
    text-decoration:none;
}

.cb-footer a:hover{
    color:#fff;
}

.cb-footer-bottom{
    border-top:1px solid rgba(255,255,255,.1);
    text-align:center;
    padding:20px;
    color:#94a3b8;
}
.footer-about{
    font-size: 14px;
    line-height: 1.8;
    color: #cbd5e1;
}

@media(max-width:768px){

    .cb-footer-container{
        grid-template-columns:1fr;
    }

}
/*=========================================
CATEGORY NEWS
=========================================*/

.cb-category-section{
    margin:60px 0;
}

.cb-category-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:0;
}

/* Column */

.cb-category-column{

    background:#fff;

    padding:0 20px;

}

.cb-category-column:not(:last-child){

    border-right:1px solid #e6e6e6;

}

/* Header */

.cb-category-title{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:18px;

    padding-bottom:12px;

    border-bottom:2px solid #e8e8e8;

}

.cb-category-title h2{

    margin:0;

    font-size:28px;

    font-weight:700;

    border-left:5px solid #138A36;

    padding-left:12px;

}

.cb-category-title a{

    text-decoration:none;

    color:#138A36;

    font-weight:600;

}

/* Featured News */

.cb-featured-post{

    margin-bottom:20px;

}

.cb-featured-post img{

    width:100%;

    height:180px;

    object-fit:cover;

    border-radius:0;

    margin-bottom:12px;

}

.cb-featured-post h3{

    margin:0 0 8px;

    font-size:22px;

    line-height:1.45;

    font-weight:700;

}

.cb-featured-post a{

    text-decoration:none;

    color:#111;

}

.cb-post-date{

    font-size:13px;

    color:#888;

}

/* Small News */

.cb-small-post{

    padding:14px 0;

    border-top:1px solid #ececec;

}

.cb-small-post a{

    display:flex;

    gap:12px;

    text-decoration:none;

    color:#222;

}

.cb-small-post img{

    width:85px;

    height:65px;

    object-fit:cover;

    border-radius:0;

    flex-shrink:0;

}

.cb-small-post span{

    display:block;

    font-size:16px;

    line-height:1.5;

    font-weight:600;

}

.cb-small-date{

    margin-top:5px;

    font-size:12px;

    color:#888;

}

/* Hover */

.cb-category-section a{

    transition:.25s;

}

.cb-category-section a:hover{

    color:#138A36;

}

/* Responsive */

@media(max-width:992px){

    .cb-category-grid{

        grid-template-columns:1fr;

    }

    .cb-category-column{

        padding:0;

        border-right:none;

        margin-bottom:35px;

    }

}
/*==========================================
LATEST NEWS SECTION
==========================================*/

.cb-container{
    max-width:1400px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================================
   LATEST NEWS - NEWSPAPER STYLE
========================================= */

.cb-container{
    max-width:1400px;
    margin:0 auto;
    padding:0 20px;
}


/* =========================================
   SECTION
========================================= */

.cb-latest-news{
    width:100%;
    margin:0 !important;
    padding:25px 0 35px !important;
    background:#fff !important;
}


/* =========================================
   HEADER
========================================= */

.cb-latest-header{
    width:100%;

    display:grid !important;
    grid-template-columns:1fr auto 1fr;

    align-items:center;

    gap:20px;

    margin:0 0 25px !important;
    padding:0 0 14px !important;

    border-bottom:1px solid #dcdcdc;

    box-sizing:border-box;
}


/* TITLE */

.cb-latest-header h2{
    grid-column:1;

    margin:0 !important;

    padding-left:12px;

    border-left:5px solid #138A36;

    font-size:30px;
    font-weight:700;
    line-height:1.25;

    color:#222;

    white-space:nowrap;
}


/* =========================================
   AD
========================================= */

.cb-latest-header .cb-latest-ad{

    grid-column:2;

    width:728px !important;
    height:90px !important;

    min-width:728px !important;
    max-width:728px !important;

    display:block !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden;

    box-sizing:border-box;
}

.cb-latest-header .cb-latest-ad a{
    display:block;

    width:728px;
    height:90px;

    margin:0;
    padding:0;
}

.cb-latest-header .cb-latest-ad img{

    display:block !important;

    width:728px !important;
    height:90px !important;

    min-width:728px !important;
    max-width:728px !important;

    min-height:90px !important;
    max-height:90px !important;

    object-fit:cover !important;

    margin:0 !important;
    padding:0 !important;
}


/* =========================================
   MORE LINK
========================================= */

.cb-latest-header .cb-more-link{

    grid-column:3;

    justify-self:end;

    color:#138A36;

    font-size:15px;
    font-weight:600;

    text-decoration:none;

    white-space:nowrap;
}


/* =========================================
   NEWS GRID
========================================= */

.cb-latest-grid{

    width:100%;

    display:grid;

    grid-template-columns:
        1.05fr
        1fr
        1fr
        .9fr;

    gap:0;

    margin:0;
}


/* =========================================
   COLUMNS
========================================= */

.cb-text-column,
.cb-image-column,
.cb-side-column{

    min-width:0;

    padding:0 20px;

    box-sizing:border-box;
}


.cb-text-column{

    padding-left:0;

    border-right:1px solid #dedede;
}


.cb-image-column{

    border-right:1px solid #dedede;
}


.cb-side-column{

    padding-right:0;

    border-right:none;
}


/* =========================================
   LEFT COLUMN
========================================= */

.cb-main-text h3{

    margin:0 0 14px;

    font-size:27px;

    line-height:1.35;

    font-weight:700;

    color:#111;
}

.cb-main-text a{

    color:#111;

    text-decoration:none;
}

.cb-main-text p{

    margin:0 0 18px;

    color:#666;

    font-size:15px;

    line-height:1.7;
}


.cb-text-news{

    padding:15px 0;

    border-top:1px solid #e2e2e2;
}


.cb-text-news a{

    display:block;

    color:#222;

    text-decoration:none;

    font-size:17px;

    line-height:1.55;
}


/* =========================================
   IMAGE COLUMNS
========================================= */

.cb-image-column img{

    width:100%;

    height:190px;

    display:block;

    object-fit:cover;

    border-radius:0;

    margin:0 0 14px;
}


.cb-image-column h3{

    margin:0 0 10px;

    font-size:23px;

    line-height:1.4;

    font-weight:700;
}


.cb-image-column a{

    color:#111;

    text-decoration:none;
}


.cb-image-column p{

    margin:0;

    color:#666;

    font-size:15px;

    line-height:1.7;
}


/* =========================================
   RIGHT COLUMN
========================================= */

.cb-side-item{

    display:flex;

    gap:12px;

    padding:0 0 13px;

    margin:0 0 13px;

    border-bottom:1px solid #e1e1e1;
}


.cb-side-item:last-child{

    border-bottom:none;

    margin-bottom:0;
}


.cb-side-item img{

    width:85px;

    height:65px;

    flex:0 0 85px;

    object-fit:cover;

    border-radius:0;
}


.cb-side-item a{

    color:#222;

    text-decoration:none;

    font-size:16px;

    line-height:1.45;
}


/* =========================================
   HOVER
========================================= */

.cb-latest-news a{

    transition:color .2s ease;
}


.cb-latest-news a:hover{

    color:#138A36;
}


/* =========================================
   CATEGORY SECTION
========================================= */

.cb-category-section{

    margin:0 !important;

    padding:10px 0 30px !important;

    background:#fff !important;
}


/* =========================================
   PAGE BACKGROUND
========================================= */

body,
#page,
.site-content,
#content,
#theme-content,
#primary,
.site-main{

    background:#fff !important;

    margin-top:0 !important;

    padding-top:0 !important;
}


/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1200px){

    .cb-latest-header{

        grid-template-columns:1fr auto 1fr;
    }

    .cb-latest-header .cb-latest-ad{

        width:600px !important;
        min-width:600px !important;
        max-width:600px !important;

        height:75px !important;
    }

    .cb-latest-header .cb-latest-ad a{

        width:600px;
        height:75px;
    }

    .cb-latest-header .cb-latest-ad img{

        width:600px !important;
        min-width:600px !important;
        max-width:600px !important;

        height:75px !important;
    }

    .cb-latest-grid{

        grid-template-columns:1fr 1fr;
        row-gap:25px;
    }

    .cb-side-column{

        border-right:none;
    }
}


@media(max-width:768px){

    .cb-latest-header{

        display:flex !important;

        flex-wrap:wrap;

        gap:15px;
    }

    .cb-latest-header h2{

        width:100%;

        font-size:26px;
    }

    .cb-latest-header .cb-latest-ad{

        width:100% !important;

        min-width:0 !important;
        max-width:100% !important;

        height:auto !important;
    }

    .cb-latest-header .cb-latest-ad a{

        width:100%;
        height:auto;
    }

    .cb-latest-header .cb-latest-ad img{

        width:100% !important;

        min-width:0 !important;
        max-width:100% !important;

        height:auto !important;
    }

    .cb-latest-header .cb-more-link{

        margin-left:auto;
    }

    .cb-latest-grid{

        grid-template-columns:1fr;
    }

    .cb-text-column,
    .cb-image-column,
    .cb-side-column{

        border-right:none;

        border-bottom:1px solid #ddd;

        padding:20px 0;

        margin-bottom:20px;
    }
}
/* =========================================
   CUSTOM HEADER
========================================= */

.cb-header{
    background:#fff;
    width:100%;
}

/* Top */

.cb-header-top{
    max-width:1200px;
    min-height:105px;
    margin:0 auto;
    padding:15px 20px;

.cb-header-ad{
    width:300px;
    height:60px;
}

.cb-header-ad img{
    width:300px;
    height:60px;
    object-fit:cover;
    display:block;
}

.cb-logo{
    flex:1;
    text-align:center;
}

.cb-logo img{
    max-width:220px !important;
    max-height:80px !important;
    width:auto;
    height:auto;
}

.cb-logo a{
    text-decoration:none;
    color:#111;
    font-size:35px;
    font-weight:700;
}

/* Navigation */

.cb-navigation{
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    background:#fff;
}

.cb-menu-container{
    max-width:1200px;
    margin:0 auto;
    display:flex;
    align-items:center;
}

.cb-primary-nav{
   
        flex:1;
    min-width:0;
    overflow:hidden;
}

.cb-primary-menu > li > a{
    display:block;
    padding:15px 10px;
    color:#111;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    white-space:nowrap;
}
.cb-primary-menu{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:nowrap;
}
.cb-primary-menu > li > a{
    display:block;
    padding:16px 14px;
    color:#111;
    text-decoration:none;
    font-size:16px;
    font-weight:600;
}

.cb-primary-menu > li > a:hover{
    color:#0F8B2D;
}

/* Dropdown */

.cb-primary-menu .sub-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    min-width:180px;
    background:#fff;
    border:1px solid #ddd;
    padding:0;
    margin:0;
    list-style:none;
    z-index:9999;
}

.cb-primary-menu li:hover > .sub-menu{
    display:block;
}

.cb-primary-menu .sub-menu li a{
    display:block;
    padding:10px 15px;
    color:#111;
    text-decoration:none;
    border-bottom:1px solid #eee;
}

.cb-primary-menu .sub-menu li a:hover{
    background:#f5f5f5;
    color:#0F8B2D;
}

/* Search */

.cb-search{
    width:50px;
    text-align:center;
}

.cb-search a{
    font-size:22px;
    text-decoration:none;
    color:#222;
}

/* Mobile */

@media(max-width:900px){

    .cb-header-top{
        min-height:auto;
        padding:15px;
    }

    .cb-header-ad{
        display:none;
    }

    .cb-logo{
        width:100%;
    }

    .cb-logo img{
        max-width:220px;
        max-height:70px;
    }

    .cb-primary-menu{
        justify-content:flex-start;
        overflow-x:auto;
        white-space:nowrap;
    }

    .cb-primary-menu > li > a{
        padding:13px 10px;
        font-size:14px;
    }

}

@media(max-width:600px){

    .cb-menu-container{
        display:block;
    }

    .cb-search{
        display:none;
    }

}
/* =========================================
   PRIMARY MENU - NO WORD WRAPPING
========================================= */

.cb-navigation{
    width:100%;
    background:#fff;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}

.cb-menu-container{
    max-width:1200px;
    margin:0 auto;
    display:flex;
    align-items:center;
}

.cb-primary-nav{
    flex:1;
    min-width:0;
    overflow:hidden;
}

.cb-primary-menu{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex-wrap:nowrap !important;
    gap:0 !important;
}

.cb-primary-menu > li{
    position:relative !important;

    width:auto !important;
    min-width:max-content !important;
    max-width:none !important;

    flex:0 0 auto !important;
}

.cb-primary-menu > li > a{
    display:block !important;

    width:auto !important;
    min-width:max-content !important;

    padding:15px 9px !important;

    color:#111 !important;
    text-decoration:none !important;

    font-size:15px !important;
    font-weight:600 !important;

    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}

.cb-primary-menu > li > a:hover{
    color:#0F8B2D !important;
}

/* Dropdown */

.cb-primary-menu .sub-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;

    min-width:190px;
    width:auto;

    background:#fff;
    border:1px solid #ddd;

    margin:0;
    padding:0;

    list-style:none;
    z-index:99999;
}

.cb-primary-menu li:hover > .sub-menu{
    display:block;
}

.cb-primary-menu .sub-menu li{
    width:auto !important;
    min-width:100% !important;
}

.cb-primary-menu .sub-menu li a{
    display:block !important;
    white-space:nowrap !important;

    padding:10px 15px !important;

    color:#111;
    text-decoration:none;
}

.cb-search{
    width:50px;
    flex:0 0 50px;
    text-align:center;
}

/* =========================================
   FULL WIDTH LATEST NEWS HEADER
========================================= */

.cb-latest-header {
    position: relative !important;

    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    height: 125px !important;

    display: flex !important;
    align-items: center !important;

    padding: 15px 4vw 20px 4vw !important;

    box-sizing: border-box !important;

    border-top: 1px solid #eee !important;
    border-bottom: 2px solid #ddd !important;

    margin-bottom: 25px !important;
}


/* =========================================
   TITLE
========================================= */

.cb-latest-title {
    position: relative !important;
    z-index: 5 !important;
}

.cb-latest-title h2 {
    margin: 0 !important;

    padding-left: 14px !important;

    border-left: 5px solid #0F8B2D !important;

    font-size: 34px !important;
    font-weight: 700 !important;

    line-height: 1.3 !important;

    white-space: nowrap !important;
}


/* =========================================
   AD
========================================= */

.cb-latest-ad {
    position: absolute !important;

    left: 50% !important;
    top: 50% !important;

    transform: translate(-50%, -50%) !important;

    width: 728px !important;
    height: 90px !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 2 !important;
}

.cb-latest-ad a {
    display: block !important;

    width: 728px !important;
    height: 90px !important;
}

.cb-latest-ad img {
    display: block !important;

    width: 728px !important;
    height: 90px !important;

    min-width: 728px !important;
    max-width: 728px !important;

    min-height: 90px !important;
    max-height: 90px !important;

    object-fit: cover !important;
}


/* =========================================
   MORE
========================================= */

.cb-latest-more {
    margin-left: auto !important;

    position: relative !important;
    z-index: 5 !important;
}

.cb-latest-more a {
    color: #0F8B2D !important;

    text-decoration: none !important;

    font-size: 16px !important;
    font-weight: 600 !important;

    white-space: nowrap !important;
}


/* =========================================
   DESKTOP LARGE
========================================= */

@media (min-width: 1600px) {

    .cb-latest-header {
        padding-left: 6vw !important;
        padding-right: 6vw !important;
    }

    .cb-latest-title h2 {
        font-size: 36px !important;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {

    .cb-latest-header {
        height: 115px !important;
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .cb-latest-ad {
        width: 468px !important;
        height: 60px !important;
    }

    .cb-latest-ad a {
        width: 468px !important;
        height: 60px !important;
    }

    .cb-latest-ad img {
        width: 468px !important;
        min-width: 468px !important;
        max-width: 468px !important;

        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 700px) {

    .cb-latest-header {
        width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        height: auto !important;

        display: block !important;

        padding: 15px !important;
    }

    .cb-latest-title h2 {
        font-size: 26px !important;
    }

    .cb-latest-ad {
        position: relative !important;

        left: auto !important;
        top: auto !important;

        transform: none !important;

        width: 100% !important;
        height: auto !important;

        margin: 15px 0 0 !important;
    }

    .cb-latest-ad a {
        width: 100% !important;
        height: auto !important;
    }

    .cb-latest-ad img {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .cb-latest-more {
        display: none !important;
    }

}
.cb-image-post {
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid #ececec;
}

.cb-image-post:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.cb-image-post img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    display: block;
    margin-bottom: 12px;
}

.cb-image-post h3 {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 1.45;
}

.cb-image-post p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #666;
}