.main-logo {
    &.text-logo {
        font-size: 52px;
        font-weight: 400;
    }
    img {
        width: 100%;
    }
}

.mid-inline,
.mid-stack {
    .text-logo {
        text-align: center;
    }
}

.site-header {
    // border-bottom: 1px solid #ccc;
    // box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
    margin-bottom: 60px;
    z-index: auto;
    &.fixed {}
}

.admin-bar {
    .site-header.fixed {
        top: 32px;
    }
}

.flex-section {
    display: flex;
}

.equal-section {
    flex: 1 1 0;
}

.flex-end {
    justify-content: flex-end;
    nav {
        li:last-of-type {
            a {
                padding-right: 0;
            }
        }
    }
}

.nb-navbar,
.nb-header-sub-menu {
    ul {
        padding-left: 0;
        list-style-type: none;
    }
}

.stuck {
    @extend .animated;
    @extend .fadeInDown;
    position: fixed;
    top: 0;
    &.bot-section-wrap,
    &.middle-section-wrap {
        transition: all .2s ease;
        border-bottom: 1px solid #ccc;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
        width: 100%;
        background: #fff;
        z-index: 9999;
    }
}

.admin-bar .stuck {
    top: 32px;
}

.top-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
}

.site-header {
    //  &.header-desktop{
    //     .main-navigation
    //     {
    //         &.main-desktop-navigation{
    .mobile-toggle-button {
        display: none;
    }
    .menu-main-menu-wrap {
        .menu-main-menu-title {
            display: none;
        }
    } //         }
    //     }
    //  }
    &.header-mobile {
        .main-mobile-navigation {
            .mobile-toggle-button {
                display: block;
                background-color: transparent;
                border: 0 none;
                padding: 0;
                line-height: 1;
            }
            .menu-main-menu-wrap {
                .menu-main-menu-title {
                    display: block;
                }
            }
        }
    }
    .main-mobile-navigation {
        .menu-main-menu-wrap {
            position: fixed;
            transition: all .5s ease-in-out;
            left: -100%;
            top: 0;
            bottom: 0;
            padding: 50px 0 0;
            width: 300px;
            z-index: 999;
            background: #0c0c0c;
            color: #eee;
            overflow: auto;
            .menu-main-menu-title {
                position: relative;
                border-bottom: 1px solid #444;
                color: #fff;
                h3 {
                    color: inherit;
                    padding: 0 15px;
                }
                .icon-cancel-circle {
                    position: absolute;
                    right: 15px;
                    top: 50%;
                    transform: translateY(-50%);
                    font-size: 20px;
                    color: #fff;
                }
            }
            .menu-main-menu-container {
                .nb-navbar {
                    display: block;
                    .menu-item {
                        padding: 0;
                        a {
                            display: block;
                            padding: 15px 0;
                            border-bottom: 1px solid #444;
                            &::after {
                                content: '';
                            }
                        }
                        &.menu-item-has-children {
                            &.open {
                                >.sub-menu {
                                    display: block;
                                    left: 0;
                                }
                            }
                            .sub-menu {
                                position: relative;
                                background-color: #0c0c0c;
                                margin-left: 15px;
                                display: none;
                                padding: 0;
                                font-size: 0.95em;
                                .menu-item {
                                    border-bottom: 0 none;
                                }
                            }
                            &:after {
                                content: '\f107';
                                font-family: 'fontello';
                                position: absolute;
                                right: 15px;
                                top: 15px;
                                font-size: 20px;
                            }
                        }
                    }
                }
            }
            &.active {
                left: 0;
            }
        }
    }
}

.home {
    .site-header {
        &.teepro-header-4,
        &.teepro-header-3,
        &.teepro-header-2 {
            box-shadow: none;
        }
    }
}

