/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.13.6.1784105397
Updated: 2026-07-15 08:49:57

*/

.news-top-slider {
    position: relative;
    width: 100%;
    padding: 10px 45px;
    /* border-top:1px solid #eee;
    border-bottom:1px solid #eee; */
    overflow: hidden;
}

.news-top-slider .swiper-wrapper {
    align-items: center;
}

.news-top-slider .swiper-slide {
    display: flex;
    align-items: center;
    gap: 15px;
    height: auto;
}

.news-top-slider .swiper-slide a {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    color: #222;
    width: 100%;
}

.news-top-slider .swiper-slide img {
    width: 90px;
    height: 60px;
    object-fit: cover;
    flex-shrink: 0;
    transition: .3s;
}

.news-top-slider .swiper-slide h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    color: #222;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: .3s;
}

.news-top-slider .swiper-slide:hover h4 {
    color: #c00;
}

.news-top-slider .swiper-slide:hover img {
    transform: scale(1.05);
}

/* Navigation */

.news-top-slider .swiper-button-next,
.news-top-slider .swiper-button-prev {
    width: 34px;
    height: 34px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    color: #222;
}

.news-top-slider .swiper-button-next:after,
.news-top-slider .swiper-button-prev:after {
    font-size: 14px;
    font-weight: 700;
}

.news-top-slider .swiper-button-next:hover,
.news-top-slider .swiper-button-prev:hover {
    background: #0d2b5c;
    color: #fff;
}



.news-section {
    display: flex;
    gap: 30px;
    max-width: 1440px;
    margin: auto;
}

/* .featured-news {
    width: 681px;
    height: 412px;
    position: relative;
    overflow: hidden;
} */
.featured-news {
    width: 681px;
    height: 412px;
    overflow: hidden;
    position: relative;
}

.featured-news img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    color: #fff;
    background: linear-gradient(transparent, rgba(0, 0, 0, .85));
}

.featured-news .category {
    background: #c62828;
    padding: 6px 12px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.date {
    margin-left: 10px;
    font-size: 13px;
}

.overlay h2 {
    margin-top: 15px;
    font-size: 30px;
    font-family: 'PT Serif', serif;
    line-height: 1.3;
    color: #FFF;
    font-weight: 700;
}

.news-list {
    width: 45%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.news-item {
    padding: 16px;
    border-bottom: 1px solid #eee;
    display: flex;
    gap: 10px;
    
}

.news-item:nth-child(odd) {
    border-right: 1px solid #eee;
}

.number {
    color: #c62828;
    font-weight: bold;
    margin-right: 10px;
    padding-top: 6px;
}

.news-item a {
    color: #222;
    text-decoration: none;
    line-height: 1.8;
    text-decoration: none !important;
}

.news-item a:hover {
    color: #c62828;
}

.latest-news-grid {
    max-width: 1440px;
    margin: 0px auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.news-card {
    background: #fff;
}

.news-image {
    display: block;
    overflow: hidden;
}

.news-image img {
    width: 100%;
    height: 295px;
    object-fit: cover;
    display: block;
    transition: .3s;
}

.news-card:hover img {
    transform: scale(1.05);
}

.news-content {
    padding-top: 15px;
}

.news-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
}

.news-dot {
    width: 5px;
    height: 5px;
    background: #c42026;
    border-radius: 50%;
}

.news-date {
    font-size: 12px;
    color: #ab2027;
}

.news-title {
    margin: 0 0 12px;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 600;
}

.news-title a {
    color: #222;
    text-decoration: none;
}

.news-title a:hover {
    color: #c42026;
}

.news-excerpt {
    color: #666;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;

}

.lifestyle-news {
    width: 100%;
    /* margin:60px auto; */
    display: grid;
    grid-template-columns: 55% 45%;
    gap: 30px;
}

.featured-image,
.small-image {
    position: relative;
    overflow: hidden;
}

.featured-image img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    display: block;
}

.small-image img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    display: block;
}

.category-tag {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #C62828;
    color: #fff;
    padding: 6px 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    z-index: 2;
}

.featured-content {
    margin-top: 20px;
}

.post-date {
    font-size: 13px;
    color: #777;
    margin-bottom: 12px;
}

