@font-face {
  font-family: 'SolaimanLipi';
  src: url('https://www.ekotarkantho.com/themes/fonts/web/SolaimanLipi.woff') format('woff'),
       url('https://www.ekotarkantho.com/themes/fonts/web/SolaimanLipi.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


body {	
   font-family: 'SolaimanLipi', Arial, sans-serif !important;
   background-color:#f2f4f6;
   position: relative;
   display: block;
   height: 1000px;
   overflow-y: scroll;
}


.fb-page, .fb-page iframe[style], .fb-page span {
    width: 100% !important;
}


.full_website{
	background:#f2f4f6;
}

/**=================================
           Scroll Layout start   
==================================**/

.scrool_01{
	background:#006a4e;
	color:#ffffff;
	font-size: 17px;
    padding-top: 7px;
}

.scrool_02{
  padding-top: 7px;
  color:black;
  font-size: 17px;
  background:#ffffff;
}
.scrool_02 a{
    color:#000;
}

/**=================================
           Category Layout start   
==================================**/

.widget_area{ margin:5px 0px 5px 0px;}
.widget_area li{margin:2px 0px 5px 0px;}
.widget_area a{color: #000000;}
.widget_area a:hover{color: #FF0505;}
.widget_area h3{
	font-size: 20px;
	color: #373737;
	background:#fdfdfe;
	border-left:4px solid#006a4e;
	font-weight:400;
	padding:7px 10px ;
	margin-bottom:5px;
}

.LeadTitlebar3 h2 {
    background: url(https://www.ekotarkantho.com/media/2022/03/dot.png);
    width: 100%;
    position: relative;
    border-bottom: 2px solid #939297;
    line-height: 100%;
    margin: 0 0 15px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .3px;
}

.LeadTitlebar3 h2 span {
    background: #006a4e;
    padding: 7px 18px;
    color: #fff;
    height: 30px;
    line-height: 39px;
    position: relative;
    border-bottom: 2px solid#939297;
}

.LeadTitlebar3 h2 span::after {
    border-color: #939297 rgba(0,0,0,0) rgba(0,0,0,0)rgba(0,0,0,0);
    position: absolute;
    content: " ";
    width: auto;
    height: auto;
    bottom: -20px;
    margin-left: -10px;
    left: 50%;
    border-width: 10px;
    border-style: solid;
}




/**=================================
           Font Layout start   
==================================**/

.hadding_01{
	color:#373737;
	font-size:18px;
	line-height:28px;
	font-weight:400;
	
}
.hadding_01 a{
	color:#da291c;
	text-decoration:none;
	
}
.hadding_01 a:hover{
	color:#E80313;
}

.hadding_02{
	font-size:22px;
	font-weight:700;
	line-height:30px;
	color:#373737;
	text-decoration:none;
	
}
.hadding_02 a{
	font-size:22px;
	font-weight:700;
	line-height:30px;
	color:#373737;
	text-decoration:none;
}
.hadding_02 a:hover{
	color:#E80313;
}

.hadding_03{
	font-size:17px;
	font-weight:400;
	line-height:27px;
	color:#373737;
	text-decoration:none;
}

.hadding_03 a{
	font-size:17px;
	line-height:27px;
	font-weight:400;
	color:#373737;
	text-decoration:none;
}
.hadding_03 a:hover{
	color:#E80313;
}

.slide_con {
  position: relative;
}
.text-block {
  position: absolute;
  bottom: 0;
  width:100%;
  z-index: 99;
  padding:5px;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
  transition: .5s ease;
}
.text_block_a{
	font-size:17px;
	line-height:27px;
	font-weight:400;
	color:#fff;
	text-decoration:none;
}
.text_block_a:hover{
	color:#fff;
}
.slide_con:hover .text-block {
  opacity: 1;
}

.hadding_04{

	color:#373737;
	font-size:28px;
	line-height:40px;
	font-weight:700;
	text-decoration:none;
	
}

.hadding_05{
	font-size:17px;
	line-height:27px;
	font-weight:400;
	color:#373737;
	text-decoration:none;
}
.hadding_05 a{
	font-size:17px;
	line-height:27px;
	font-weight:400;
	color:#373737;
	text-decoration:none;
}
.hadding_05 a:hover{
	color:#E80313;
}

.aiovg{
	font-size:17px;
	line-height:27px;
	font-weight:400;
	color:#373737;
	text-decoration:none;
}
.aiovg a{
    font-size:17px;
	line-height:27px;
	font-weight:400;
	color:#373737;
	text-decoration:none; 
}
.aiovg a:hover{
	color:#E80313;
}


/**=================================
           Shadow Layout start   
==================================**/

.image-title , .leadnews, .small-img{
   border-bottom:1px solid #e7e7e7;
}
.icon_cat{
   border-bottom:1px solid #e7e7e7;
   border-bottom-style: dashed; 
}

/**=================================
           Card & footer Layout start   
==================================**/

.read_more {
    background:#fdfdfe; 
}

.image-title{
  background:#fdfdfe;
}

.icon_cat{
  background:#fdfdfe;
}

.captionn {
    background: #fdfdfe;
}

.leadnews{
 background: #fdfdfe;
 padding:2px;
}
.stroke{
    border-top: 1px solid #eee;
    color:#868686;
    background:#fdfdfe;
    padding:5px;
}
.stroke a{
    color:#868686;
}


/**=================================
           Trending Layout start   
==================================**/
.TopHitTags a{
	font-size:14px;
	color:#373737;
	text-decoration:none;
}
.TopHitTags {
    white-space: nowrap;
    text-align: center;
    overflow-x: auto;
    background:#fdfdfe;
    margin-bottom:10px;
}
.RelatedTags {
    padding: 5px 10px 0px 10px;
}
.list-inline {
    padding-left: 0;
    list-style: none;
}
.RelatedTags .list-inline-item {
    padding: 3px 10px;
    border: 1px solid #da291c;
    background:#fff;
    border-radius: 5px;
}
.list-inline-item:hover {
    background:#f1f1f1;
}
.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}
.list-inline-item {
    display: inline-block;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}



/**=================================
           Prayer Layout start   
==================================**/
.muslim_prayer_time ul {list-style-type: none !important;margin: 0 !important;padding: 0 !important}
.muslim_prayer_time ul li.time_table {background:#006747;border: 1px solid #f5e2ab;line-height: 15px;position: relative;color: #fff;font-size:12px;padding: 5px; 5px !important;list-style-type: none;margin: 1px 0 0 0 !important}
.muslim_prayer_time ul li.time_table:before {content: "" !important;}

/**=================================
           tab  start   
==================================**/
.news-titletab{
    overflow: scroll;
    max-height: 415px;
    overflow-x: hidden;
    background-color: #fff;
}
.news-pagetab{
    overflow: scroll;
    max-height: 485px;
    overflow-x: hidden;
    background-color: #fff;
}

.tab-header{background:#fff;margin-bottom: 10px;}
.tab-header .nav-tabs{border:none;}
.tab-header .nav-tabs {color: #000;}
.tab-header .nav-tabs > li > a{ border: none;background:#deebed;color:#000;border-radius: 0;padding:5px 15px;text-decoration: none;font-size: 20px;}
.tab-header .nav-tabs > li.active > a, .tab-header .nav-tabs > li.active > a:focus, .tab-header .nav-tabs > li.active > a:hover{border: none;border-top: 2px solid#006a4e ;background:#fff;color:#000;font-size: 20px;}
.tab-header .tab-content{}
.tab-header .tab-content ul.media-list{max-height:282px;overflow-y:auto;padding-left: 30px;}
.tab-header .tab-content ul.media-list .media{border-bottom:1px dotted gray;margin:0;padding:10px 0;position: relative;overflow:visible;}
.tab-header .tab-content ul.media-list .media .media-left{padding-right: 0;}
.tab-header .tab-content ul.media-list .media .media-left a{padding-right: 0;position:relative;}
.nav-tabs>li>a {margin-right: 0px;}
.header-footer,.header-footer a{background: #006a4e;padding: 5px;font-size:18px;color: #fff;text-decoration:none;border:none; }

/**=================================
           pagerview start   
==================================**/

.pager li>a, .pager li>span {
    border-radius: 2px;
    border: 1px solid #006a4e;
    margin: 5px;
    color: #006a4e;
}

.pager li>a:focus, .pager li>a:hover {
    text-decoration: none;
    background-color: #deebed;
}

.pager span.active {
    text-decoration: none;
    background-color: #006a4e;
    border: 1px solid #fff;
    color:#fff;
    
}


/**=================================
           Footer Layout start   
==================================**/

.footer{
	background:#fdfdfe;
	padding:30px;
	border-bottom:2px solid#fff;
	margin-top:20px;
}

.root{
	background:#373737;
	padding:10px;
}
.root_01{
	color:#ffffff;	
}
.root_02{
	float:right;
}	
.scrollToTop{
    width:40px; 
    height:40px;
    padding:10px;  
    background: transparent;
    position:fixed;
    right:15px;
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    bottom:50px;
    transition: .5s ease;
    border-radius: 50%;
    z-index: 999;
    border: 2px solid #006a4e;
}
.scrollToTop i.fa {
    font-size: 35px;
    color: #006a4e;
    font-weight: 400;
    top: -2px;
    display: block;
    position: absolute;
    right: 7px;
}

/**=================================
           Menu Layout start   
==================================**/

.caret {
    left: 90%;
    top: 45%;
    position: absolute;
}
.navbar-inverse {
    background-color: #ffffff;
    border-color: #ffffff;
}
.navbar-inverse .navbar-nav>li>a, .nav_date {
    color: #373737;
    font-size:18px;
    font-weight: 400;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border:none;
    margin-top:5px;
}
.dropdown-menu > li>a{
    display: block;
    padding: 5px 20px;
    clear: both;
    font-size: 18px;
    border-bottom: 1px solid #f1f1f1;
    font-weight: 400;
    color: #373737;
    white-space: nowrap;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #373737;
    text-decoration: none;
    background-color: #f1f1f1;
}

.caret {
    display:none;
}


/**=================================
           Desktop Layout start   
==================================**/


@media only screen and (min-width: 768px) {
    
    .navbar-nav {
    float: left;
    margin: 10px;
    padding-left:60px;
    }
    
    .navbar-nav>li>a {
        line-height: 10px;
    }
  
    .nav>li>a {
         padding: 10px 13.5px;
    }
    
  .dropdown:hover .dropdown-menu {
    display: block;
  }
    
    
    .flex-container > .title {
      width: 10%;
      text-align: center;
    }
    .flex-container > .news {
      width: 90%;
      text-align: center;
    }
    
    .navbar {
    margin-bottom: 3px;
    }
    
    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
        color: #da291c;
        background-color: #ffffff;
    }
    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
        color: #da291c;
        background-color: #ffffff;
    }
    .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
        color: #da291c;
    }
    
    .social_margin{
        margin-top:25px;
        display: inline-block;
        float: right;
    }
    
}

/**=================================
           Mobile Layout start   
==================================**/

@media only screen and (max-width: 768px) {
    
    .full_website{
    	padding-top:70px;
    }
    
    .mobile_top_show{
         margin-top:20px;
    }
    
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #373737;
        }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
            color: #373737;
            background-color: #f1f1f1;
        }
    
     .side-collapse-container{
              width:100%;
              position:relative;
              left:0;
              transition:left .4s;
          }
          .side-collapse {
              top:65px;
              bottom:0;
              left:0;
              width:280px;
              position:fixed;
              overflow:scroll;
              transition:width .4s;
              /*box-shadow: 0 -4px 5px -5px #000;*/
          }
          .side-collapse.in {
              width:0;
          }
    
        .navbar {
        margin-bottom: 0px;
        }
        .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
            color: #fff;
            background-color: #da291c;
        }
        .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
            color: #fff;
            background-color: #da291c;
        }
        .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
            color: #fff;
            background-color: #da291c;
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background-color: #da291c;
        }
        
        .flex-container > .title {
          width: 30%;
          text-align: center;
        }
        .flex-container > .news {
          width: 70%;
          text-align: center;
        }
        
        .navbar-nav .open .dropdown-menu>li>a {
        line-height: 30px;
        }
        
        .navbar-nav>li>a{
        border-bottom: 1px solid #f1f1f1;
        }
    
       #bs-example-navbar-collapse-1 {
          min-height:450px;
       }
       
       #nav .navbar-default .navbar-nav > li > a {
       border-bottom: 1px solid #fff;
        }
        
        .lead-news-left {
        width: 100%;
        }
        .lead-news-right {
            width: 100%;
        }
    
        .social_margin{
         margin-bottom:20px;
        }
        
        .drop-shadow {
            box-shadow: 0 5px 5px -5px #000;
        }
        .mobile-fixed-top {padding-right:0;padding-left:0}
        .mobile-fixed-top{position:fixed;right:0;left:0;z-index:1030}
        .mobile-fixed-top{top:0;border-width:0 0 1px}

}