@import"sufin_menu.css";

html,
body {
  font-family: "Roboto", sans-serif !important;
  background-color: white;
  margin: 0;
  padding: 0;

}


/* header category menu starts here */
.super-category{
  background-color: white;
  box-shadow: 0px 2px 2px var(--header-shadow-color);
  padding: 0px;

}
.header-cat-level1 {
  justify-content: space-around;
  flex-direction: row;
  color: var(--header-nav-div-bg-color);
  padding: 0px 72px;
}

.header-cat-level1 .cat-divider {
  color: var(--divider-color);
  font-size: 25px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
}
.header-cat-level1 .nav-item:first-child .nav-link:before{
  display:none;
}
.header-cat-level1 .nav-item .nav-link{
  padding-left: 0px;
  padding-right: 0px;
  position:relative;
  color:var(--header-dropdown-text-color)
}
.header-cat-level1 span {
  font-weight: bold;
  color:var(--header-dropdown-text-color);
  font-size: 13px;
}
.header-cat-level1 .nav-item {
  position:static;
  line-height:24px;

  margin: 0 15px;
  border-bottom:2px solid white;
}
.header-cat-level1 .nav-item:hover {
  cursor:pointer;
  border-bottom:2px solid var(--primary-color);
  color:var(--primary-color)!important;
  margin-bottom:-1px;
}

.header-cat-level1 .nav-link:hover{
color:var(--primary-color)!important;

}


.super-category-menu {

  background: white!important;
  margin: 3px 87px 0 87px;
  box-shadow: 0px 5px 9px var(--header-shadow-color)!important;
  padding:  0!important;
  /* max-height:550px; */
  font-size:13px;
  /* width:100%!important; */
  position: absolute;
  box-shadow:0px 5px 9px var(--header-shadow-color);
  left: 0;
  right: 0;
  z-index:9999;
  /* border-top :2px solid #00000029; */
}
.super-menu-container ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  background: none;
  color:var(--tile-title-color);
  font-size: 13px;
  line-height:15px;
  padding-bottom:8px;
}
.super-menu-container ul li:last-child{
  padding-bottom:0;
}
.super-menu-container ul li:hover {
  color:var(--primary-color)
}
.super-menu-container ul {
  margin-top: 8px;
  padding-left: 0px;
}
.super-menu-container span.text-link, .super-category-menu span.text-link{
  color: var(--primary-color)!important;
  font-size:14px!important;
  line-height:19px!important;
}
.text-underline{
  text-decoration: underline;
}
.catgry-name{
  min-height:36px;
  display:block;
  color:var(--tile-title-color);
  line-height: 16px!important;
  font-size:13px!important;
}
.catgry-name:hover {
  color:var(--primary-color)!important;
}
.super-menu-container {
  padding: 16px 0;
  border-bottom: 1px solid var(--sidebar-off-white-bg);
  position: relative;
  margin:0;
}
.super-menu-container .col-lg {
  max-width:225px;
  min-width:225px;
}
/* shows the dropdown menu on hover */

.active-supermenu {
  color: var(--primary-color) !important;
}

/* header category menu ends here */

.super-menu-container ul li a:hover {

  color:var(--primary-color) !important;
  text-decoration: none;
}
.super-menu-container a:hover{
  text-decoration: none;
}
.black-link{
  color:var(--tile-title-color) !important;
}
@media screen and (min-width:991px) and (max-width:1199px){
  .super-menu-container .col-lg {
    max-width:160px;
    min-width:160px;
  }
  .super-category-menu {
    margin: 3px 40px 0 40px;
  }
}
@media screen and (min-width:1200px) and (max-width:1280px){
  /* .super-menu-container .col-lg {
    max-width:180px;
    min-width:180px;
  } */
  .header-cat-level1{
    padding: 0px 51px;
  }
  .super-category-menu {
    margin: 3px 44px 0 44px;
  }

}