.featured-content h2 {
    font-size: 30px;
    line-height: 1.3;
    margin: 0 0 15px;
}

.featured-content h2 a,
.small-post h3 a {
    color: #222;
    text-decoration: none;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
}

.featured-content h2 a:hover,
.small-post h3 a:hover {
    color: #c62828;
}

.featured-content p {
    color: #666;
    line-height: 1.8;
    font-size: 15px;
}

.small-posts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.small-post h3 {
    margin: 15px 0 10px;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 500;
}

.small-post p {
    color: #666;
    font-size: 15px;
    line-height: 1.7;
}

.tech-news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.tech-image {
    position: relative;
    overflow: hidden;
}

.tech-image img {
    width: 100% !important;
    height: 220px;
    object-fit: cover;
    display: block;
}
.tech-news-grid .tech-image img {
    width: 100% !important;
    height: 220px;
    object-fit: cover;
    display: block;
}

.tech-post h3 {
    font-size: 22px; 
    margin: 15px 0 10px;
    line-height: 34px;
    font-weight: 700;
        font-family: 'PT Serif', serif;
    
}

.tech-post h3 a {
    color: #222;
    text-decoration: none;
}

.tech-post p {
    color: #666;
    line-height: 1.7;
    font-size: 15px;
}

.post-date {
    font-size: 12px;
    color: #ab2027;
    margin: 12px 0;
}



@media(max-width: 1024px) {

    .latest-news-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .news-section {
        display: flex;
        flex-direction: column;
        gap: 30px;
        max-width: 1400px;
        margin: auto;
    }

    .featured-news {
        width: 100%;
    }
.news-list {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.tech-news-grid .tech-post h3 {
    font-size: 18px !important;
    line-height: 28px !important;
}
    .tech-news-grid .tech-post h3 {
    font-size: 18px;
    line-height: 28px;
}

.tech-post h3 {
    font-size: 18px;
    line-height: 28px;

}
.tech-post h3 a {
    font-size: 18px;
    line-height: 20px;
}


}
@media(max-width: 991px) {

    .news-top-slider {
        padding: 10px 35px;
    }

    .news-top-slider .swiper-slide img {
        width: 80px;
        height: 55px;
    }

    .news-top-slider .swiper-slide h4 {
        font-size: 16px;
    }
   .news-list {
    width: 100%;
    grid-template-columns: 1fr 1fr;
}

    .tech-news-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px !important;
    }
    .lifestyle-news {
        grid-template-columns: 1fr;
    }

    .small-posts {
        grid-template-columns: repeat(2, 1fr);
    }

}



@media(max-width:767px) {
   
    .tech-news-grid {
        grid-template-columns: 1fr !important;
    }
    .tech-news-grid img {
        width: 100% !important;
    }


    .lifestyle-news {
        gap: 40px;
    }

    .small-posts {
        grid-template-columns: 1fr;
    }

    .featured-image img {
        height: 300px;
    }

    .small-image img {
        height: 220px;
    }

    .featured-content h2 {
        font-size: 28px;
    }

    .small-post h3 {
        font-size: 22px;
    }
        .latest-news-grid {
        grid-template-columns: 1fr;
    }

    .featured-news {
        width: 100%;
    }

    .news-list {
        width: 100% !important;
        grid-template-columns: 1fr !important;
    }
.wpr-mailchimp-layout-hr .wpr-mailchimp-fields {
   
    flex-direction: column !important;
    align-items: center !important;
    gap: 17px !important;
}
  .news-top-slider {
        padding: 10px 25px;
    }

    .news-top-slider .swiper-slide {
        gap: 10px;
    }

    .news-top-slider .swiper-slide img {
        width: 70px;
        height: 50px;
    }

    .news-top-slider .swiper-slide h4 {
        font-size: 15px;
    }

    .news-top-slider .swiper-button-next,
    .news-top-slider .swiper-button-prev {
        display: none;
    }

}




/* Responsive */






/* Keep navigation buttons absolute and properly placed */
.news-top-slider .swiper-button-next {
    right: 10px;
}

.news-top-slider .swiper-button-prev {
    left: 10px;
}


/*=========================
  CUSTOM SINGLE POST
==========================*/

