/*
=================================
BanglaPress News Theme Style
=================================
*/


/*
=================================
Global Reset
=================================
*/

*{

    box-sizing:border-box;

}


body{

    margin:0;

    padding:0;

    font-family:
    Arial,
    "Noto Sans Bengali",
    sans-serif;

}





/*
=================================
Global Container
=================================
*/


.header-container,
.featured-section,
.featured-ad,
.bp-category-section,
.single-post-wrapper,
.archive-wrapper,
.footer-main{

    max-width:1200px;

    width:100%;

    margin-left:auto;

    margin-right:auto;

    padding-left:15px;

    padding-right:15px;

    box-sizing:border-box;

}






/*
=================================
Header
=================================
*/


.news-header{

    background:#E91E63;

    width:100%;

    position:relative;

    z-index:999;

}




.header-container{

    height:65px;

    display:flex;

    align-items:center;

    justify-content:space-between;

}





/*
=================================
Logo
=================================
*/


.news-logo{

    width:200px;

}



.news-logo img{

    max-width:170px;

    height:auto;

    display:block;

}



.news-logo a{

    color:#fff;

    text-decoration:none;

    font-size:28px;

    font-weight:700;

}






/*
=================================
Desktop Menu
=================================
*/


.news-menu{

    flex:1;

}



.main-menu{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:35px;

    list-style:none;

    margin:0;

    padding:0;

}



.main-menu li{

    position:relative;

}



.main-menu li a{

    color:#fff;

    text-decoration:none;

    font-size:17px;

    transition:.3s;

}



.main-menu li a:hover{

    color:#00a878;

}



.main-menu .menu-item-has-children > a:after{

    content:" ▼";

    font-size:10px;

}







/*
=================================
Hamburger
=================================
*/


.hamburger{

    width:35px;

    cursor:pointer;

}



.hamburger span{

    display:block;

    width:32px;

    height:4px;

    background:#fff;

    margin:6px 0;

    border-radius:3px;

}







/*
=================================
Search
=================================
*/


.header-search{

    margin-left:20px;

}



.header-search button{

    background:none;

    border:0;

    color:#fff;

    font-size:28px;

    cursor:pointer;

}



.search-icon{

    color:#fff;

    font-size:28px;

}






.search-form-box{

    display:none;

    position:absolute;

    right:0;

    top:45px;

    width:280px;

    background:#fff;

    padding:10px;

    box-shadow:0 5px 15px rgba(0,0,0,.2);

}



.search-form-box.active{

    display:block;

}



.search-form-box form{

    display:flex;

}



.search-form-box input{

    flex:1;

    padding:8px;

    border:1px solid #ddd;

}



.search-form-box button{

    background:#E91E63;

    color:#fff;

    border:0;

    padding:8px 12px;

}







/*
=================================
Date Bar
=================================
*/


.date-bar{

    width:100%;

    min-height:55px;

    background:#fff;

    border-bottom:1px solid #ddd;

    display:flex;

    align-items:center;

    padding:8px 20px;

    font-size:18px;

    color:#222;

}



.date-info{

    width:100%;

    text-align:center;

    line-height:1.6;

}

/*
=================================
Advertisement
=================================
*/


.featured-ad{

    width:100%;

    margin:25px auto;

    padding:0 15px;

    box-sizing:border-box;

}



.featured-ad a{

    display:block;

    width:100%;

}



.featured-ad img{

    width:100%;

    max-width:1200px;

    height:auto;

    display:block;

    margin:auto;

}







/*
=================================
Featured News
=================================
*/


.featured-section{

    max-width:1200px;

    width:100%;

    margin:30px auto;

    padding:0 15px;

    box-sizing:border-box;

}




.featured-title{

    font-size:28px;

    font-weight:700;

    color:#222;

    border-left:5px solid #E91E63;

    padding-left:12px;

    margin-bottom:20px;

}







/*
=================================
Featured Grid
=================================
*/


.featured-grid{

    display:grid;

    grid-template-columns:1fr 2fr 1fr;

    gap:15px;

    width:100%;

    align-items:stretch;

    box-sizing:border-box;

}






.featured-left,
.featured-right{

    min-width:0;

}






/*
=================================
Side Posts
=================================
*/


.featured-small-post{

    height:300px;

    width:100%;

    position:relative;

    overflow:hidden;

    background:#fff;

}




.featured-small-post a{

    display:block;

    width:100%;

    height:100%;

    text-decoration:none;

}




.featured-small-post img{

    width:100%;

    height:300px;

    object-fit:cover;

    display:block;

}






.featured-small-post h3{

    position:absolute;

    bottom:0;

    left:0;

    right:0;

    margin:0;

    padding:50px 15px 15px;

    color:#fff;

    font-size:17px;

    line-height:1.5;

    font-weight:600;


    background:linear-gradient(

        transparent,

        rgba(0,0,0,.75)

    );

}







/*
=================================
Center Slider
=================================
*/


.featured-slider{

    height:300px;

    width:100%;

    overflow:hidden;

    position:relative;

}




.slider-wrapper{

    display:flex;

    width:100%;

}




.slider-item{

    min-width:100%;

    position:relative;

}




.slider-item img{

    width:100%;

    height:300px;

    object-fit:cover;

}






