/*
Theme Name:BS Store 
Author: PSubedi
Author URI: http://www.mediachautari.com/
Description: This theme is designed for the official website of Nepali politican Ishwar Pokhrel.
Version: 2.0
License: Commercial
*/
.topmain{margin-top: 150px 0 50px; }
.topmain figure img{margin-bottom: 20px; margin-top: -30px;}
.welcome{text-align: justify; margin-bottom: 30px; }
.heads{font-family: 'Hind', sans-serif; color: #07357b; font-size: 2.8em; font-weight: 500;}
.left_bx{background-color: rgba(202, 215, 234, 0.8); 
  border-radius: 20px;
  padding: 25px; margin-left: 25px; box-shadow: 0 10px 20px rgb(219, 234, 249), 0 4px 8px rgba(255, 255, 255, 0.06);}
  .hero{
   background-image: url("images/hero.svg");

   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   background-attachment: fixed;
 }
 .right_box img{border-radius: 10px; border:2px solid red;}

 .flullwhite{width: 100%; background: #FFFFFF; padding: 30px 0 20px 0; border-top-right-radius: 10px; border-top-left-radius: 10px;}
 .btn-primary {color: #fff; background-color: #e30613; border-color: #e30613;  box-shadow: 0 10px 20px rgb(225, 232, 248), 0 4px 8px rgba(0,0,0,.06);}
 .btn-primary:hover {   color: #fff; background-color: #07357b;  border-color: #07357b;}
 .right_box{float: right; text-align: center;}
 .np_bt{background: #dc3545; color: #FFFFFF; margin-left: 15px; text-transform: uppercase;}
 .np_bt:hover{background: #312784; border-color: #312784;}

 .pro_card{border: none; background-color: unset !important;}
 .pro_card img{margin: 0 auto;}
 .pro_card .card-body h5{font-family: 'Bebas Neue', cursive; color: #312784; text-align: center;}
 .pro_card .card-body p {color: #555; text-align: center;}

 .updates_break{background-image: url("images/grbg.svg"); background-size: cover; height: 70px; width: 100%; float: left;}
 .sec_updates{background: #ffff; width: 100%; float: left; margin: 30px 0;}
 .sec_updates .card {border: none; box-shadow: 0px 0 10px rgb(239, 242, 251);}
 .sec_updates .card:hover{
   box-shadow: 0 10px 20px rgb(225, 232, 248), 0 4px 8px rgba(0,0,0,.06);
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
   z-index: 100;
 }
 .sec_updates .card-header{font-family: 'Hind', sans-serif; background: rgb(227, 6, 19); color: #fff; font-size: 1.2em; border-bottom:none; text-align: center;}
 .sec_updates .card-header i{margin-right: 10px;}
 .sec_updates .card-body ul li{padding-left: 30px; margin-bottom: 15px; font-size: 1.2em;}
 .sec_updates .card-body ul li i{ margin-left: -30px; color: #f99b9b; display: block;float: left; font-size: 0.7em; line-height: 2.5em;}

 .card-body .updates { float: left;}
 .card-body .updates:last-child{border-bottom: 0; margin-bottom: 0;}
 .updates h2{font-size: 1.5em;}
 .bichar h2{font-size: 1.4em;}
 .card-body .timeline{border-left: 1px solid #f9d6d6; margin-left: 10px;}
 .sec_updates .card-body .timeline li{ padding-top: 10px;}
 .sec_updates .card-body .timeline li i{margin-left: -38px !important; margin-top: -5px;
  color: #F99B9B;
  font-size: 0.9em;}
  .main_st{padding: 15px 10px 10px; background:#FFFFFF; margin: -50px 10px 0; float: left; border-radius: 5px; position: relative; border-bottom: 1px solid #F0F0F0; margin-bottom: 15px; padding-bottom: 10px; color:#686868;}
  .updates{overflow: hidden; position: relative;}
  .updates img{margin-bottom: 20px; position: relative;}
  .updates img { transition: all .2s ease-in-out; }
  .updates img:hover { transform: scale(1.1); }
  .sec_updates .card-body .timeline li span{margin-bottom: 10px; color: #555; font-size: 0.9em; display: block; width: 100%;}
  .updatesul{margin-left: 10px;}
  .gall_break{background-image: url("images/graybg.svg"); background-size: cover; height: 70px; width: 100%; float: left;}
  .sec_gallery{background: #4d72ac; width: 100%; float: left; padding: 50px 0;}
  .gall_head{font-family: 'Hind', sans-serif; font-size: 1.4em; margin-top: -50px; color:#FFFFFF;}
  .gallcard{overflow: hidden; border: 0; width: 100% !important;}
  .gallcard:hover{box-shadow: 0px 0 3px rgb(184, 214, 255);}
  .gallcard img {border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); transition: all 0.2s ease-in;}
  .gallcard h5{font-size: 1.0em; line-height: 1.4em; text-align: left;}
  .gallcard .card-body {background:#FFFFFF; overflow: hidden; z-index:1; min-height: 100px;}
  .gallcard a{color: #07357b;} .gallcard a:hover{color: #e50613;}
  .gallcard:hover img {
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    transform: scale(1.1);
  }
  .noticeModal{z-index: 1000; display: block;}
  .modal-content{box-shadow: 0 15px 35px rgba(50,50,93,.2),0 5px 15px rgba(0,0,0,.17); border: 1px solid #c5c1ec;
  }
  .close{border: 0; background-color: transparent; appearance: none; font-size: 1.4em; color: white;}
  .modal{bottom: 0!important; top: auto !important;}
  .modal-header{background: #dc3545; color: white; text-transform: uppercase;}
  .publication{margin-bottom: 15px;}
  .publication h2 {text-align: center; margin-top: 12px;}
  .publication img{margin: 0 auto; float: none;}
  .carousel-indicators{margin-bottom: -5px;}
  .carousel-indicators button{background: #6C6C6C !important;  border-bottom: 3px !important; width: 15px !important; height: 5px !important; border-top: 3px !important;}
  .carousel-indicators .active{background: red !important;}

  .carousel-control-prev i, .carousel-control-next i {color: #6C6C6C; font-size: 1.5em; display: none;}
  .slide:hover i{display: block !important;}   
  .page_content figure, .page_content img{float: left;}
  .page_content img {margin-right: 20px;}    
  .shareline{border-top:1px solid #eaeaea; padding-top: 20px; margin-top: 20px;}
  .gall_head a, .sec_updates .card-header a{color: #FFFFFF;}
  .ar_loop{border-bottom: 1px solid #E3F4FF; margin-bottom: 10px !important; }
  .loop_img{max-width: 165px; float: left;}
  .loop_txt{max-width: 750px; float: left; font-size: 0.9em !important;}
  .loop_img img{padding-right: 15px; border-radius: 5px;} 
  .wp-block-columns, .wp-block-columns p{text-align: left !important;}
  /* .pg{margin:25px auto; display:block; max-width:500px;} */
  /* .page-numbers{ font-size:1.2em; padding: 0 12px; line-height:1.0em; margin-right:5px; border-radius:2px;  box-shadow:0 1px 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  }
  .page-numbers:hover{ box-shadow: 0 7px 14px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);} */
  .pg .dots{box-shadow:none !important;}
  /* .pg .current:hover, .pg .current{box-shadow:none; background:#d2d2d2; } */
  .update_date{text-align: right; color: #636363 !important; font-size: 0.9em !important;}
  .homctitle{font-size: 1.4em !important;}
  .is-provider-youtube{width: 100% !important;}
  .is-provider-youtube .wp-block-embed__wrapper {
    display: inline-block;
    position: relative;
    padding-bottom: 60%;
    width: 100%;
  }
  .is-provider-youtube .wp-block-embed__wrapper iframe {
    height: 100% !important;
    position: absolute;
    top: 0; left: 0;
    width: 100% !important;
  }
  @media (max-width: 1500px) {
    .cover{background-size: 115%;} 
    .left_bx{width: 60%;}    
  }
  @media (max-width: 1366px) {
    .container {
      max-width: 90% !important;
    }
    .cover{background-size: 120%;}     
  }
/**
* Mobile Navigation 
*/
.mobile-nav-toggle {color: #012970; font-size: 28px; cursor: pointer;  display: none;
  line-height: 0;
  transition: 0.5s;
}
.mobile-nav-toggle.bi-x {
  color: #043f64;
}
@media (max-width: 1266px) {
 .cover{background-size: 130%;}
 .left_bx{width: 70%;}   
 .flullwhite{max-width: 1124px;}
 .cover{padding-bottom: 60px;}  
 .updates_break{height: 40px;}
}
@media (max-width: 991px) {
 .left_bx{width: 90%; margin-left: 5%; margin-right: 5%; margin-top: 250px;} 
 .cover{ background:#fee4e4 url("images/main_bg_1000.png") no-repeat; background-size: 100%; padding-bottom: 20px;} 
 .updates_break{height: 40px;}
 .mobile-nav-toggle {
  display: block;
}  
.bi.mobile-nav-toggle.bi-list { margin-right: 20px;}
.right_box{width: 100%; float: none; margin-top: 25px;}
.update_box{width: 90%; margin: 0 auto; margin-bottom: 20px;}
.gall_lp{width: 45%; margin-bottom: 15px;}
.updates img, .gallcard img{width: 100%;}
footer .col-6,footer .mt-3 {width: 33%;}
footer .mt-3{margin-top: 0 !important;}

.container{width: 98% !important; max-width: 98% !important;}    
@media (max-width: 768px) {
  .gallcard{width: 100% !important;}
  footer .col-6{width: 45%;}
  footer .col-6:nth-child(2) {
    display: none;
  }    
  .left_bx{margin-top: 150px;}
}
@media (max-width: 768px) {
  .wp-block-image .alignright{float: none;}
}
@media (max-width: 640px) {
 .cover{ background:#fee4e4 url("images/main_bg_600.png") no-repeat; background-size: 100%; padding-bottom: 20px;} 
 .left_bx{margin-top: 100px;}
 .heads{font-size: 2.1em;}
 .updates_break {
  height: 20px;}
  .gall_lp{        
    width: 90% !important;
    margin: 15px auto;
    
  }
}
@media (max-width: 480px) {
  .container{width: 90%;}
  .left_bx {
    margin-top: 50px;
  }
  .page_head{border-radius: 0px;}
  .gall_lp, .gallcard img{width: 100%;}
  footer .col-6{display: none;}
  footer .mt-3{width: 100% !important;}
  }}