/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 
 /* Header */
.navfw_container {
    text-align: center;
    padding: 5px 0px 5px 0px;
    background: #5f00b7;
}
#top-menu a {
    color: #fff;
}
#header .top-menu a[data-depth="0"]:hover {
    color: #cecece;
}    
#header .header-top .position-static {
    display: contents;
}
#header{ 
    background: #f6f6f6;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,.11);
}
#header .header-nav {
    max-height: 70px;
    border-bottom: none;
    background-color: #f5f5f7;
    padding-top: 7px;
}
#header .header-nav .user-info, #header .header-nav .language-selector {
    margin-left: 0px;
    margin-top: 5px;
    text-align: right;
}
#header .header-top {
    background-color: #f5f5f7;
    margin-top: 6px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 25px;
}

#search_widget form input {
  background-color: #fff;
  border: none;
  border-radius: 25px;
}

/* Checkout header */
#checkout #_desktop_logo {
    text-align: center;
}

/* Top menu */
.top-menu a[data-depth="0"] {
    padding: 8px;
    font-size: 14px;
}

/* Cart */
#header .header-nav .cart-preview.active, #header .header-nav .cart-preview.active a, #header .header-nav .cart-preview.active i {
    color: #000;
    background: none;
}
/* RESPONSIVE */

@media (max-width: 767px) {
    .navfw_container {
        background: none;
    }
    #header .header-top {
        padding: 0px;
    }
    #header .top-logo {
        display: inline-flex;
    }
    #category #search_filter_toggler {
        width: 100%;
        background-color: #54a51c;
        border-radius: 25px;
        color: #fff;
    }
    #header .header-top>.container>.row:first-of-type {
        display: block;
    }
}
@media (min-width: 992px) {
    #search_widget {
        min-width: 100%;
    }
}
@media (min-width: 576px) {
    .header-top .search-widgets {
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
  .container {
    width: 1400px;
    max-width: 100%;
  }
}