/*=======================================
  Header Area Style
========================================*/
.header_area{}
.header-top{
  background-color: var(--primary)
}
.date{}
.social-icon ul{
  list-style: none;
  margin:0;
  padding:0;
  display: block;
}
.social-icon ul li{
  float:right; 
  margin-left:20px;
}
.social-icon ul li a{
  font-weight: normal;
  font-style: normal;
  color:#fff
}
.social-icon ul li a:hover{
  color: #C0C0C0
}
.logo-desktop{
  
 }
 .logo-mobile{
   max-width:100px
 }


/* Bootstrap-5 Navigation Menu Start */
.main-menu{
  background-color: var(--primary);
}
.main-menu ul li a{
  color: #fff;
  font-size: 18px;
}
.main-menu ul li a:hover {
  background:none;
  color: #C0C0C0
}
.main-menu .navbar-nav .nav-link.active{
  color: #fff
} 
.main-menu .nav-link{
    margin: 0;
    padding: 5px 12px 5px 0px !important;
}
.main-menu .dropdown-menu{
  background: var(--secondary);
  border-radius: 0!important;
  border-top:7px solid var(--primary)!important;
  border: none;
  padding:0;
}
.main-menu .dropdown-item{
  font-size:15px!important;
}
.main-menu .dropdown-item.active{
  background: var(--secondary);
}
.main-menu .menu-item li:not(:last-child) {
  border-bottom:1px solid #fff!important
}
nav.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  justify-content: space-between;
  transition: 0.8s;
  z-index: 10000;
}

/* Bootstrap-5 Dropdown Menu Show on hover */
.navbar .nav-item .dropdown-menu{ display: none; }
.navbar .nav-item:hover .nav-link{   }
.navbar .nav-item:hover .dropdown-menu{ display: block; }
.navbar .nav-item .dropdown-menu{ margin-top:0; }


/*===========================================
  Lead News Styling
===========================================*/
.single-block {
  background: #fff;
}
.latest-news{
  border-right: 2px solid;
  border-color: var(--primary);
}
.single-block-title{
  padding: 5px 10px;
}
.single-block-thumb {
  overflow:hidden
}
.single-block-thumb img {
  transition: 0.7s;
}
.single-block-thumb img:hover {
  transform: scale(1.1);
}
.one-line-heading{ 
  overflow:hidden!important;
  width:100%!important; 
  display: -webkit-box!important; 
  -webkit-line-clamp: 1!important;
  -webkit-box-orient: vertical!important
}
.two-line-heading {
  overflow:hidden!important;
  width:100%!important; 
  display: -webkit-box!important; 
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical!important
}
.three-line-heading {
  overflow:hidden!important;
  width:100%!important; 
  display: -webkit-box!important; 
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical!important
}


/*===========================================
  Text Flash Styling
===========================================*/
.text-flash {
    animation: flash 1s infinite;
}
.text-flash a{color: red;}

@keyframes flash {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}



/*===========================================
  Homepage Heading Styling
===========================================*/
#heading{
  background-color: #fff;
  overflow:hidden;
  margin-bottom: 10px;
  border-bottom:1px solid var(--primary);;
}
.heading-titile{
  position: relative;
  display: inline-block;
  color: #fff;
  background: var(--primary);
  margin: 0;
  margin-bottom: 0px;
  padding: 7px 10px;
  float:left
}
.heading-titile a{
  color: #fff!important;
}
.heading-titile a:hover{
  color: #fff!important;
}
.heading-titile ::after{
  left: 100%;
  height: 0;
  color: #fff;
  width: 7px;
  position: absolute;
  top: 0;
  content: " ";
  pointer-events: none;
  margin-left: 0;
  margin-top: 0;
  font-family: SolaimanLipi;
  border-top: 35px solid var(--primary);
  border-right: 15px solid transparent;
}
.heading-more{
  padding: 6px 8px 0px 0;
  margin: 0;
  float:right
}

/*===========================================
  Homepage Block Section Styling
===========================================*/
.cat-big{
  position:absolute;
  bottom:0;
  right:0; 
  left:0;
  text-align:center;
  background-image: linear-gradient(rgba(0,0,0,0) 5%,rgba(0,0,0,.7) 70%); 
  padding-top:20px
}
.cat-big a{
  color:#fff;
  transition: 0.7s;
}


