/*
Theme Name: Jahidit
Theme URI: https://bdit.com
Author: The Jahid
Author URI: https://panel.bdit.com.bd
Description: NewsMoon brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
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.
*/


  @font-face {
    font-family: 'SolaimanLipiNormal';
    src: url('fonts/solaiman-lipi.eot');
    src: url('fonts/solaiman-lipi.eot') format('embedded-opentype'),
         url('fonts/solaiman-lipi.woff') format('woff'),
         url('fonts/solaiman-lipi.ttf') format('truetype'),
         url('fonts/solaiman-lipi.svg#SolaimanLipiNormal') format('svg');
	
	font-weight:normal;font-style:normal;
}



*{padding:0px; margin:0px}
.clear{ clear:both}
a { text-decoration:none}
body{background:#EBEBEB; font-size:17px; font-family: SolaimanLipiNormal; list-style:none}
.fix{ overflow:hidden}
.stucture{ width:90%; margin:auto}
.header{background:#FFFFFF;}
.logo{ float:left; width:20%; padding:1%}
.sidiul{ background:#000033; margin-top:-108px; z-index:9999; position:relative;}
.sidiul_01{ float:left; width:16%; background:#FF0000; color:#FFFFFF; padding:1%}
.sidiul_02{ float:left; width:80%; padding:1%; color:#FFFFFF}
.sidiul_02 a{ color:#FFFFFF}
.sidiul_02 a:hover{ color:#FF0000}
.live{ float:left; width:100%; margin-bottom:10px;}
.content{ margin:10px 0px;}
.logo{ margin:61px -55px -268px 27px; z-index:999999; width:130px}
.logo_area{z-index:999999; position:relative}
.main_content{}
.left_content{ float:left; width:80%; margin-right:1%}

.video{ margin:5px 0px}
.video_01{float:left; width:21.5%; background:#FFFFFF; padding:5px; border:1px solid #D9D8D8; height:180px; margin:0px 1%; border-radius:5px;}
.video_02{float:left; width:21.5%; background:#FFFFFF;  padding:5px; border:1px solid #D9D8D8; height:180px; margin:0px 1%; border-radius:5px;}
.video_03{float:left; width:21.5%; background:#FFFFFF;  padding:5px; border:1px solid #D9D8D8; height:180px; margin:0px 1%; border-radius:5px;}
.video_04{float:left; width:21.5%; background:#FFFFFF; padding:5px; border:1px solid #D9D8D8; height:180px; margin:0px 1%; border-radius:5px;}



.right_sidebar{ float:right; width:19%; background:#FFFFFF}
.footer{ background:#0099CC; margin-top:10px; color:#FFFFFF; padding:10px; text-align:center}
.footer_logo{ float:left; width:15%; padding:20px;  }
.footer_logo img{ border:1px solid #FFFFFF}
.editor{ float:left; width:34%; border-left:1px solid #FFFFFF; border-right:1px solid #CCCCCC; padding:10px 20px 20px 20px; margin-top:10px} 
.address{ float:left; width:34%; padding:20px;  }

.footer_menu{text-align:center; padding:5px 5px; background:#666666}
.footer_menu a{ text-decoration:none; color:#FFFFFF}
.footer_menu a:hover{ text-decoration:none; color:#FF0000}
.desing{ text-align:center; padding:5px; background:#333333; color:#FFFFFF; margin-bottom:14px;}
.desing a{ color:#FFFF00; text-decoration:none; font-weight:bold}
.desing a:hover{ color:#FFFFFF; }
.{}
.{}
.smain_content{ margin:10px 0px;}
.left_scontent{ float:left; width:80%; margin-right:1%;}
.right_ssidebar{ float:right; width:19%;}


.ads{margin:0px 10px;}

.category_title{ background:#CCCCCC; border-bottom:2px solid #FF0000; border-left:5px solid #FF0000; padding:5px; margin:0px 1px;}
.category_title span{ float:right}
.category_title span a{ color:#990000}
.category_title span a:hover{ color:#FFFFFF}
.sidecata_title{ border-bottom:2px solid #990000; margin-bottom:10px; }
.sidecata_title span{ background:#990000; padding:5px 5px 0px 5px; border-bottom:2px solid #990000; color:#FFFFFF}
.sidecata_title span a{ color:#FFFFFF}





/*Last Title*/
.title-loop{ font-size:16px; line-height:18px; padding:5px; border-top:1px solid #EBEBEB; color:#FF0000; font-weight:300}
.title-loop a{ color:#000000}
.title-loop a:hover{ color:#FF0000}


/*Video Loop*/
.video_title_loop{ font-size:15px; line-height:20px; padding:5px;}
.video_title_loop a{ color:#000000; text-decoration:none; font-weight:300}
.video_title_loop a:hover{ color:#FF0000}
.video_pic{ width:99%; height:auto; border:1px solid #666666; border-radius:5px;}
.icon{ margin-top:-27%; margin-bottom:15%}
.play { width:40px; height:40px;
left:40%;
margin-top:-50%;
z-index:99999;
position:relative;
background:#FFFFFF;
border-radius:40px;
opacity: 0.5;
}
.play:hover{background:#FFFFFF; opacity: 0.9;}



/*Live */
.live_title{ background:#FFFFFF; padding:10px; color:#000099; position:relative; z-index:99999; font-size:18px}
.live_title a{ color:#000099}
.live_title a:hover{ color:#FF0000}
.live_content{ margin-top:-35px}
.live_content iframe{ width:100%; height:700px}



/*Single Last News*/
.right_ssidebar h3{ font-size:16px; line-height:20px; padding:5px 3px; border-bottom:1px solid #666666;}
.right_ssidebar h3 a{ color:#333333}
.right_ssidebar h3 a:hover{ color:#FF0000}
.single_post{}
.single_title{ font-size:24px; line-height:26px; border-bottom:1px solid #666666; margin-bottom:5px; padding:10px}
.single_title a{ color:#000066}
.single_title a:hover{ color:#FF0000}
.post_content{ text-align:justify; padding:10px}
.post_content iframe{ width:100%; height:500px}
.post_content img{ float:left; margin-right:5px}
.post_content li a{color:#FF0000}
.post_content li a:hover{color:#000000}
.post_info{ color:#003366; font-size:16px; text-align:right; margin-bottom:5px; padding:4px}
.post_info a{ color:#003366; text-decoration:none}



/*Archive*/
.archive_details{float:left; width:21.50%; background:#FFFFFF; margin:5px 1%; padding:5px; border:1px solid #A1A1A2; height:200px}
.archive_title{ font-size:16px; line-height:20px; padding:5px;}
.archive_title a{color:#000000; text-decoration:none; font-weight:300}
.archive_title a:hover{ color:#FF0000}
.{}
.{}
.{}


.nav-previous{float:right; width:200px;margin-top:20px; text-align:right; padding:5px}
.nav-previous a{font-size:18px;color:#CC0000 }
.nav-previous a:hover{color:#0E4E01}
.nav-next{ float:left; width:200px; margin-top:20px;  padding:5px}
.nav-next a{font-size:18px; color:#CC0000 }
.nav-next a:hover{color:#0E4E01}



/*Widget Title=========*/
.widget_title{ margin:2px 0px 5px 0px; font-size:15px}
.widget_title li{margin:2px 0px 5px 0px;}
.widget_title a{color: #000000;}
.widget_title a:hover{color: #FF0505;}
.widget_title h3{   padding:5px 10px; text-align:center; margin-bottom:3px; color:#000000; border-radius: 5px;  border-bottom:2px solid #CE0114; border-top:2px solid #CE0114; font-size:15px}
.widget_title h3 a{background:#FFFFFF;}
.readmore a{color:#E30202}


.scrool2{margin-top:30px; background:#000000; position: fixed; bottom: 0px; left: 0px; width: 100% !important;
z-index: 9999999; color:#FF0000;  }
.scrool_012{ float:left; width:15%; padding:5px; background:#FF0000; color:#FFFFFF; font-size:18px}
.scrool_022{ float:right; width:75%; padding:5px}
.scrool_022 a{ color:#FFFFFF; font-size:18px}
.scrool_022 a:hover{ color:#CCFF00; font-size:18px}

/* ভিডিওর রেসপন্সিভনেস এবং অটো-ফিট */
.video_container_dynamic {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
    overflow: hidden;
    width: 100%;
}

.video_container_dynamic iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* আপনার লোগো এরিয়া যদি ফিক্সড থাকে তবে সেটি নিশ্চিত করুন */
.logo_area {
    width: auto;
    height: auto;
}

.logo_area img.logo {
    max-width: 120px; /* আপনার প্রয়োজন মতো কমিয়ে বাড়িয়ে নিন */
    height: auto;
}

/* নিউজ টিকার ফিক্স */
.sidiul_02 marquee a {
    text-decoration: none;
    margin-right: 20px;
    font-weight: bold;
}

/* ফুটার কন্টেইনার */
.site-footer-wrap {
    padding: 20px 0;
    border-top: 1px solid #e2e2e2;
    overflow: hidden;
}

/* মেনু বাটন স্টাইল */
.footer_top_menu { text-align: center; margin-bottom: 25px; }
.footer_nav_list { list-style: none; padding: 0; margin: 0; }
.footer_nav_list li { display: inline-block; margin: 0 4px; }
.footer_nav_list li a { 
    text-decoration: none; 
    color: #333; 
    border: 1px solid #ccc; 
    padding: 6px 15px; 
    background: #fff; 
    font-size: 14px; 
}

/* ৩ কলাম লেআউট */
.footer_main_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 15px;
}
.footer_column { flex: 1; padding: 10px 20px; font-size: 15px; line-height: 1.6; }

.col_center { 
    text-align: center; 
    border-left: 1px solid #ddd; 
    border-right: 1px solid #ddd; 
}
.editor_text { font-weight: bold; margin-bottom: 5px; font-size: 17px; }
.col_right { padding-left: 40px; }

/* নিউজ স্ক্রল */
.scrool2 { background: #f0f0f0; border-top: 2px solid #ddd; display: flex; align-items: center; height: 35px; }
.scrool_012 { background: #e0e0e0; padding: 0 1px; font-weight: bold; height: 100%; display: flex; align-items: center; }
.scrool_022 { flex-grow: 1; }
.scrool_022 a { color: #222; text-decoration: none; font-weight: 500; }

/* মোবাইল রেসপন্সিভ */
@media (max-width: 768px) {
    .footer_main_content { flex-direction: column; text-align: center; }
    .col_center { border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 15px 0; }
    .col_right { padding-left: 20px; }
}