.custom-single-post .single-post-wrapper {
    max-width: 1400px;
    margin: 60px auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 50px;
    align-items: start;
}

/* Content */

.custom-single-post .single-content {
    width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}

.custom-single-post .post-meta {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.custom-single-post .post-meta .category {
    background: #c62828;
    color: #fff;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 3px;
}

.custom-single-post .post-meta .date {
    color: #777;
    font-size: 14px;
}

.custom-single-post .single-content h1 {
        font-size: 30px;
        font-weight: 700;
        line-height: 40px;
            font-family: 'PT Serif', serif;
            margin-bottom: 25px;

    }


.custom-single-post .featured-image {
    margin-bottom: 30px;
    border-radius: 4px;
    overflow: hidden;
}

.custom-single-post .featured-image img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    display: block;
}

.custom-single-post .post-content {
    font-size: 17px;
    line-height: 1.9;
    color: #444;
}

.custom-single-post .post-content h2,
.custom-single-post .post-content h3 {
    margin: 35px 0 15px;
}

.custom-single-post .post-content p {
    margin-bottom: 20px;
}

.custom-single-post .post-content img {
    width: 100%;
    height: auto;
    margin: 30px 0;
    border-radius: 4px;
}

/* Sidebar */

.custom-single-post .single-sidebar {
    position: sticky;
    top: 100px;
}

.custom-single-post .sidebar-box {
    background: #f7f7f7;
    padding: 25px;
    margin-bottom: 30px;
}

.custom-single-post .sidebar-box h3 {
    font-size: 20px;
    margin-bottom: 20px;
    border-left: 4px solid #c62828;
    padding-left: 10px;
    text-transform: uppercase;
}

.custom-single-post .related-item {
    display: flex;
    gap: 15px;
    margin-bottom: 18px;
    text-decoration: none;
    color: #222;
}

.custom-single-post .related-item img {
    width: 95px;
    height: 75px;
    object-fit: cover;
    border-radius: 3px;
    flex-shrink: 0;
}

.custom-single-post .related-item h4 {
    font-size: 18px;
    line-height: 28px;
    margin: 5px 0 0;
    font-weight: 700px !important;
    font-family: 'PT Serif', serif;
}

.custom-single-post .related-item:hover h4 {
    color: #c62828;
}

.custom-single-post .sidebar-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-single-post .sidebar-box li {
    padding: 12px 0;
    border-bottom: 1px solid #e5e5e5;
}

.custom-single-post .sidebar-box li:last-child {
    border-bottom: none;
}

.custom-single-post .sidebar-box li a {
    color: #222;
    text-decoration: none;
}

.custom-single-post .sidebar-box li a:hover {
    color: #c62828;
}

.custom-single-post .category a {
    color: #FFF;
}

.single-post-wrapper .news-dot {
    width: 6px;
    height: 6px;
    background: #c62828;
    border-radius: 50%;
    flex-shrink: 0;
}

.single-post-wrapper .news-meta small {
    color: #c42026;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    font-family: Roboto Slab;
}

.single-post-wrapper .mustread p a {
    font-family: PT Serif;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 2%;

    color: #1C1B1B;
    
}

.single-post-wrapper .mustread p{
    margin-bottom: 0px;
}
.single-post-wrapper  .mustread {
    padding: 30px 0px;
    border-bottom: 1px solid #1C1B1B1A;
}


/* Responsive */

@media(max-width:1024px) {

    .custom-single-post .single-post-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .custom-single-post .single-sidebar {   
        position: static;
    }
   

}

@media(max-width:767px) {
.wpr-mailchimp-layout-hr .wpr-mailchimp-fields {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start !important;
    gap: 10px;
}
    .custom-single-post .single-post-wrapper {
        margin: 30px auto;
        padding: 0 15px;
    }

    .custom-single-post .single-content h1 {
        font-size: 30px;
        font-weight: 700;
        line-height: 40px;
            font-family: 'PT Serif', serif;

    }

    .custom-single-post .featured-image img {
        height: 260px;
    }

    .custom-single-post .post-content {
        font-size: 16px;
    }

    .custom-single-post .related-item img {
        width: 80px;
        height: 65px;
    }

}