/* TOP BAR */
#top-bar{
  z-index: 11;position: relative; border-bottom: 1px solid #efefef; line-height: 35px; text-transform: uppercase;
  .right-text, .left-text{font-size: $font-size; font-weight: 500;}
  .right-text div{display: inline-block;}
  .right-text{
    .language-filter{
      select{
        cursor: pointer;
        text-transform: uppercase;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: transparent none repeat scroll 0 0;
        border: none;
        width: auto;
      }
      &:after{
          font-family: "FontAwesome";
          content: "\f107";
          opacity: 0.3;
          font-size: $font-size;
        }
    }
  }
  .top-bar-nav{
    margin: 0;line-height: 100%; display: inline-block;
    li{
      list-style: none;display: inline-block; padding-left:10px;margin-left: 10px;
      &.color a{
        color: $color-hover;
      }
    }
  }
}


/* -- MIDDLE HEADER -- */

.header-wrapper{position: relative; z-index: 99;}
#masthead{
  // height:120px;
  background-color: #FFF; top:-200px; @include single-transition(top,600ms,ease); background-position: bottom center; background-repeat: repeat-x;
  > .header-container{
    line-height: 130px;
    //Logo
    .logo {
      height: 100%;
      text-transform: uppercase;
      vertical-align: middle;
      a {
        display: block;
        margin: 0;
        font-size: 200%;
        font-weight: bold;
        width: 100%;
        color: $primary-color;
        img {
          max-height: 95px;
          height: auto;
          width: auto;
        }
      }
    }
    //Search
    .wide-nav-search{
      margin-top: 3px;
      .search-wrapper{
        position: relative; 
        form{
          width: auto; margin-right: 5px;margin-bottom: 0;
          &#yith-ajaxsearchform{
            label, button, input{display: inline-block; vertical-align: middle;}
            label{font-size: $font-size; font-weight: bold;}
            //span{font-size: 100%;}
            button{
              background: none !important; padding: 0; border: none; margin: 0 8px;
              &:before{
                content: "\e618";
                font-family: "pe-icon-7-stroke";
                font-size: 140%;
                color: #666;
              }
            }
            input{
              line-height: normal !important; line-height: 25px;  height: 25px;
              padding: 0px;  margin-bottom: 0; border-width: 0px 0px 1px; border-color: #e2e2e2; border-style: solid;display: inline-block;font-size: $font-size; width: 40%;
              &:focus{
                background: none !important;
              }
            }
          }
        }
        .autocomplete-suggestions{position: absolute;top:80px; background-color:#FFF;border:1px solid #E6E6E6;width: 100% !important; padding: 0px;}
        .autocomplete-suggestion{padding: 10px 15px;border-bottom: 1px solid #e6e6e6;font-size: $font-size;}
        .autocomplete-selected{background: #eee;}

        .please-wait{position: absolute; left: 40% !important; top: 40% !important;}
      }
    }
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome, if Chrome rule needed */
    .search-wrapper {
     color:#c00;
    }
    /* Safari 5+ ONLY */
    ::i-block-chrome, .someClass {
     color:#000;
    }
}

/* CART WISHLIST */
.cart-wishlist{
  margin-top: 3px !important; float: right; 
  > div{
    display: inline-block;
  }
  .wish-list-inner{
    margin-right: 15px;
    li{display: inline-block;}
    .wish-list-icon{
      @include single-transition(all, 350ms);
      .pe-7s-like{font-size: 150%; font-weight: bold;}
    }
  }
  .mini-cart{
    line-height: 0px;
    .cart-link{
      .cart-icon{
        @include single-transition(all, 350ms); position: relative;
        .shopping-cart{
          font-size: 170%; font-weight: bold; @include single-transition(all, 350ms);
        }
        .products-number{
          position: absolute; top: -12px; right: -9px; display: block-; width: 20px; height: 20px; @include radius(99px); background: $primary-color; text-align: center; line-height: 17px;
          strong{ color: #fff; font-size: 80%;}
        }
      }
      .cart-count{
        //font-weight: bold;
      }
      ul{
        margin:0px;
        li{display: inline-block;}
      }
    }
  }
}

/* CATEGORY TREE */
.category-tree{
  font-size: $font-size; cursor: pointer; position: relative; width: 96px;
  .nav-dropdown{
    position: absolute; top: 35px;
    ul li{
      list-style: none; padding: 5px 15px;
      &:hover{background: #f8f8f8;}
    }
  }
  &.active .nav-dropdown{
    top: 11px;
  }
  .category-inner{
    line-height: 34px; height: 36px; display: block; padding:0px 13px 0px 12px;
    span{margin-right: 15px; color: #111; font-weight: 500; }
    i{
      position: absolute; right: 10px; top: 13px;
      b{margin-left: 10px; font-size: 120%;}
    }
  }
}


.boxed #header-outer-wrap,.boxed .wide-nav{max-width:$box-width;width: 100%;left:auto;right: auto}
.boxed #header-outer-wrap.stuck,.boxed .wide-nav.stuck{left:auto;right: auto}

// .page-template-page-home-left-header ul.header-nav li:hover > a.nav-top-link::before{width: 0%}
// .page-template-page-home-left-header li.menu-parent-item .nav-top-link:after{font-family: 'icomoon'; content: "\f105 "; font-size: $font-size;}
// .page-template-page-home-left-sidebar-top{
//   .wide-nav{
//     border: 1px solid #E8E8E8;
//   }
//   .fixed-header{
//     .wide-nav{border: none;}
//   }
// }

/* Home 3 */
// .page-template-page-home-left-header{
//     #main-content{padding-left: 280px;}
//     .rev_slider_wrapper{margin-bottom: 0px !important;}
//     .config{display: none !important;}
// }

/* -- header layout -- */
.fixed-already .header-container{padding: 15px 0px; }



/*---------------------------------------------------------------*/
/* Fixed header / #fixed-header
/*---------------------------------------------------------------*/
.fixed-header-area {
  position: fixed;
  top: -129px;
  left: 0;
  width: 100%;
  z-index: 400;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  @include single-transition(all, 350ms);
  min-height: 76px;
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.15);
  &.fixed-already {
    top: 0;
  }
  .header-container{
    padding: 5px 0px;
    .root-item{
      > a{
        padding: 20px 20px !important;
      }
      &:hover .nav-dropdown{
        top: 63px !important;
      }
      &.lee_megamenu{
        &:hover .nav-dropdown{
          top: 63px !important;
        }
      }
    }
    .logo{
      padding-top: 5px;
      img{max-height: 50px;}
    }
    .cart-wishlist{
      line-height: 60px;
      }
    }
    .mini-cart.active .nav-dropdown{
      display: none !important;
    }
}

/* --  MAIN MENU NAVIGATION  -- */
.wide-nav{
    margin-bottom: 10px;
    .nav-bar-right{display:table-cell; height:50px; vertical-align:middle;}
    .nav-bar-right > div{
        display: table-cell;vertical-align: middle;
        button, input{
            margin-bottom: 0;
        }
        form{
            margin-left: 15px;width: 230px;
        }
    }
    &.nav-bar-center{
      .nav-wrapper{
        > .header-nav{
          text-align: center;
          li{
            text-align: left;
          }
        }
      }
      .nav-dropdown{
        ul{
          &:after{
            left: 60px;
          }
        }
        .row{
          &:after{left:60px;}
        }
      }
    }
    &.nav-bar-left{
      .nav-wrapper{
        > .header-nav{
        }
      }
    }
    .nav-dropdown{
      margin-top: -2px;
    }
}

/* TRANSPARENT HEADER */
.header-transparent{
  #masthead{
    background: transparent;
    .root-item{
      > a{
        color: #fff;  
      }
    }
    .cart-wishlist{
      span{
        color: #fff;
      }
    }
  }
}

.header-type-2, .fixed-header-area{
  .header-container{
    position: relative;
    .logo-wrapper{
      position: absolute;
      left: $column-gutter/2;
    }
    .wide-nav{
      padding-left: 150px;
    }
    .cart-wishlist{
      position: absolute; right: $column-gutter/2; top: 0;
    }
  }
}

.header-type-2{
  #site-navigation{
    line-height: 100px;
    .root-item{
      .nav-dropdown{
        top: 110px;
      }
      &:hover .nav-dropdown{
        top: 100px;
      }
    }
  }
}
  

.header-type-3{
  margin-bottom: 20px;
  #site-navigation{
    background: #000;
    .root-item{
      > a{
        color: #fff;
        padding: 20px 20px;
      }
      .nav-dropdown{
        top: 68px;
      }
      &:hover .nav-dropdown{
        top: 58px;
      }
    }
  }
}

@media only screen and (max-width: 767px){
#megaMenuToggle{display: none;}
#megaMenu.megaResponsiveToggle ul.megaMenu{display: block;}
}