/*=======================================
  Details Post Styling
========================================*/
.details-post{
  background-color:#fff;
  padding:10px 15px;
}
.details-post-title h1{
  font-size:28px!important
}
.details-post-meta{
  border-bottom:1px solid #dedede;
  padding:10px 0;
  margin-bottom:10px;
  overflow: hidden;
}
.details-post-meta ul{
  list-style: none;
  margin:0;
  padding:0;
  display: block;
}
.details-post-meta ul li{
  float:left; 
  margin-right:10px;
}
.details-post-meta ul li i{
  font-weight: normal;
  font-style: normal;
}
.details-post-focus-text p{
  margin-bottom:0;
  padding:10px;
  font-size:17px;
  background: #F4F4F4;
  text-align:justify
}
.details-post-content p{
  text-align:justify
}

/* Video Responsive */
.details-post-content iframe,
.details-post-content object,
.details-post-content embed,
.details-post-content video,
.details-post-content .youtube,
.details-post-content .vimeo{
  width: 100%!important;
  height: 422px!important;
}

/*===========================================
  Archive/Category Page Styling
===========================================*/
.archive_title, .search_title {
  background: var(--primary);
  padding: 10px 15px;
  margin-bottom: 8px;
}
.archive_title h2, .search_title h2 {
  color: #fff;
  margin-bottom: 0;
}


/*=======================================
  Lates Popular Post
========================================*/
.lp-tab .nav-tabs{
  border:none;
  margin-bottom:10px;
  margin-top: -1px;
}
.lp-tab .nav-item{
  width:50%;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
}
.lp-tab .nav-tabs .nav-link{
  border:none;
  border-radius:0;
  background:var(--secondary);
  color:#fff;
  padding:8px;
}

.lp-tab .nav-tabs .nav-link:hover{
  border:none;
  border-radius:0
}
.lp-tab .nav-tabs .nav-link.active{
  border-radius: 0;
  background:var(--primary);
  color: #fff;
  padding:8px;
}



/*===========================================
  Advertisement Styling
===========================================*/
.home-ad{margin-bottom:10px;}
.home-ad img{margin:0 auto!important;width: 100%; display: flex;border:1px solid #dedede;}
.cat-ad img, .single-ad img {margin:0 0 15px 0!important}


/*===========================================
  Pagination Area Styling
===========================================*/
.page_nav {
  text-align: center;
}
.page_nav p.pages {
background: var(--primary);
color: #fff;
padding: 5px 10px;
display: inline-block;
margin-right: 10px;
}
.page_nav p.pages span {
display: inline-block;
padding: 0 5px;
}
.page_nav .page-numbers {
background: var(--primary);
color: #fff;
display: inline-block;
text-decoration: none;
padding: 5px 10px;
margin: 3px;
transition: 0.5s;
}
.page_nav .page-numbers.current,
.page_nav .page-numbers:hover {
background: #262626;
}

/*===========================================
  Footer Area Styling
===========================================*/
.footer-top{
  padding: 20px 0px;
  border-top:2px solid #dedede
}
.footer-logo img{
  max-width: 200px!important;
}
.editor-publisher{}
.footer{
  background:var(--primary);
  padding:35px 0 20px 0px;
  text-align: center;
  color: #fff;
}
.footer a{
  color: #fff;
}
.footer-menu ul {
  list-style: none;
  padding: 0;
  margin:0;
}
.footer-menu ul li {
  display: inline-block;
  position: relative;
}
.footer-menu ul li a {
  padding:3px 10px;
  margin:5px;
  display: block;
  text-decoration: none;
  font-size: 18px;
  border: 1px solid #dedede;
}
.footer-menu ul li a:hover {
  color: #C0C0C0
}
.footer-address{
    margin-top:15px;
}
.copyright {
  background: var(--secondary);
  padding: 10px 0;
  color: #fff;
  text-align: center;
}
.copyright span {
  margin: 0;
  color: #fff;
  font-size: 15px;
}
.copyright a {
  color: #fff;
  text-decoration: none;
}
.copyright a:hover {
  text-decoration: underline;
}