.site-header {
    .top-section-wrap {
        .header_top_right_menu {
            >ul {
                margin: 0;
            }
            .data_user {
                position: relative;
                list-style: none;
                >a {
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    img {
                        width: 25px;
                        height: 25px;
                        border-radius: 50%;
                    }
                    &:after {
                        content: '\e916';
                        font-family: 'fontello';
                        font-size: 10px;
                        margin-left: 10px;
                    }
                }
                li {
                    list-style: none;
                }
                .user-menu {
                    position: absolute;
                    top: 100%;
                    right: 0;
                    opacity: 0;
                    visibility: hidden;
                    transition: all 0.3s ease-in-out;
                    margin-top: 10px;
                    min-width: 263px;
                    border-radius: 5px;
                    background-color: #fff;
                    box-shadow: -1px 5px 15px -6px rgba(0, 0, 0, 0.75);
                    padding: 15px;
                    z-index: 9999;
                    &::before {
                        content: '';
                        display: block;
                        position: absolute;
                        bottom: 100%;
                        right: 22px;
                        border-style: solid;
                        border-color: transparent;
                        border-bottom-color: #fff !important;
                        border-width: 10px;
                    }
                    >li {
                        padding: 10px 0;
                        >a {
                            display: block;
                            position: relative;
                            width: 100%;
                            color: #000;
                        }
                        &.user_my_account {
                            display: flex;
                            justify-content: space-between;
                            a {
                                &::after {
                                    content: '\e804';
                                    font-family: 'fontello';
                                    font-size: 14px;
                                    position: absolute;
                                    right: 0;
                                }
                            }
                        }
                        &.user_my_order {
                            display: flex;
                            justify-content: space-between;
                            a {
                                &::after {
                                    content: '\e900';
                                    font-family: 'fontello';
                                    font-size: 14px;
                                    position: absolute;
                                    right: 0;
                                }
                            }
                        }
                        &.user_logout {
                            display: flex;
                            justify-content: space-between;
                            a {
                                &::after {
                                    content: '\e901';
                                    font-family: 'fontello';
                                    font-size: 14px;
                                    font-weight: bold;
                                    position: absolute;
                                    right: 0;
                                }
                            }
                        }
                        &:not(:last-child) {
                            border-bottom: 1px solid #666;
                        }
                    }
                    .user-info {
                        display: flex;
                        align-items: center;
                        .user_avatar {
                            min-width: 50px;
                            min-height: 50px;
                            img {
                                width: 50px;
                                height: 50px;
                                border-radius: 50%;
                            }
                        }
                        .user_role_email {
                            padding: 0 15px;
                            .user_role {
                                color: #000;
                            }
                            .user_email {
                                color: #000;
                            }
                        }
                    }
                }
                &.open {
                    .user-menu {
                        opacity: 1;
                        visibility: visible;
                    }
                }
            }
        }
        .sub-navigation {
            .nb-header-sub-menu {
                li {
                    &.menu-item-has-children {
                        .sub-menu {
                            background-color: #fff;
                            box-shadow: -1px 5px 15px -6px rgba(0, 0, 0, 0.75);
                            li {
                                a {
                                    span {
                                        color: #000;
                                    }
                                }
                            }
                        }
                    }
                }
                >li {
                    &:not(:last-child) {
                        >a {
                            border-right: 1px solid #d4d4d4;
                        }
                    }
                }
                .nav-currency-dropdown {
                    .woocommerce-currency-switcher {
                        background-color: transparent;
                        border: 0 none;
                        outline: none;
                        background: none;
                        option {
                            color: #000;
                        }
                    }
                }
            }
        }
    }
    .middle-section-wrap {
        .icon-header-section {
            .icon-header-wrap {
                z-index:20;
                .header-search-wrap {
                    .nbt-search-wrap {
                        display: none;
                    }
                }
                .nbt-icon-plugins {
                    margin-left: 15px;
                    .nbt-search-wrapper {
                        top: 59px;
                    }
                }
                .nbt-ajax-cart {
                    margin-right:15px;
                    @include media-breakpoint-down(xs) {
                        .nbt-ajax-cart-popup {
                            right: -80px !important;
                        }
                    }
                    .nbt-ajax-cart-popup {
                        right: 0;
                        left: auto !important;
                        top: 65px;
                        .total {
                            color: #1d242a;
                        }
                        .nbt-ajax-cart-right {
                            color: #1d242a;
                        }
                    }
                    .nbt-ajax-cart-icon {
                        &::after {
                            bottom: -36px;
                            @include media-breakpoint-down(sm) {
                                display: none;
                            }
                        }
                        .nbt-ajax-cart-count {
                            line-height: 17px;
                        }
                    }
                }
                .header-cart-wrap {
                    .nb-cart-section {
                        position: relative;
                        i {
                            &::before {
                                content: '\e803';
                                font-family: 'fontello';
                            }
                        }
                        .count-item {
                            color: #fff;
                            position: absolute;
                            min-width: 20px;
                            min-height: 20px;
                            right: -10px;
                            top: -10px;
                            text-align: center;
                            border-radius: 50%; //background-color: #ccc;
                            display: block;
                            line-height: 20px;
                            font-size: 0.9em;
                        }
                    }
                    .mini-cart-section{
                        .cart_list {
                            max-height:468px;
                            overflow-x:auto;
                            scrollbar-width: thin;
                            &::-webkit-scrollbar {
                                width: 3px;
                            }
                            &::-webkit-scrollbar-track {
                                box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
                            }
                            &::-webkit-scrollbar-thumb {
                                background-color: darkgrey;
                                outline: 1px solid slategrey;
                            }
                        } 
                    }
                    +*:not(:last-child) {
                        padding: 0 10px;
                    }
                    +*:last-child {
                        padding-left: 20px;
                    }
                }
            }
        }
    }
}

.site-header {
    &.teepro-header-2,
    &.teepro-header-4 {
        margin-bottom: 63px;
        .middle-section-wrap {
            .icon-header-section {
                .icon-header-wrap {
                    .nbt-icon-plugins {
                        .nbt-search-wrapper {
                            top: 70px;
                        }
                    }
                }
            }
        }
    }
}

