/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .bnav_main_menu_container .sub-menu-toggle {
    display: none !important;
}

.icon_wrapper .img_icon {
    display: flex;
}

.bnav_bottom_nav_wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    overflow: hidden;
    transition: all 0.8s ease-in-out;
}

.bnav_bottom_nav_wrapper ul {
    padding: 0;
    list-style: none;
    max-width: 768px;
    /*width: 100%;*/
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: space-around;
}

.bnav_bottom_nav_wrapper ul li {
    cursor: pointer;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    flex: 1;
}

.bnav_bottom_nav_wrapper ul li:focus-visible {
    outline: none;
}

.bnav_bottom_nav_wrapper ul li a {
    text-decoration: none;
}

.bnav_bottom_nav_wrapper ul.menu li>ul {
    /*display: none;*/
    position: absolute;
    /*margin: 0 auto !important;*/
    left: 0;
    /*bottom: 135px;*/
    right: 0;
    max-width: 100%;
}


/*.bnav_bottom_nav_wrapper ul.menu li:hover > ul {*/


/*    display: block;*/


/*}*/


/* Global css for icon position */

.bnav_flex {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}


/*.bnav_center {*/


/*    flex-direction: column;*/


/*}*/

.bnav_icon_bottom .icon_wrapper {
    display: flex;
    order: 2;
}

.bnav_right .icon_wrapper {
    display: flex;
    order: 2;
}


/* Main menu */

.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_center {
    flex-direction: column;
}

.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_center .icon_wrapper {
    order: unset;
}

.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_left {
    flex-direction: row;
}

.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_right {
    flex-direction: row;
}

.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_left .text_wrapper {
    order: 2;
}

.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_left .icon_wrapper {
    order: 1;
}

.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_icon_bottom .icon_wrapper {
    order: 2;
}


/* Sub menu */

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_center {
    flex-direction: column;
}

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_center .icon_wrapper {
    order: unset;
}

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_left {
    flex-direction: row;
}

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_right {
    flex-direction: row;
}

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_left .text_wrapper {
    order: 2;
}

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_left .icon_wrapper {
    order: 1;
}

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_icon_bottom .icon_wrapper {
    order: 2;
}


/* Icon position on menu for global option */


/* Show sub menu icon on active or normal */

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 .bnav_menu_items:hover .icon_wrapper.active {
    display: flex;
}

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 .bnav_menu_items:hover .icon_wrapper.normal {
    display: none;
}


/* Child nav icon position */


/* .bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items */

.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_center {
    flex-direction: column;
}

.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_center .icon_wrapper {
    order: unset;
}

.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_left {
    flex-direction: row;
}

.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_right {
    flex-direction: row;
}

.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_left .text_wrapper {
    order: 2;
}

.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_left .icon_wrapper {
    order: 1;
}

.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_icon_bottom .icon_wrapper {
    order: 2;
}

.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items:hover .icon_wrapper.active {
    display: flex;
}

.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items:hover .icon_wrapper.normal {
    display: none;
}


/*.bnav_bottom_nav_wrapper ul li a .icon_wrapper.normal {*/


/*    display: none;*/


/*}*/

.bnav_bottom_nav_wrapper ul li ul.sub-menu {
    display: none !important;
}

.bnav_bottom_nav_wrapper ul li a .icon_wrapper.active {
    display: none;
}

.bnav_bottom_nav_wrapper ul.bnav_main_menu li a .bnav_menu_items:hover .icon_wrapper.active {
    display: flex;
}

.bnav_bottom_nav_wrapper ul.bnav_main_menu li a .bnav_menu_items:hover .icon_wrapper.normal {
    display: none;
}


/*.bnav_bottom_nav_wrapper ul li.current_page_item .icon_wrapper.normal {*/


/*    display: none;*/


/*}*/

.bnav_bottom_nav_wrapper ul li.current_page_item .icon_wrapper.active {
    display: flex;
}

.bnav_bottom_nav_wrapper ul li.current_page_item .icon_wrapper.normal {
    display: none;
}

.bnav_sub_menu_wrapper ul li ul {
    display: none;
}

.bnav_sub_menu_wrapper ul.sub-menu.show ul {
    display: none !important;
}

.bnav_menu_items {
    position: relative;
}

.bnav_menu_items .cart_total,
.bnav_menu_items .bnav_wishlist_counter {
    position: absolute;
    top: -3px;
    right: calc( 0% - 20px);
    display: inline-block;
    width: auto;
}

.bnav_menu_items .bnav_wishlist_counter {
    color: #818797;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .48px;
}

.bnav_sub_menu_search .bnav_search_input {
    position: relative;
}

.bnav_sub_menu_search .bnav_search_input {
    display: flex;
    align-items: center;
}

.bnav_sub_menu_search .bnav_search_input input {
    width: 100%;
    flex-shrink: 0;
    background: transparent;
    outline: none;
    border: none;
}

.bnav_sub_menu_search .bnav_search_input input:focus {
    background: transparent;
    outline: none;
}

.bnav_sub_menu_search .bnav_search_input.right {
    flex-direction: row-reverse;
}

.bnav_overlay {
    display: none;
    position: fixed;
    left: 0;
    width: 100%;
    height: calc( 100vh + 900px);
    top: -900px;
}

.bnav_sub_menu_search {
    display: none;
}

.bnav_sub_menu_search.bnav_search_hide {
    display: none;
}

.bnav_main_menu_container {
    position: relative;
}

.bnav_main_menu_overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background: #ff000000;
    width: 100%;
    height: 100%;
}

.bnav_sub_menu_search .bnav_search_input input {
    padding: 0;
    margin: 0;
}

.bnav_search_input.input_focused {
    position: relative;
    z-index: 9;
}

.bnav_sub_menu_search .bnav_search_input.left i,
.bnav_sub_menu_search .bnav_search_input.left img {
    margin-right: 5px;
}

.bnav_sub_menu_search .bnav_search_input.right i,
.bnav_sub_menu_search .bnav_search_input.right img {
    margin-left: 5px;
}


/* Mega menu */

.bnav_sub_menu_wrapper .sub-menu.bnav_mega_menu_wrapper {
    display: block;
}

.bnav_bottom_nav_wrapper ul li a .text_wrapper,
.bnav_main_menu_container .bnav_main_menu .bnav_menu_items .cart_total,
.bnav_bottom_nav_wrapper ul.sub-menu.bnav_child_sub_menu li a .text_wrapper {
    transition: all 0.5s ease-in-out;
}

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li a .text_wrapper,
.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li a .bnav_menu_items .cart_total {
    transition: all 0.5s ease-in-out;
}

.bnav_overlay_close_all {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #ffffff00;
    z-index: 99;
}

.bnav_scroll_hide_menu {
    bottom: -1000px;
}

.bnav_hide_menu_onscroll_mobile {
    bottom: -1000px;
}