/*** Navbar ***/
.nav-link{
color: var(--light) !important;
padding: 10px 15px !important;
}

.nav-link:hover {
color: var(--tertiary) !important;
}

/*********Sidebar***********/
#sideBar{
 width: 280px;
}

.menu{
   width: 100%;
  }
  
   .menu .item{
   position: relative;
   cursor: pointer;
  }
  
   .menu .item a{
   color: #fff;
   font-size: 16px;
   text-decoration: none;
   display: block;
   padding: 5px 20px;
   line-height: 60px;
  }
  
.menu .item a:hover{
      color: #7386D5;
      background: #fff;
   transition: 0.3s ease;
  }
  
 .menu .item i{
   margin-right: 15px;
  }
  
 .menu .item a .dropdown{
   position: absolute;
   right: 0;
   margin: 20px 10px;
   transition: 0.3s ease;
  }
  
 .menu .item .sub-menu{
   background: var(--secondary);
   display: none;
  }
  

  
  .rotate{
   transform: rotate(90deg);
  }
  
  
  
    .menu img{
      width: 130px;
      margin: 15px;
    }
/*** Hero Header ***/
.hero-header {
background:
      url(/assets/img/bg-dot.png),
      url(/assets/img/bg-dot.png),
      url(/assets/img/bg-round.png),
      url(/assets/img/bg-tree.png),
      url(/assets/img/bg-bottom-hero.png);
background-position:
      10px 10px,
      bottom 190px right 10px,
      left 55% top -1px,
      left 45% bottom -1px,
      center bottom -1px;
background-repeat: no-repeat;
}

/******Flash Message******/
#toastPlacement{
   position: fixed !important;
   z-index: 1;
   margin-top: 6rem;
}

/***********Search Bar *******/
.search-form{
  padding: 3rem 0 7rem;
  border-radius: 0 0 2rem 2rem;
}

.search-area p {
  color: #595959;
}

.search-form [type='submit'] {
  background-color: #302a39;
  width: 100%;
  color: white;
  border: none; /* Prevent double borders */
  cursor: pointer;
}

/**********Cards*************/

.book-card .card-left{
 background: linear-gradient(to bottom, var(--secondary),var( --tertiary)) !important;
}


/****************************ADS********************************/

.before-sticky-ad{
  display:none;
  z-index: 26;
}
.sticky-ad {
 bottom:0;
 position: fixed;
 text-align: center;
 min-height: inherit;
  min-width: 100%;
 background-color: #f0f0f0;

}

/***********Tab List ********/
.list-group-item-action.active {
   background: var(--primary);
   border-color: snow;
}