.slider-caption{

    position:absolute;

    bottom:0;

    left:0;

    right:0;

    padding:50px 20px 20px;

    background:linear-gradient(

        transparent,

        rgba(0,0,0,.75)

    );

}




.slider-caption h2{

    color:#fff;

    font-size:24px;

    margin:0;

}







/*
=================================
Featured Hover
=================================
*/


.featured-small-post img,
.slider-item img{

    transition:.3s;

}



.featured-small-post:hover img,
.slider-item:hover img{

    transform:scale(1.03);

}

/*
=================================
Category News Section
=================================
*/


.bp-category-section{

    max-width:1200px;

    width:100%;

    margin:40px auto;

    padding:0 15px;

    box-sizing:border-box;

}



.bp-category-title{

    font-size:28px;

    font-weight:700;

    background:#06436b;

    color:#fff;

    padding:10px 20px;

    margin-bottom:25px;

}





/*
=================================
Category Advertisement
=================================
*/


.bp-full-ad{

    width:100%;

    margin:25px 0;

    text-align:center;

}



.bp-full-ad img{

    width:100%;

    max-width:1200px;

    height:auto;

    display:block;

}





/*
=================================
Category Posts
=================================
*/


.bp-category-posts{

    display:flex;

    flex-direction:column;

    gap:15px;

}




.bp-category-post{

    width:100%;

    border-bottom:1px solid #ddd;

    padding-bottom:15px;

}



.bp-category-post a{

    display:flex;

    align-items:center;

    gap:20px;

    text-decoration:none;

}





.bp-post-image{

    flex:0 0 150px;

}




.bp-post-image img{

    width:150px;

    height:95px;

    object-fit:cover;

    border-radius:5px;

}





.bp-post-content{

    flex:1;

}





.bp-post-content h3{

    margin:0;

    font-size:22px;

    line-height:1.5;

    color:#222;

    font-weight:700;

}





.bp-post-meta{

    margin-top:8px;

    font-size:14px;

    color:#777;

}





.bp-category-post:hover h3{

    color:#E91E63;

}








/*
=================================
Single Post
=================================
*/


.single-post-wrapper,
.archive-wrapper{

    max-width:1200px;

    width:100%;

    margin:30px auto;

    padding:0 15px;

}



.single-title{

    font-size:36px;

    line-height:1.5;

}



.post-meta{

    color:#777;

    margin:15px 0;

}



.single-thumbnail img{

    width:100%;

    height:auto;

}



.single-content{

    font-size:18px;

    line-height:1.8;

}






/*
=================================
Archive
=================================
*/


.archive-post{

    margin-bottom:30px;

    border-bottom:1px solid #ddd;

    padding-bottom:20px;

}



.archive-post h2{

    font-size:25px;

}



.archive-post img{

    max-width:300px;

    height:auto;

}








/*
=================================
Footer
=================================
*/


.news-footer{

    background:linear-gradient(

        135deg,

        #E91E63,

        #AD1457

    );

    margin-top:50px;

}





.footer-main{

    max-width:1200px;

    width:100%;

    margin:auto;

    display:grid;

    grid-template-columns:30% 45% 25%;

    align-items:center;

    gap:20px;

    padding:35px 15px;

}




.footer-logo img{

    max-width:280px;

    height:auto;

}





.footer-info{

    color:#fff;

    font-size:16px;

    line-height:1.8;

}




.footer-social{

    display:flex;

    justify-content:center;

    gap:15px;

}





.footer-social a{

    width:40px;

    height:40px;

    background:#fff;

    color:#222;

    display:flex;

    justify-content:center;

    align-items:center;

    text-decoration:none;

    font-size:20px;

}







.copyright{

    background:#E91E63;

    color:#fff;

    display:flex;

    justify-content:space-between;

    padding:12px 30px;

    font-size:15px;

}



.copyright span{

    color:#ffd700;

}









/*
=================================
Mobile Responsive
=================================
*/


@media(max-width:768px){



.header-container{

    height:65px;

}




.news-logo img{

    max-width:150px;

}





.news-menu{

    display:none;

    position:absolute;

    top:65px;

    left:0;

    width:100%;

    background:#E91E63;

}




.news-menu.mobile-open{

    display:block;

}




.main-menu{

    flex-direction:column;

    align-items:flex-start;

    gap:0;

    padding:10px 20px;

}



.main-menu li{

    width:100%;

    padding:12px 0;

}





.header-search{

    display:none;

}





.date-bar{

    font-size:15px;

}




/*
Featured Mobile Order

*/


.featured-grid{

    display:flex;

    flex-direction:column;

}



.featured-slider{

    order:1;

}



.featured-left{

    order:2;

}



.featured-right{

    order:3;

}





.slider-item img{

    height:250px;

}




.featured-slider{

    height:250px;

}




.featured-small-post{

    height:250px;

}



.featured-small-post img{

    height:250px;

}




.slider-caption h2{

    font-size:18px;

}





.featured-title{

    font-size:22px;

}






/*
Category Mobile

*/


.bp-post-image{

    flex:0 0 100px;

}



.bp-post-image img{

    width:100px;

    height:75px;

}




.bp-post-content h3{

    font-size:17px;

}





.bp-category-title{

    font-size:22px;

}





/*
Footer Mobile

*/


.footer-main{

    grid-template-columns:1fr;

    text-align:center;

}



.footer-social{

    justify-content:center;

}



.copyright{

    display:block;

    text-align:center;

}



}