@import url("https://fonts.googleapis.com/css?family=Mukta:200,300,400,500,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Khand:200,300,400,500,600,700,800");

body{
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-size: 20px;
    line-height: 140%;
    color: rgba(0,0,0,.6);
    font-family: mukta,sans-serif; 
    position: relative;  
}


.brand-logo {
  margin: 5px 15px 0 0; 
  height: 85px;
  width: 80px;
}

h1, h2,h3,h4,h5,h6{color: #206dc3; font-family: "Khand",sans-serif; }
ul,ol{list-style: none; margin:0;padding:0;}

.site-title{font-size: 60px;}

a{outline: none;text-decoration: none;}
a:hover{outline: none;text-decoration: none; color: #d5000d;}


.nepali-date-converter{ text-align: center; margin: 5px 0 20px 0 }

.breadcrumb { 
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    padding: 8px 0;
    margin-bottom: 3px; 
    background-color: #FFF;

}
.breadcrumb a {
    color: #206dc3;
    text-decoration: none;
}


.breadcrumb a:hover {
    color: #d5000d;
    text-decoration: none;
}


.hide_desktop{display: none;}


.fa-colors-grid{color: #FFF; padding:10px;}

.navbar-nav{ height: 50px; font-family: "Khand",sans-serif; font-weight:500;}
.navbar-nav li{height: 50px;}
.navbar-nav li a{height: 50px; padding:10px 12px; margin:0 ; font-size: 26px;  display: block; color:#FFF; }
.navbar-nav li.dropdown a{color:#FFFFFF;}

.navbar-nav li a.dropdown-toggle:hover{ color:#FFF;}

.navbar-nav li a:hover{background-color: #0e3a8b;}

.navbar-nav li.current-category-parent a.dropdown-toggle{ color:#FFFFFF; background-color: #dc3545; }

.navbar-nav li.active a{color:#FFFFFF; background-color: #206dc3;}

.dropdown-menu li a{padding:10px 0 0 15px;}

.navbar-nav li.current-category-parent ul.dropdown-menu li.active{ background-color: #FF9900; }
.navbar-nav li.current-category-parent ul.dropdown-menu li.active a{ background-color: #0e3a8b; }


.social-icons{float: right;list-style: none; margin: 0; padding: 0;}
.social-icons li{margin:5px 8px;float: left;}
.social-icons li a{display: block; color: #FFFFFF;}
.social-icons li a:hover{color: #206dc3;}


.page-header{width: 100%; border-bottom: 1px solid #dfdfdf;margin-top: 15px;}

h1.page-title{margin: 0; padding:0 0 10px 0; color: #206dc3;}

.search-form{ margin:0 0 20px 0; }


.post-container img{ width: 100%; height: auto; }
.post-right-section{}

.thumbnail-image{ height: 250px; }
.thumbnail-image img{ width: 100%; height: 100%; object-fit: cover; }

.entry-content p{text-align: justify;}


.news_description{width: 100%; text-align: center; }

.news_description img{ width: 100%; height: auto; margin-bottom: 15px;}

.news_description p{ width: 80%; text-align:justify; text-align: center; margin:0 auto;}



.news-image-wrapper{   }

.news-image-wrapper a img{ width: 100%; height: auto;margin-bottom: 10px;}


.thumb_img img{width: 100%; height: auto; object-fit: cover;}


.samachar-section{ 
    clear: both;
    overflow: hidden;
    border-bottom: 3px solid #a1c9f5;
    margin: 20px 0 20px 0;
    background-color: #fcfcfc;
    padding: 12px 15px 0 20px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.samachar-section-bg{
    background-color: #206dc3;
    border-bottom: 3px solid #06468f;
}


background-color

.samachar-section-bg h2.news-title{ color: #FFFFFF; }
._sahitya{ color:#FFFFFF; }
.samachar-section h2.news-title{float: left; left: 0; }
.samachar-section div.news-more{float:right; right: 0}

.news-more i.fa-ellipsis-v{font-size: 0.7em;}

.news-btn{ 
    float: right;
    border-radius: 8px; 
    border: none;
    color: #434b53;
    text-align: center;
    font-size: 18px;
    padding: 5px 0 5px 15px;
    width: auto;
    transition: all 0.5s;
    cursor: pointer;
    margin: 0 5px 5px 5px;
}

.news-btn:hover{ }


.news-btn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.news-btn span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: -20px;
    right: 0px;
    transition: 0.5s;
} 

.news-btn:hover span {
  padding-right: 15px;
}

.news-btn:hover span:after {
  opacity: 1;
  right: 0;
}

.custom-grids{ 
    margin-bottom: 25px; 
    height: 370px;  
    padding:15px; 
    /*box-shadow: 0 4px 4px 0 rgb(0 0 0 / 3%), 0 0px 5px 0 rgb(0 0 0 / 11%);*/
    box-shadow: rgb(0 0 0 / 10%) 0 0 16px;
}



.custom-grids:hover{box-shadow: rgb(26 100 149 / 10%) 0 0 16px;}

.grids-image{height: 250px; margin-bottom: 15px;}
.grids-image a img{width: 100%; height: 100%; object-fit: cover; margin-bottom: 10px;}

.lsit-image { margin-bottom: 15px; }
.lsit-image img{ width: 100%; height: 100%; margin-bottom: 15px; }
.lists-wrapper{ margin-bottom: 15px; box-shadow: rgb(0 0 0 / 10%) 0 0 16px; padding:18px; }

.lists-wrapper:hover{box-shadow: rgb(26 100 149 / 10%) 0 0 16px;}

.lists-left-container{ /*margin-bottom: 15px;*/ }

.full-width-thumbnail .grids-image { height: auto; }

.full-width-thumbnail .custom-grids{height: auto;}

.lists-left-container .lsit-image{ height: 200px; }

.lists-left-container .lsit-image a img{height: 100%; width: 100%; object-fit: cover;}

ul.news-li-lists{clear: both;  padding:20px; border: 1px solid #efefef; border-radius: 5px; box-shadow: rgb(0 0 0 / 8%) 0 0 10px;} 

ul.news-li-lists:hover{box-shadow: rgb(44 22 136 / 10%) 0 0 16px;} 


ul.news-li-lists li.list-title-only{ margin: 0 0 8px 0; padding:0 0 8px 0; border-bottom: 1px solid #dfdfdf } 


.post-right-section .news-li-lists-overwrite{ border-top-right-radius: 0; border-top-left-radius: 0 }

/**
* Boostrap Navbar Affix
*/
.affix {
    top:0;
    width: 100%;
    position: fixed;
    z-index: 9999 !important; 
    background-color: #333; 
    transition: all 0.3s ease-out;
    }

 }

.affix ~ .container-fluid {
    position: relative;
    top: 50px;
    }

/**
* Canvas Menu with Opacity
*/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #985e25;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 35px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none; 
  color: #FFFFFF;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#main {
  transition: margin-left .5s;  
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
} 

.navbar-toggler{display: none;}
/*Footer*/



/**
* Display Dropdown Menu On Hover...
*/
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}

.search-content img{width: 100%; height: auto; margin-bottom: 10px;}

.site-footer{padding:25px 0 15px 0; background-color: #f4f4f4; position: relative;}

.site-footer .scrolltop{position: absolute; right: 20px; bottom: 50px;}

.footer-title a{ color: #db7427; }

/*Pagination Links*/

.pagination {
    clear: both;
    display: block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.nav-links{clear: both;}

.nav-links a{padding:10px; margin:10px; background-color: #013b71; color:#FFF; border-radius: 5px;}

.nav-links span.current{padding:10px; margin:10px; background-color: #b0001c; color:#FFF;  border-radius: 5px;}

ul.footer-social-icon{float: right;}

ul.footer-social-icon li{float: left; margin: 5px 8px;}

ul.footer-social-icon a {color: #206dc3;}
ul.footer-social-icon a:hover {color: #d5000d;}


ul.footer-social-icon .bi-facebook{ font-size: 24px; }
ul.footer-social-icon .bi-youtube{ font-size: 24px; }
ul.footer-social-icon .bi-twitter{ font-size: 24px; }
ul.footer-social-icon .bi-instagram{ font-size: 24px;}

.scrolltop{ display: none;position: fixed;top: 600px; right:60px; }

.showscroll{display: block; font-size: 50px; z-index: 500;} 

.copyright{background-color: #3d6ec2; color:#FFFFFF;} 

.footer-address{ font-size: 20px; color: #4c4c4c; }

.footer-address span{color: #ff9900;}

.author_title {font-size: 15px; margin-top: 5px;}



.category-wrapper{ 
    margin-bottom: 30px;
    box-shadow: rgb(44 22 136 / 10%) 0 0 8px;
    height: 350px;
}


.category-wrapper div .entry-title{ padding:15px; }

.more-thumbnail-wrapper{margin:0 0 15px 0;}
.related-more-thumbnail{ height: 200px; margin-bottom: 10px;}
.related-more-thumbnail img{width: 100%; height: 100%; object-fit: cover; }
.relatedcontent .more-title{font-size: 22px;}

.banner-items  img{width: 100%; height: auto;}

.video-wrapper{ background-color:#f4f4f4 }
.main-news-shortdesc p{text-align: center;}

.videos-thumbnail{ height: 250px; }

.videos-thumbnail img{width: 100%; height:100%; object-fit: cover;}