.site-header {
    &.teepro-header-4 {
        .top-section-wrap {
            .header_top_right_menu {
                @include media-breakpoint-up(sm) {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    &::before {
                        content: '';
                        position: absolute;
                        right: 0;
                        width: 1px;
                        height: 15px;
                        background-color: #fff;
                        display: block;
                    }
                }
            }
        }
    }
    &.teepro-header-2 {
        .top-section-wrap {
            .header_top_right_menu {
                @include media-breakpoint-up(xs) {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    &::before {
                        content: '';
                        position: absolute;
                        right: 0;
                        width: 1px;
                        height: 15px;
                        background-color: #444;
                        display: block;
                    }
                }
            }
        }
    }
    &.teepro-header-3 {
        margin-bottom: 63px;
        .middle-section-wrap {
            .icon-header-section {
                .icon-header-wrap {
                    .nbt-icon-plugins {
                        .nbt-search-wrapper {
                            top: 50px;
                        }
                    }
                }
            }
        }
        .top-section-wrap {
            .header_top_right_menu {
                @include media-breakpoint-up(md) {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    &::before {
                        content: '';
                        position: absolute;
                        right: 0;
                        width: 1px;
                        height: 15px;
                        background-color: #444;
                        display: block;
                    }
                }
            }
        }
    }
    .nb-header-sub-menu {
        >.wpml-ls-item {
            >a {
                span {
                    &:not(.wpml-ls-display):after {
                        display: none;
                    }
                }
            }
            .sub-menu {
                span {
                    white-space: nowrap;
                }
            }
        }
    }
    .sub-navigation{
        display: flex;
        @include media-breakpoint-down(sm)  {
            display: none;
        }
        .widget{
            margin-bottom: 0;
            h3.widget-title{
                display: none;
            }   
            .dd-select{
                background: transparent !important;
                border:none;
                position:relative;
                padding-right:15px !important;
                .dd-selected{
                    padding:0;
                    padding-left:15px;
                    display: inline;
                    overflow: hidden;
                    display: inline-block;
                    .dd-image-right{
                        margin-right:0;
                    }
                    label,small{
                        display: inline-block;
                        color:#fff;
                    }
                    label{
                        font-weight: 400;
                        margin-right: 5px;
                    }
                    small{
                        vertical-align: middle;
                    }
                }
                .dd-pointer{
                    border:none !important;
                    top: 50%;
                    transform: translateY(-50%);
                    height:auto;
                    width:auto;
                    margin-top:0;
                    right:0;
                    &:after{
                        content: "\f107";
                        font-family: "fontello";
                        margin-left: 5px;
                    }
                }
            }
            .dd-options{
                padding:10px 20px 15px;
                border-radius:4px;
                box-shadow: none;
                li{
                    border:none;
                    padding:0;
                    margin-bottom:0;
                    a{
                        padding-left: 0;
                        padding-right: 0;
                        .dd-image-right{
                            margin-right:0;
                        }
                    }
                }
            }
        }
        .menu-menu-top-left-container{
            ~ .WOOCS_SELECTOR{
                .dd-selected{
                    border-left:1px solid #d4d4d4;
                }
            }
            ~ .WOOCS_SELECTOR{
                margin-left:15px;
                .chosen-container{
                    margin-bottom:0;
                    .chosen-single{
                        background-color:#fff;
                        box-shadow:none;
                        span{
                            color:#333;
                        }
                        div{
                            background-image: none;
                            border-left: none;
                            b{
                                background-position: 0px 0px !important;
                            }
                        }
                    }
                    .chosen-drop{
                        border-color:#fff;
                        background-color:#fff;
                        .chosen-results{
                            li{
                                color:#333;
                                background-image:none;
                                background-position:right center !important;
                                background-size: 20px 20px !important;
                                &:hover{
                                    color:#fff !important;
                                }
                                &.result-selected{
                                    color:#fff !important;
                                }
                            }
                        }
                    }
                }
                .wSelect-el{
                    display: none;
                }
                select.woocommerce-currency-switcher{
                    height:30px;
                    padding-right:30px;
                    border:none;
                    outline:none;
                    color:#000;
                }
                .wSelect{
                    margin-bottom:0;
                    border:none;
                    .wSelect-arrow{
                        background-image:none;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        border-left: 1px solid;
                        &:after{
                            content: '\f107';
                            font-family: 'fontello';
                            font-size: 15px;
                            color: #000;
                        }
                    }
                    .wSelect-options-holder{
                        z-index:1000;
                        .wSelect-option{
                            .wSelect-option-value{
                                color:#000;
                                background-size:25px;
                            }
                            &:hover{
                                .wSelect-option-value{
                                    color:#fff;
                                }
                            }
                        }
                        .wSelect-option-selected{
                            .wSelect-option-value{
                                color:#fff;
                            }
                        }
                    }
                    .wSelect-selected{
                        color:#333;
                        border:none;
                        background-size:25px;
                    }
                }
                .woocs_flag_view_item{
                    width:30px;
                    height:auto;
                }
            }
        }
    }
}

@media only screen and (max-width:991px) {
    #mega-menu-wrap-primary {
        #mega-menu-primary {
            >li.mega-menu-item.mega-toggle-on {
                >a.mega-menu-link {
                    color: #fff;
                }
            }
        }
    }
}
