/* #region header START */
  /* body.header {
    height: 90px;
    min-height: 80px;
    width: 100%;
    position: relative;
    left: 0;
    background-color: #fff;
    background-image: -webkit-linear-gradient(45deg, #fff 35%, #312f45 35%);
    background-size: cover;
    padding: 0;
    transition: background 0.3s ease-in-out;
  } */

  body.transparent-header .header{
    position: absolute !important;
  }

  /* #region :not(.transparent-header) START*/
      body:not(.transparent-header) .header,
      body:not(.transparent-header) .header.floating_menu{
          background-color: #fff !important;
          background-image: -webkit-linear-gradient(45deg, #fff 35%, #312f45 35%) !important;
      }

      body:not(.transparent-header) .header .navbar-nav .nav-link,
      body:not(.transparent-header) .header.floating_menu .navbar-nav .nav-link {
          color: #fffefe !important;
      }

      @media (max-width: 768px) {
          body:not(.transparent-header) .header ,
          body:not(.transparent-header) .header.floating_menu{
              background-color: #fff;
              background-image: -webkit-linear-gradient(45deg, #fff 55%, #312f45 35%) !important;
          }
      }

      /* ------- header hover--------- */

        /* For normal state inside floating_menu */
        body:not(.transparent-header) .header .navbar-nav .nav-link:hover,
        .header.floating_menu .navbar-nav .nav-link:hover {
            color: red !important; /* Override black/white color */
        }

        /* For transparent header state */
        body:not(.transparent-header) .header:not(.floating_menu) .navbar-nav .nav-link:hover {
            color: red !important;
        }

        /* For dropdown items too */
        /* .menu-bottom .dropdown-menu .dropdown-item:hover {
            color: red !important;
        } */
      /* ---------------- */

      /* #endregion :not(.transparent-header) START*/

  body:not(.transparent-header) .header {
    height: 90px;
    min-height: 80px;
    width: 100%;
    position: relative;
    left: 0;
    background-color: #fff;
    /* background-image: -webkit-linear-gradient(45deg, #fff 35%, #312f45 35%); */
    background-size: cover;
    padding: 0;
    transition: background 0.3s ease-in-out;
  } 
  /* Override for mobile */
  @media (max-width: 575.98px) {
    body:not(.transparent-header) .header {
      height: auto;
      min-height: auto;
    }
  }

  body.transparent-header .header.floating_menu ,
  body .header.floating_menu {
    /* position: fixed !important; */
    position: sticky !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 1000;
    background: #fff !important;
    box-shadow: 0 0 8px 0 #000;
  }

  body.transparent-header .header.floating_menu * ,
  body .header.floating_menu * {
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
  }

  /* On mobile (screen width <= 768px for example), reset the width */
  @media (max-width: 768px) {
    body.transparent-header .header.floating_menu .logo ,
    body .header.floating_menu .logo{
      width: auto; /* or 100%, depending on your design */
      padding-top: 3px;
    }
  }
  /* .header.floating_menu .logo img {
    max-width: 100%
  } */

  /* ------------ TEST START---------------- */
  .header.floating_menu {
    background: #fff;
    box-shadow: 0px 2px 8px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
  }

  .header.floating_menu .nav-link {
      padding: 8px 12px;
  }
  /* -------------TEST END--------------- */


  /* ------- header hover--------- */

  /* For normal state inside floating_menu */
body .header .navbar-nav .nav-link:hover,
.header.floating_menu .navbar-nav .nav-link:hover {
    color: red !important; /* Override black/white color */
}

/* For transparent header state */
body.transparent-header .header:not(.floating_menu) .navbar-nav .nav-link:hover {
    color: red !important;
}

/* For dropdown items too */
.menu-bottom .dropdown-menu .dropdown-item:hover {
    color: red !important;
}



  /* ---------------- */


  /* -------------- */
  .top-info .separator {
    color: #888; /* subtle color */
    margin: 0 8px;
    font-weight: 400;
    }

    .top-info .nav-link {
        color: #333;
        transition: color 0.3s ease;
    }

    .top-info .nav-link:hover {
        color: red; /* hover color */
    }

  /* -------------- */

  body.transparent-header .header.floating_menu .menu-bottom ul li a,
  body.header.floating_menu .menu-bottom ul li a {
    color: #333;
  }

  body.transparent-header .header.floating_menu .menu-bottom ul li a.immg,
  body.header.floating_menu .menu-bottom ul li a.immg {
    color: #fff;
  }

  .header.floating_menu .menu {
    padding-top: 6px
  } 

  .menu-top {
    /* float: right; */
    width: 100%
  }

  .floating_menu .menu .menu-top {
    display: none;
  }

  /* body.transparent-header .header.floating_menu .navbar-nav .nav-link,
  body .header .navbar-nav .nav-link , */
   body .header .navbar-nav .nav-link ,
  .header.floating_menu .navbar-nav .nav-link {
    color: #000000 !important;
    font-weight: 700;
    padding: 10px 15px;
  }

  body.transparent-header .header:not(.floating_menu) .navbar-nav .nav-link {
    color: #fff !important;
  }

  @media (max-width: 768px) {
    /* Default mobile header (shadow) */
    body .header {
      background: #fff;
      box-shadow: 0 0 8px 0 #000;
    }

    /* Transparent header on mobile (no shadow) */
    body.transparent-header .header {
      background: none !important;
      box-shadow: none !important;
    }

    /* Floating menu on mobile (always shadow) */
    body.transparent-header .header.floating_menu {
      background: #fff;
      box-shadow: 0 0 8px 0 #000;
    }
  }

  @media (max-width: 479px) {
    /* .header {
      background-image: -webkit-linear-gradient(50deg, #fff 49%, #312f43 37%);
    } */
    .header .navbar-brand {
      width: 180px;
      padding-top: 8px;
    }
    .navbar-brand img {
      max-width: 100%;
      /* width: 144px; */
      height: 41px;
    }
  }
  @media (max-width: 767px) {
    .header {
      height: 80px;
      min-height: 80px;
    }
  }  
  .top-bar, .header {
      position: relative;
      width: 100%;
      z-index: 10;
      transition: all 0.3s ease-in-out;
  }

  /* .top-bar a, .header a {
  color: white !important;
  } */

  .navbar-toggler {
  border-color: #fff;
  }
  

/* #endregion header START */