/*your custom css goes here*/

.logo-bar-area{
    background-color: #000000c4;
    color: #fff;
}

.top-navbar{
    background-color: #fcab24!important;
}

.even-height-category{
    height: 300px;
}

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



/* adds some margin below the link sets  */
.mega-menu.navbar .dropdown-menu div[class*="col"] {
    margin-bottom:1rem;
 }
 
 .mega-menu.navbar .dropdown-menu {
   border:none;
   background-color:#fff!important;
   color: #000;
 }
 
 /* breakpoint and up - mega dropdown styles */
 @media screen and (min-width: 992px) {
   
   /* remove the padding from the navbar so the dropdown hover state is not broken */
   .mega-menu.navbar {
   padding-top:0px;
   padding-bottom:0px;
 }
 
 /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
 .mega-menu.navbar .nav-item {
   padding:.5rem .5rem;
   margin:0 .25rem;
 }
 
 /* makes the dropdown full width  */
 .mega-menu.navbar .dropdown {position:static;}
 
 .mega-menu.navbar .dropdown-menu {
   width:100%;
   left:0;
   right:0;
 /*  height of nav-item  */
   top:45px;
   
   display:block;
   visibility: hidden;
   opacity: 0;
   transition: visibility 0s, opacity 0.3s linear;
   
 }
   /* shows the dropdown menu on hover */
   .mega-menu.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
   display:block;
   visibility: visible;
   opacity: 1;
   transition: visibility 0s, opacity 0.3s linear;
 }
   
 .mega-menu.navbar .dropdown-menu {
     border: 1px solid rgba(0,0,0,.15);
     background-color: #fff;
   }
 
 }
 
 .mega-menu{
   background-color: #fff!important;
   color: #000;
 }

 .mega-menu.navbar-dark .navbar-nav .nav-link{
   color: #000;
 }